<s:div 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:c="http://java.sun.com/jstl/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:rich="http://richfaces.ajax4jsf.org/rich"
	xmlns:a4j="http://richfaces.org/a4j" template="/layout/template.xhtml">

	<a4j:jsFunction name="cancelMessageProfileUpload"
		reRender="msgProfileContentDecor"
		actionListener="#{tfHl7MessageProfileManagerBean.cancelFileUpload}" />
				
	<c:set var="popupOptions" value="width=1000,height=400,location=no,menubar=yes,scrollbars=yes,status=no,resizable=yes" />
	<rich:panel id="editProfilePanel"
		rendered="#{tfHl7MessageProfileManagerBean.displayProfile}">
		<c:set var="messageProfileUrl" value="../messageProfile/messageProfile.seam?mpId=#{tfHl7MessageProfileManagerBean.selectedProfile.id}" />
		<f:facet name="header">#{tfHl7MessageProfileManagerBean.selectedProfile.profileOid}</f:facet>
		<a4j:region>
			<s:decorate template="/layout/display.xhtml">
				<ui:define name="label">#{messages['gazelle.tf.Domain']}</ui:define>
				<h:outputText
					value="#{tfHl7MessageProfileManagerBean.selectedProfile.domain.name}" />
			</s:decorate>
			<s:decorate template="/layout/display.xhtml">
				<ui:define name="label">#{messages['gazelle.tf.Actor']}</ui:define>
				<h:outputText
					value="#{tfHl7MessageProfileManagerBean.selectedProfile.actor.name} (#{tfHl7MessageProfileManagerBean.selectedProfile.actor.keyword})" />
			</s:decorate>
			<s:decorate template="/layout/display.xhtml">
				<ui:define name="label">#{messages['gazelle.tf.table.Transaction']}</ui:define>
				<h:outputText
					value="#{tfHl7MessageProfileManagerBean.selectedProfile.transaction.keyword}" />
			</s:decorate>
			<s:decorate template="/layout/display.xhtml">
				<ui:define name="label">#{messages['gazelle.tf.Hl7Version']}</ui:define>
				<h:outputText
					value="#{tfHl7MessageProfileManagerBean.selectedProfile.hl7Version}" />
			</s:decorate>
			<s:decorate template="/layout/display.xhtml">
				<ui:define name="label">#{messages['gazelle.tf.Message']}</ui:define>
				<h:inputText
					value="#{tfHl7MessageProfileManagerBean.selectedProfile.messageType}" />
			</s:decorate>
			<s:decorate template="/layout/display.xhtml">
				<ui:define name="label">#{messages['gazelle.tf.table.messageOrderControlCode']}</ui:define>
				<h:inputText
					value="#{tfHl7MessageProfileManagerBean.selectedProfile.messageOrderControlCode}" />
			</s:decorate>
			<s:div id="affinityDomainDiv">
				<s:decorate id="affinityDomainDecorate"
					template="/layout/display.xhtml">
					<ui:define name="label">#{messages['gazelle.tf.AffinityDomains']}</ui:define>
					<rich:dataList
						value="#{tfHl7MessageProfileManagerBean.selectedProfile.affinityDomains}"
						rendered="#{tfHl7MessageProfileManagerBean.selectedProfile.affinityDomains != null}"
						var="ad">
						<h:panelGrid columns="3">
							<h:outputText value="#{ad.labelToDisplay}" />
							<h:graphicImage id="deleteADImage" value="/img/shutdown.gif"
								width="10" height="10" style="cursor: pointer;">
								<a4j:support event="onclick" for="deleteADImage"
									actionListener="#{tfHl7MessageProfileManagerBean.removeAffinityDomain(ad)}"
									reRender="affinityDomainDiv" />
							</h:graphicImage>
						</h:panelGrid>
					</rich:dataList>
				</s:decorate>
				<s:div id="affinityDomainChoiceDiv">
					<a4j:commandButton
						value="#{messages['gazelle.tf.AddAnAffinityDomain']}"
						actionListener="#{tfHl7MessageProfileManagerBean.setDisplayAffinityDomainList(true)}"
						rendered="#{tfHl7MessageProfileManagerBean.displayAffinityDomainList == false}"
						reRender="affinityDomainChoiceDiv" />
					<h:selectOneMenu
						value="#{tfHl7MessageProfileManagerBean.newAffinityDomain}"
						rendered="#{tfHl7MessageProfileManagerBean.displayAffinityDomainList}">
						<f:selectItems
							value="#{tfHl7MessageProfileManagerBean.getAffinityDomainList()}"
							noSelectionLabel="#{messages['gazelle.common.PleaseSelect']}" />
						<a4j:support event="onchange"
							actionListener="#{tfHl7MessageProfileManagerBean.addAffinityDomain()}"
							reRender="affinityDomainDiv" />
					</h:selectOneMenu>
				</s:div>
			</s:div>
			<div id="msgProfileContentDiv" style="padding: 18px 0px;">
				<s:decorate id="msgProfileContentDecor" template="/layout/display.xhtml" >
					<ui:define name="label">#{messages['gazelle.tf.messageProfileContent']}</ui:define>
					<div style="padding-bottom: 5px;">
						<a style="display: #{empty tfHl7MessageProfileManagerBean.selectedProfile.profileContent ? 'none;' : 'inline;'};padding-right:10px;" href="${messageProfileUrl}" onclick="window.open('${messageProfileUrl}', 'Message Profile#{tfHl7MessageProfileManagerBean.selectedProfile.profileOid}','${popupOptions}');return false;" >#{messages['gazelle.common.button.View']}</a>
						<a4j:commandLink 
							value="#{messages['gazelle.common.button.Edit']}"
							rendered="#{!tfHl7MessageProfileManagerBean.uploadingProfileContent}"
							actionListener="#{tfHl7MessageProfileManagerBean.changeProfileContent}"
							reRender="msgProfileContentDecor" style="padding-right:10px;">
						</a4j:commandLink>
						<a4j:commandLink
							id="msgProfileContentRemove"
							value="#{messages['gazelle.common.button.Remove']}"
							actionListener="#{tfHl7MessageProfileManagerBean.removeProfileContent}"
							rendered="#{not empty tfHl7MessageProfileManagerBean.selectedProfile.profileContent}"
							reRender="msgProfileContentDecor"/>	
					</div>						
					<h:outputText
						value="#{messages['gazelle.tm.testdefinitions.Supportfiletypes']}: #{messages['net.ihe.gazelle.tm.XML']}"
						rendered="#{tfHl7MessageProfileManagerBean.uploadingProfileContent}"/>
						
					<rich:fileUpload id="msgProfileContentFileUpload"
						fileUploadListener="#{tfHl7MessageProfileManagerBean.fileUploadListener}"
						maxFilesQuantity="1" 
						addControlLabel="#{messages['gazelle.tm.testdefinitions.ChooseFile']}"
						immediateUpload="true" allowFlash="true"
						listHeight="44px" listwidth="50px"
						acceptedTypes="xml"
						uploadControlLabel="#{messages['net.ihe.gazelle.UploadSelectedFile']}"
						uploadButtonClass="commandButton"
						onclear="cancelMessageProfileUpload()"
						onuploadcanceled="cancelMessageProfileUpload()"					
						rendered="#{tfHl7MessageProfileManagerBean.uploadingProfileContent}">
					</rich:fileUpload>
					
					<a4j:commandButton
						id="msgProfileContentUploadCancelBtn"
						styleClass="commandButton"
						value="#{messages['gazelle.tm.cancel']}"
						actionListener="#{tfHl7MessageProfileManagerBean.cancelFileUpload}"
						rendered="#{tfHl7MessageProfileManagerBean.uploadingProfileContent}"
						reRender="msgProfileContentDecor"/>										
				</s:decorate>
			</div>
		</a4j:region>
		<a4j:commandButton value="#{messages['gazelle.common.button.Save']}"
			actionListener="#{tfHl7MessageProfileManagerBean.saveSelectedProfile()}"
			reRender="globalDiv" styleClass="commandButton" />
		<rich:spacer width="5px" />
		<a4j:commandButton value="#{messages['gazelle.common.button.Cancel']}"
			actionListener="#{tfHl7MessageProfileManagerBean.cancelDisplay()}"
			reRender="globalDiv" styleClass="commandButton" />
	</rich:panel>

</s:div>