<!--
 * 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="panel2refresh" 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="panel2refresh" 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="panel2refresh" 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="panel2refresh" 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="#{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>
					
							
					</s:fragment>

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

				
	
	</div>