<!--
 * 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.
 -->
<!-- 	File : editAddressPanel.xhtml
			This file contains all address informations - Edit mode
		
		@author		Jean-Renan Chatel / INRIA Rennes IHE development Project
 		@see	> 	Jchatel@irisa.fr  -  http://www.ihe-europe.org  			-->

<div 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.ajax4jsf.org/rich">

	<!-- ======================= -->
	<!-- Address Edit section						   -->
	<!-- ======================= -->

	<s:fragment id="addressEditFragment${panelId}"
		rendered="#{not empty addressVariable and not empty addressVariable.iso3166CountryCode }">

		<!-- Address input box (for address) -->
		<a4j:region id="addressAddressRegion${panelId}">
			<s:decorate id="addressAddressDecoration${panelId}"
				template="/layout/edit.xhtml">
				<ui:define name="label">#{messages['gazelle.users.address.AddressAddress']}</ui:define>
				<h:inputText id="addressAddressKeyword${panelId}" maxlength="64"
					size="30" value="#{addressVariable.address}"
					styleClass="ajaxSupport" required="true">
					<a4j:support event="onblur"
						reRender="addressAddressDecoration${panelId}" ajaxSingle="true" />
				</h:inputText>
			</s:decorate>
		</a4j:region>

		<!-- Address input box (for address line 2) -->
		<a4j:region id="addressAddressRegion2${panelId}">
			<s:decorate id="addressAddressDecoration2${panelId}"
				template="/layout/edit.xhtml">
				<ui:define name="label">#{messages['gazelle.users.address.AddressAddress']} #{messages['net.ihe.gazelle.tm.Line2']}</ui:define>
				<h:inputText id="addressAddressKeyword2${panelId}" maxlength="64"
					size="30" value="#{addressVariable.addressLine2}"
					styleClass="ajaxSupport">
					<a4j:support event="onblur"
						reRender="addressAddressDecoration2${panelId}" ajaxSingle="true" />
				</h:inputText>
			</s:decorate>
		</a4j:region>

		<!-- City input box (for address) -->
		<a4j:region id="addressCityRegion${panelId}">
			<s:decorate id="addressCityDecoration${panelId}"
				template="/layout/edit.xhtml">
				<ui:define name="label">#{messages['gazelle.users.address.AddressCity']}</ui:define>
				<h:inputText id="addressCityKeyword${panelId}" maxlength="64"
					size="30" value="#{addressVariable.city}" styleClass="ajaxSupport"
					required="true">
					<a4j:support event="onblur"
						reRender="addressCityDecoration${panelId}" ajaxSingle="true" />
				</h:inputText>
			</s:decorate>
		</a4j:region>

		<!-- State input box (for address) -->
		<a4j:region id="addressStateRegion${panelId}">
			<s:decorate id="addressStateDecoration${panelId}"
				template="/layout/edit.xhtml">
				<ui:define name="label">#{messages['gazelle.users.address.AddressState']}</ui:define>
				<h:inputText id="addressStateKeyword${panelId}" maxlength="64"
					size="30" value="#{addressVariable.state}" styleClass="ajaxSupport"
					required="false">
					<a4j:support id="addressStateSupport${panelId}" event="onblur"
						reRender="addressStateDecoration${panelId}" ajaxSingle="true" />
				</h:inputText>
			</s:decorate>
		</a4j:region>

		<!-- ZipCode input box (for address) -->
		<a4j:region id="addressZipCodeRegion${panelId}">
			<s:decorate id="addressZipCodeDecoration${panelId}"
				template="/layout/edit.xhtml">
				<ui:define name="label">#{messages['gazelle.users.address.AddressZipCode']}</ui:define>
				<h:inputText id="addressZipCodeKeyword${panelId}" maxlength="64"
					size="30" value="#{addressVariable.zipCode}"
					styleClass="ajaxSupport" required="false">
					<a4j:support event="onblur"
						reRender="addressZipCodeDecoration${panelId}" ajaxSingle="true" />
				</h:inputText>
			</s:decorate>
		</a4j:region>

		<!-- Country Suggestion box  (for address) -->
		<a4j:region id="addressCountryRegion${panelId}">
			<s:decorate id="addressCountryDecoration${panelId}"
				template="/layout/edit.xhtml">
				<ui:define name="label">#{messages['gazelle.users.address.AddressCountry']}</ui:define>

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

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

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

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

	</s:fragment>

	<div id="emptyDiv" style="clear: both">
		<span class="required" />
	</div>

</div>