<!--
 * Copyright 2008 IHE International (http://www.ihe.net)
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 -->
<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:h="http://java.sun.com/jsf/html"
	xmlns:rich="http://richfaces.ajax4jsf.org/rich"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:c="http://java.sun.com/jsp/jstl/core">

	<rich:panel id="editDemonstrationPanel"
		rendered="#{demonstrationManagerBean.editDemonstration}">
		<f:facet name="header">#{messages['gazelle.systems.demonstration.LabelHeader']}</f:facet>
		<h:outputText>#{messages['gazelle.systems.demonstration.Label2']}</h:outputText>
		<rich:panel>
			<s:decorate id="name" template="/layout/edit.xhtml">
				<ui:define name="label">#{messages['gazelle.systems.demonstration.Name']}</ui:define>
				<h:inputText id="name" size="60"
					value="#{demonstrationManagerBean.selectedDemonstration.name}" />
			</s:decorate>
			<s:decorate id="descriptionDecoration" template="/layout/edit.xhtml">
				<ui:define name="label">#{messages['gazelle.systems.demonstration.Description']}</ui:define>
				<h:inputTextarea id="description"
					value="#{demonstrationManagerBean.selectedDemonstration.description}"
					rows="4" cols="60" />
			</s:decorate>
			<s:decorate id="urlDecoration" template="/layout/edit.xhtml">
				<ui:define name="label">#{messages['gazelle.systems.demonstration.URL']}</ui:define>
				<h:inputText id="url" size="60"
					value="#{demonstrationManagerBean.selectedDemonstration.url}" />
			</s:decorate>

			<a4j:region id="addressCountryRegion">
				<s:decorate id="addressCountryDecoration"
					template="/layout/edit.xhtml">
					<ui:define name="label">#{messages['gazelle.systems.demonstration.country']}</ui:define>

					<h:selectOneMenu id="countryListBox"
						value="#{demonstrationManagerBean.selectedDemonstration.iso3166CountryCode}"
						required="true">

						<s:selectItems
							value="#{iso3166CountryCode.getPossibleCountries()}"
							var="countryFromList"
							noSelectionLabel="#{messages['gazelle.common.PleaseSelect']}"
							label="#{countryFromList.printableName}" />

						<a4j:support event="onchange" oncomplete="onAjaxRequestComplete()"
							reRender="addressCountryDecoration${panelId}" />
					</h:selectOneMenu>

				</s:decorate>
			</a4j:region>

			<a4j:region id="startDateRegion">
				<s:decorate id="startDateDecoration" template="/layout/edit.xhtml">
					<ui:define name="label">#{messages['gazelle.systems.session.StartDate']}</ui:define>

					<h:panelGrid id="panelStartDate" columns="2">
						<a4j:outputPanel id="calendarStartDate" layout="block">
							<rich:calendar
								value="#{demonstrationManagerBean.selectedDemonstration.beginningDemonstration}"
								locale="#{localeSelector.localeString}"
								datePattern="dd/MM/yyyy HH:mm" showApplyButton="false"
								style="width:200px" />
						</a4j:outputPanel>
					</h:panelGrid>
				</s:decorate>
			</a4j:region>

			<a4j:region id="endDateRegion">
				<s:decorate id="endDateDecoration" template="/layout/edit.xhtml">
					<ui:define name="label">#{messages['gazelle.systems.session.EndDate']}</ui:define>

					<h:panelGrid id="panelEndDate" columns="2">
						<a4j:outputPanel id="calendarEndDate" layout="block">
							<rich:calendar
								value="#{demonstrationManagerBean.selectedDemonstration.endingDemonstration}"
								locale="#{localeSelector.localeString}"
								datePattern="dd/MM/yyyy HH:mm" showApplyButton="false"
								style="width:200px" />
						</a4j:outputPanel>
					</h:panelGrid>
				</s:decorate>
			</a4j:region>

			<a4j:region id="activateRegion">
				<s:decorate id="activateDecoration" template="/layout/edit.xhtml">
					<ui:define name="label">#{messages['gazelle.systems.demonstration.isActivated']}</ui:define>
					<h:selectBooleanCheckbox id="checkbox"
						value="#{demonstrationManagerBean.selectedDemonstration.active}" />
				</s:decorate>
			</a4j:region>

			<s:div id="testingSessionSelection">
				<rich:pickList id="picklistForSelectingSession"
					value="#{demonstrationManagerBean.selectedDemonstration.testingSessions}"
					sourceListWidth="300" targetListWidth="300"
					caption="Link demonstration to testing sessions" listsHeight="250"
					fastOrderControlsVisible="false" fastMoveControlsVisible="true"
					orderControlsVisible="false" removeControlLabel="Remove testing session(s)"
					copyControlLabel="Add testing session(s)"
					converter="testingSessionConverter">
					<s:selectItems
						value="#{demonstrationManagerBean.availableTestingSessions}"
						var="ts" label="#{ts.description}" />
					<s:convertEntity />
				</rich:pickList>
			</s:div>

			<div style="clear: both"><span class="required">*</span>
			required fields</div>

		</rich:panel>

		<div class="actionButtons"><a4j:commandButton
			id="saveDemoButton" styleClass="commandButton" value="Save"
			onclick="#{rich:component('panelLoading')}.show();"
			oncomplete="#{rich:component('panelLoading')}.hide();"
			actionListener="#{demonstrationManagerBean.addDemonstration()}"
			reRender="globalDiv" /> <a4j:commandButton id="cancelEdit"
			styleClass="commandButton"
			value="#{messages['gazelle.common.button.Cancel']}"
			reRender="globalDiv" bypassUpdates="true"
			actionListener="#{demonstrationManagerBean.displayAllDemonstrations()}" /></div>
	</rich:panel>
</s:div>