<!--
 * 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="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.ajax4jsf.org/rich"
     >


					<!-- ======================= -->
					<!-- Address Edit section						   -->
					<!-- ======================= -->
					
					<s:fragment id="addressEditFragment${panelId}">
					
							<!-- Hidden Id input box (for address) -->
							<h:inputHidden id="addressVariableId${panelId}" name="id" value="#{addressVariable.id}" />
							
							<!-- Address input box (for address) -->
							<a4j:region id="addressAdressRegion${panelId}">
								<s:decorate id="addressAdressDecoration${panelId}" template="/layout/edit.xhtml">
									<ui:define name="label">#{messages['gazelle.users.address.AddressAddress']}</ui:define>
            						<h:inputText 	id="addressAdressKeyword${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="#{iso3166CountryCodeSelectorBean.selectedIso3166CountryCode}" 
													required="true" >
						
											<s:selectItems value="#{iso3166CountryCodeSelectorBean.possibleIso3166CountryCodes}"
												var="countryFromList" noSelectionLabel="#{messages['gazelle.common.PleaseSelect']}"
												label="#{countryFromList.printableName}" />
							
													<a4j:support 	event="onchange"  
																	oncomplete="onAjaxRequestComplete()"
															  		reRender="addressCountryDecoration${panelId}"/>
										</h:selectOneMenu>
								
								
								<!-- 
									<h:inputText value="#{countryVariable.name}" id="countryText${panelId}" size="30" required="false" />
									<rich:suggestionbox 	id="suggestionBoxId${panelId}" 
																		for="countryText${panelId}" 
																		tokens=",["
								              		                	suggestionAction= diese-addressManagerBean.countryAutoComplete}" 
														                var="countryResult"
														                fetchValue="#{countryResult.name}" 
														                minChars="1"
														                shadowOpacity="2"
														                border="1" 
														                width="440"
														                height="170"
														                shadowDepth="5"
														                cellpadding="2"
														                nothingLabel="No country found" columnClasses="center">
																
									                <h:column id="countryFlag${panelId}">
									                    <h:graphicImage id="countryFlagGraphicImage${panelId}" value="#{countryResult.flagUrl}" />
									                </h:column>
									                <h:column id="countryName${panelId}">
									                    <h:outputText id="countryNameOutputText${panelId}" value="#{countryResult.name}"/>
									                </h:column>
									                <h:column id="countryPrintableName${panelId}">
									                    <h:outputText id="countryPrintableNameOutputText${panelId}" value="#{countryResult.printableName}" style="font-style:italic"/>
									                </h:column>
									</rich:suggestionbox>
		                    		 -->
		            		</s:decorate>
						</a4j:region>
					
							
					</s:fragment>

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

				
	</div>