<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:s="http://jboss.com/products/seam/taglib"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:c="http://java.sun.com/jstl/core">

	<!-- This template must be included using a s:decorate element in a <ui:define name="body"> element-->
	<!-- parameters: validationType
					 managedBean (extends AbstractXMLValidator)-->
	<h:form id="globalForm">
		<rich:messages globalOnly="true" styleClass="message" />
		#{managedBean.init(validationType)}
		<s:div id="globalDiv">
			<rich:panel id="validatorPanel">
				<f:facet name="header">#{messages['gazelle.evs.client.cda.validator.panel.title']}</f:facet>
					<h:outputText id="fileUploadInfo"
					value="#{messages['gazelle.evs.client.cda.validator.file.upload']}" />
				<rich:spacer height="10" />
				<h:panelGrid columns="4">
					<rich:panel id="prescriptionFileUploadPanel">
						<h:outputText value="#{messages['gazelle.evs.client.cda.validator.file.upload.prescription']}"/>
						<rich:fileUpload id="uploadCDAFilePrescription"
							fileUploadListener="#{managedBean.uploadEventListenerPrescription}"
							maxFilesQuantity="1" acceptedTypes="xml" listHeight="60px"
							immediateUpload="true">
							<a4j:support event="onuploadcomplete"
								reRender="globalDiv, validatedFilesDataTable" />
						</rich:fileUpload>
					</rich:panel>

					<rich:panel id="dispensationFileUploadPanel">
						<h:outputText value="#{messages['gazelle.evs.client.cda.validator.file.upload.dispensation']}"/>
						<rich:fileUpload id="uploadCDAFileDispensation"
							fileUploadListener="#{managedBean.uploadEventListenerDispensation}"
							maxFilesQuantity="1" acceptedTypes="xml" listHeight="60px"
							immediateUpload="true">
							<a4j:support event="onuploadcomplete"
								reRender="globalDiv, validatedFilesDataTable" />
						</rich:fileUpload>
					</rich:panel>
					<rich:dataTable id="validatedFilesDataTable" value="#{managedBean.validatedFiles}" var="file" rows="5">
					        <f:facet name="header">
					                <h:outputText value="#{messages['gazelle.evs.client.cda.validator.file.upload.files']}" />
					        </f:facet>
					        <rich:column>
					                <f:facet name="header">#{messages['gazelle.evs.client.cda.validator.file.upload.file.type']}</f:facet>
			                        <h:outputText value="#{file.fileType}"/>
					        </rich:column>
					        <rich:column>
					                <f:facet name="header">#{messages['gazelle.evs.client.cda.validator.file.upload.file.name']}</f:facet>
			                        <h:outputText value="#{file.description}"/>
					        </rich:column>
					</rich:dataTable>
					
				</h:panelGrid>
				<rich:spacer height="10" />
				<h:panelGrid columns="3" id="methodSelectionDecoration">
					<h:outputText value="#{messages['net.ihe.gazelle.evs.SelectAValidator']}" style="font-weight: bold;" />
					<rich:spacer width="20" />
					<h:panelGrid columns="1">
						<s:decorate template="/layout/display.xhtml"
							rendered="#{managedBean.schematronBasedValidationService != null}">
							<ui:define name="label">#{messages['net.ihe.gazelle.evs.Schematron']}</ui:define>
							<h:selectOneMenu id="methodSelectionOption"
								value="#{managedBean.selectedSchematron}"
								style="font-weight:bold;">
								<s:selectItems
									value="#{managedBean.availableSchematrons}"
									var="schematron"
									noSelectionLabel="#{messages['gazelle.common.PleaseSelect']}"
									label="#{schematron}" required="true" />
							</h:selectOneMenu>
						</s:decorate>
						<h:outputText value="#{messages['net.ihe.gazelle.evs.AndOr']} "
							style="font-weight:bold;text-align:center;" 
							rendered="#{managedBean.modelBasedValidationService != null
										and managedBean.schematronBasedValidationService != null}"/>
						<s:decorate template="/layout/display.xhtml"
							rendered="#{managedBean.modelBasedValidationService != null}">
							<ui:define name="label">#{messages['net.ihe.gazelle.evs.ModelBasedValidation']}</ui:define>
							<h:selectOneMenu id="methodSelectionOption"
								value="#{managedBean.selectedMBValidation}"
								style="font-weight:bold;">
								<s:selectItems
									value="#{managedBean.availableMBValidations}"
									var="mbv"
									noSelectionLabel="#{messages['gazelle.common.PleaseSelect']}"
									label="#{mbv}" required="true" />
							</h:selectOneMenu>
						</s:decorate>
					</h:panelGrid>
				</h:panelGrid>
				<ui:insert name="insertBeforeButtons"/>
				<rich:spacer height="10" />
				<a4j:commandButton id="validateCDAButton" styleClass="commandButton"
					value="#{messages['gazelle.evs.client.validate']}"
					actionListener="#{managedBean.validateFile()}"
					onclick="Richfaces.showModalPanel('panelLoading');"
					oncomplete="Richfaces.hideModalPanel('panelLoading');"
					reRender="globalDiv"/>

				<a4j:commandButton id="resetButton" styleClass="commandButton"
					value="#{messages['gazelle.evs.client.reset']}"
					actionListener="#{managedBean.reset()}"
					onclick="Richfaces.showModalPanel('panelLoading');"
					oncomplete="Richfaces.hideModalPanel('panelLoading');"
					reRender="globalDiv" />
			</rich:panel>
			<br/>
			<br/>
			
			<c:forEach items="#{managedBean.validatedFiles}" var="file">
				<rich:simpleTogglePanel label="#{file.description} report" switchType="client" rendered="#{managedBean.validationDone}">
					<s:div>
						#{resultDisplayManager.init(file.oid, validationType)}
						<ui:include src="/common/newDetailedResult4XmlBasedFiles.xhtml"/>
					</s:div>
				</rich:simpleTogglePanel>
			</c:forEach>  
		</s:div>
	</h:form>
</ui:composition>