From 32494410b0b666851dc9b54e543a3bc3411a50bb Mon Sep 17 00:00:00 2001
From: Maxime <maxime.parisi@coopgo.fr>
Date: Wed, 4 Dec 2024 17:41:18 +0100
Subject: [PATCH] add create-driver template

---
 config.yaml                                   |   3 +
 .../_partials/create-driver.html              | 101 ++++++++++++++++++
 .../_partials/driver-list.html                |   6 +-
 3 files changed, 106 insertions(+), 4 deletions(-)
 create mode 100644 web/layouts/solidarity_service/_partials/create-driver.html

diff --git a/config.yaml b/config.yaml
index 7642553..b2e80f8 100644
--- a/config.yaml
+++ b/config.yaml
@@ -225,6 +225,9 @@ views:
       files:
         - web/layouts/_partials/address_autocomplete.html
         - web/layouts/solidarity_service/_partials/create-booking.html
+    create_driver:
+      files:
+        - web/layouts/solidarity_service/_partials/create-driver.html
 icons:
   svg:
     coopgo:parcoursmob/monogram: <svg xmlns="http://www.w3.org/2000/svg" class="%s" viewBox="0 0 61.85 33.58"><defs><style>.cls-1{fill:#ff1300;}.cls-2{fill:#243887;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><path class="cls-1" d="M44.978,0C31.337,0,28.1,6.824,27.875,15.505H39.536V9.434a.727.727,0,0,1,1.123-.607L52.6,16.453,40.659,24.08a.729.729,0,0,1-1.123-.608v-6.1H27.865c.075,8.427,1.527,16.213,17.113,16.213,14.867,0,16.872-7.764,16.872-17.032C61.85,7.91,59.894,0,44.978,0Z"/><polygon class="cls-1" points="41.412 21.385 49.133 16.453 41.412 11.521 41.412 21.385"/><path class="cls-2" d="M14.175,11.4l-.019,4.151H26.311a14.781,14.781,0,0,0,.819-5.141C27.046,3.767,22.545,0,14.764,0H1.052A1.147,1.147,0,0,0,0,1.24V31.87a1.149,1.149,0,0,0,1.094,1.239H11.525a1.145,1.145,0,0,0,1.051-1.239V10.41h.758C13.88,10.41,14.175,10.756,14.175,11.4Z"/><path class="cls-2" d="M14.148,17.3l-.015,3.514H18.97A7.521,7.521,0,0,0,25.458,17.3Z"/></g></g></svg>
diff --git a/web/layouts/solidarity_service/_partials/create-driver.html b/web/layouts/solidarity_service/_partials/create-driver.html
new file mode 100644
index 0000000..0b7086d
--- /dev/null
+++ b/web/layouts/solidarity_service/_partials/create-driver.html
@@ -0,0 +1,101 @@
+{{define "content"}}
+<main>
+    <div class="max-w-7xl mx-auto px-4 sm:px-6 md:px-8">
+        <h1 class="text-2xl font-semibold text-gray-900">
+            Créer un conducteur
+        </h1>
+    </div>
+    <div>
+        <div class="-my-2 -mx-4 overflow-x-auto sm:-mx-6 lg:-mx-8">
+            <div class="mt-8 max-w-3xl mx-auto grid grid-cols-1 gap-6 lg:max-w-7xl lg:grid-flow-col-dense lg:grid-cols-3">
+                <form class="space-y-6" method="POST" name="create_driver" @submit="submit">                
+                    <div class="border-t border-gray-200 px-4 py-5 sm:px-6">    
+                        <div class="py-4 grid grid-cols-2">
+                            <div class="lg:col-span-1">
+                                <label for="firstname" class="block text-sm font-medium text-gray-700">Prénom</label>
+                                <div class="mt-1">
+                                    <input type="text" id="firstname" name="firstname" 
+                                        class="shadow-sm focus:ring-co-blue focus:border-co-blue block w-full sm:text-sm border-gray-300 rounded-l-2xl border-r-1">
+                                </div>
+                            </div> 
+                            <div class="lg:col-span-1">
+                                <label for="lastname" class="block text-sm font-medium text-gray-700">Nom</label>
+                                <div class="mt-1">
+                                    <input type="text" id="lastname" name="lastname" 
+                                        class="shadow-sm focus:ring-co-blue focus:border-co-blue block w-full sm:text-sm border-gray-300 rounded-l-2xl border-r-1">
+                                </div>
+                            </div> 
+                            <div class="lg:col-span-1">
+                                <label for="model" class="block text-sm font-medium text-gray-700">Model</label>
+                                <div class="mt-1">
+                                    <input type="text" id="model" name="model" 
+                                        class="shadow-sm focus:ring-co-blue focus:border-co-blue block w-full sm:text-sm border-gray-300 rounded-l-2xl border-r-1">
+                                </div>
+                            </div> 
+                            <div class="lg:col-span-1">
+                                <label for="brand" class="block text-sm font-medium text-gray-700">Brand</label>
+                                <div class="mt-1">
+                                    <input type="text" id="brand" name="brand" 
+                                        class="shadow-sm focus:ring-co-blue focus:border-co-blue block w-full sm:text-sm border-gray-300 rounded-l-2xl border-r-1">
+                                </div>
+                            </div> 
+                            <div x-data="{
+                                days : [
+                                'monday' ,
+                                'tuesday' ,
+                                'wednesday' ,
+                                'thursday' ,
+                                'friday' ,
+                                'saturday' ,
+                                'sunday' ,
+                                ],
+
+                                hours : [
+                                '12:00 AM',
+                                '01:00 AM',
+                                '02:00 AM',
+                                '03:00 AM',
+                                '04:00 AM',
+                                '05:00 AM',
+                                '06:00 AM',
+                                '07:00 AM',
+                                '08:00 AM',
+                                '09:00 AM',
+                                '10:00 AM',
+                                '11:00 AM',
+                                '12:00 PM',
+                                '01:00 PM',
+                                '02:00 PM',
+                                '03:00 PM',
+                                '04:00 PM',
+                                '05:00 PM',
+                                '06:00 PM',
+                                '07:00 PM',
+                                '08:00 PM',
+                                '09:00 PM',
+                                '10:00 PM',
+                                '11:00 PM'
+                                ] 
+                            }">
+                            <template x-for="day in days" :key="day">
+                                <div>
+                                    <label for="day-select-${day}" x-text="day"></label><br>
+                                    <select name="${day}" id="day-select-${day}">
+                                        <template x-for="hour in hours" :key="hour">
+                                            <option x-text="hour" x-value="hour"></option>
+                                        </template>
+                                    </select>
+                                </div>
+                            </template>
+                            </div>             
+                        </div>
+                        <input type="submit"
+                               class="inline-flex items-center justify-center rounded-2xl border border-transparent bg-co-blue px-4 py-2 text-sm font-medium text-white shadow-sm focus:outline-none focus:ring-2 focus:ring-ci-blue focus:ring-offset-2 sm:w-auto" 
+                               value="Chercher un Conducteurs">   
+                    </div>
+                </form>
+            </div>
+        </div>
+    </div>
+</main>
+{{end}}
\ No newline at end of file
diff --git a/web/layouts/solidarity_service/_partials/driver-list.html b/web/layouts/solidarity_service/_partials/driver-list.html
index 5d3b962..0f7882f 100644
--- a/web/layouts/solidarity_service/_partials/driver-list.html
+++ b/web/layouts/solidarity_service/_partials/driver-list.html
@@ -22,7 +22,7 @@
             }
         }">
         <h2 class="text-lg font-medium text-gray-900 p-4 sm:px-6">
-            Sélectionner un Conducteurs
+            Conducteurs
         </h2>
         <div class="border-t border-gray-200 px-4 py-5 sm:px-6">
 
@@ -118,9 +118,7 @@
             </div>
             <p id="driver_name"></p>
             <input type="hidden" id="driver_id" name="driver_id" >
-            <input type="submit"
-            class="inline-flex items-center justify-center rounded-2xl border border-transparent bg-co-blue px-4 py-2 text-sm font-medium text-white shadow-sm focus:outline-none focus:ring-2 focus:ring-ci-blue focus:ring-offset-2 sm:w-auto" 
-            value="Confirmer">
+            <a href="driver/create">Ajouter un conducteur solidaire</a>
             </div>
         </div>
     </form>