jolie beau et ajax

views/signup.tpl

@@ -3,7 +3,6 @@
 
 {block name="content"}
 <!-- Page : Inscription -->
-
 <div class="py-5">
 
 	<!-- Centrage horizontal du formulaire -->
@@ -150,13 +149,23 @@
 							<label class="form-label" for="user_location">
 								Localisation
 							</label>
-							<input
-								class="form-control"
-								type="text"
-								id="user_location"
-								name="user_location"
-								value="{$objUser->getLocation()|default:''}"
-							>
+							<div class="position-relative">
+								<input
+									class="form-control"
+									type="text"
+									id="user_location"
+									name="user_location"
+									value="{$objUser->getLocation()|default:''}"
+									autocomplete="off"
+									placeholder="Ex : Paris, Lyon..."
+								>
+								<!-- Liste déroulante des suggestions -->
+								<ul
+									id="location-suggestions"
+									class="list-group position-absolute w-100 shadow-sm"
+									style="z-index: 1000; display: none; max-height: 220px; overflow-y: auto; top: 100%; left: 0;"
+								></ul>
+							</div>
 						</div>
 
 						<!-- Champ optionnel : phrase d'accroche -->
@@ -168,9 +177,8 @@
 								class="form-control"
 								id="user_description"
 								name="user_description"
-								value="{$objUser->getDescription()|default:''}"
 								rows="3"
-							></textarea>
+							>{$objUser->getDescription()|default:''}</textarea>
 						</div>
 
 						<!-- Bouton de soumission du formulaire -->
@@ -199,4 +207,5 @@
 	</div>
 
 </div>
+{include file="views/_partial/apigeo.tpl"}
 {/block}