add hidden button to block multiple reservation

web/layouts/vehicles/search.html

@@ -223,11 +223,13 @@
                                             </div>
                                           </div>
                                           {{end}}
-                                          <div class="mt-5 sm:mt-6">
+                                          <div x-data="{
-                                            <button type="submit" class="inline-flex w-full justify-center rounded-2xl border border-transparent bg-co-blue px-4 py-2 text-base font-medium text-white shadow-sm hover:bg-co-blue focus:outline-none focus:ring-2 focus:ring-co-blue focus:ring-offset-2 sm:text-sm">Réserver</button>
+                                            buttondialog: false
+                                          }"class="mt-5 sm:mt-6" x-show="!buttondialog">
+                                            <button @click="buttondialog = !buttondialog" type="submit" class="inline-flex w-full justify-center rounded-2xl border border-transparent bg-co-blue px-4 py-2 text-base font-medium text-white shadow-sm hover:bg-co-blue focus:outline-none focus:ring-2 focus:ring-co-blue focus:ring-offset-2 sm:text-sm">Réserver</button>
                                           </div>
                                         </form>
-                                        <div class="mt-5 sm:mt-6">
+                                        <div class="mt-5 sm:mt-6" >
                                           <button @click="documentsdialog=false" type="button" class="inline-flex w-full justify-center max-w-xs bg-white hover:bg-gray-50 border-gray-300 border px-4 py-2 text-gray-700 items-center text-sm rounded-2xl focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-co-blue">Annuler</button>
                                         </div>
                                       </div>

web/layouts/vehicles_management/_partials/vehicles-list.html

@@ -48,6 +48,14 @@
                                                 <span class="mt-1 p-1 bg-gray-500 text-white text-xs font-bold rounded-xl" >
                                                     Disponible
                                                 </span>
+                                            {{else if eq .Status 1 }}
+                                                <span class="mt-1 p-1 bg-co-blue text-white text-xs font-bold rounded-xl" >
+                                                    A venir
+                                                </span>
+                                            {{else if eq .Status 0 }}
+                                                <span class="mt-1 p-1 bg-co-green text-white text-xs font-bold rounded-xl" >
+                                                    En cours
+                                                </span>
                                             {{end}}
                                         {{end}}
                                     {{else if gt (len .Bookings) 1}} 
@@ -72,7 +80,7 @@
                                             {{range .Bookings}}
                                                 {{if ne .Status -1}}
                                                     {{ $allAvailable = false }}
-                                                    {{ break }}
+                                                    {{break}}
                                                 {{end}}
                                             {{end}}
                                             {{if $allAvailable}}