From 51986d5bac1499b177916c4ac44ea54d7cca3efb Mon Sep 17 00:00:00 2001
From: clfreville2 <clement.freville2@etu.uca.fr>
Date: Thu, 13 Jun 2024 09:46:59 +0200
Subject: [PATCH] Geolocalize the current user position

---
 templates/post/_form.html.twig | 27 ++++++++++++++++++++++++++-
 1 file changed, 26 insertions(+), 1 deletion(-)

diff --git a/templates/post/_form.html.twig b/templates/post/_form.html.twig
index 09241c4..2b16e9b 100644
--- a/templates/post/_form.html.twig
+++ b/templates/post/_form.html.twig
@@ -1,4 +1,29 @@
 {{ form_start(form) }}
+    {{ form_row(form.foundDate) }}
+    <div class="row g-3">
+        <div class="col-md-3 d-flex justify-content-center align-items-center">
+            <button class="btn btn-secondary" id="geolocalize">{{ 'geolocation'|trans }}</button>
+        </div>
+        <div class="col-md-3">
+            {{ form_row(form.latitude) }}
+        </div>
+        <div class="col-md-3">
+            {{ form_row(form.longitude) }}
+        </div>
+        <div class="col-md-3">
+            {{ form_row(form.altitude) }}
+        </div>
+    </div>
     {{ form_widget(form) }}
-    <button class="btn">{{ button_label|default('save'|trans) }}</button>
+    <button class="btn btn-primary">{{ button_label|default('save'|trans) }}</button>
+    <script>
+        document.querySelector('#geolocalize').addEventListener('click', (event) => {
+            event.preventDefault();
+            navigator.geolocation.getCurrentPosition(function ({ coords }) {
+                document.querySelector('#post_latitude').value = coords.latitude;
+                document.querySelector('#post_longitude').value = coords.longitude;
+                document.querySelector('#post_altitude').value = coords.altitude;
+            });
+        })
+    </script>
 {{ form_end(form) }}