From 5d5e17112c0bd318b82faa9b8f3b112af3e1f618 Mon Sep 17 00:00:00 2001
From: Arnaud Delcasse <arnaud.delcasse@coopgo.fr>
Date: Mon, 5 Dec 2022 19:16:24 +0100
Subject: [PATCH] Tweak administration

---
 web/layouts/administration/home.html                 |  8 ++++----
 web/layouts/vehicles_management/booking-display.html |  4 ++--
 web/public/css/main.css                              | 10 +++++-----
 3 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/web/layouts/administration/home.html b/web/layouts/administration/home.html
index 723af8a..7e17eb8 100644
--- a/web/layouts/administration/home.html
+++ b/web/layouts/administration/home.html
@@ -15,7 +15,7 @@
         class="flex-1 flex items-center justify-between border-t border-r border-b border-gray-200 bg-white rounded-r-3xl truncate">
         <div class="flex-1 px-4 py-2 text-sm truncate">
           <a href="#" class="text-gray-900 font-medium hover:text-gray-600">Bénéficiaires</a>
-          <p class="text-gray-500">{{len (index .ViewState.groups 0).Members}} bénéficiaires</p>
+          <p class="text-gray-500">{{len .ViewState.beneficiaries }} bénéficiaires</p>
         </div>
       </div>
     </li>
@@ -51,13 +51,13 @@
     <li class="col-span-1 flex shadow-sm rounded-3xl">
       <div
         class="flex-shrink-0 flex items-center justify-center w-16 bg-co-yellow text-white text-sm font-medium rounded-l-3xl">
-        {{.IconSet.Icon "hero:outline/shield-check" "h-6 w-6"}}
+        {{.IconSet.Icon "tabler-icons:car" "h-6 w-6"}}
       </div>
       <div
         class="flex-1 flex items-center justify-between border-t border-r border-b border-gray-200 bg-white rounded-r-3xl truncate">
         <div class="flex-1 px-4 py-2 text-sm truncate">
-          <a href="#" class="text-gray-900 font-medium hover:text-gray-600">Accompagnement</a>
-          <p class="text-gray-500">0 actions réalisées</p>
+          <a href="#" class="text-gray-900 font-medium hover:text-gray-600">Véhicules</a>
+          <p class="text-gray-500">{{len .ViewState.bookings}} réservations de véhicules</p>
         </div>
       </div>
     </li>
diff --git a/web/layouts/vehicles_management/booking-display.html b/web/layouts/vehicles_management/booking-display.html
index 0db6d57..35cfc65 100644
--- a/web/layouts/vehicles_management/booking-display.html
+++ b/web/layouts/vehicles_management/booking-display.html
@@ -35,7 +35,7 @@
                                 <select x-model="selectedvehicle" id="vehicle" name="vehicle" class="mt-1 block w-full rounded-2xl border-gray-300 py-2 pl-3 pr-10 text-base focus:border-co-blue focus:outline-none focus:ring-co-blue sm:text-sm">
                                     <option value=""></option>
                                     {{range .ViewState.alternative_vehicles }}
-                                    <option value="{{.ID}}">{{.Data.name}}</option>
+                                    <option value="{{.ID}}">{{.Data.name}} ({{.Type}})</option>
                                     {{end}}
                                 </select>
                                 <div class="mt-5 sm:mt-6">
@@ -161,7 +161,7 @@
                                 <div class="py-4 sm:py-5 sm:grid sm:grid-cols-3 sm:gap-4">
                                     <dt class="text-sm font-medium text-gray-500">Type</dt>
                                     <dd class="mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2">
-                                        Voiture</dd>
+                                        {{.ViewState.vehicle.Type}}</dd>
                                 </div>
                                 {{if .ViewState.vehicle.Data.address}}
                                 <div class="py-4 sm:py-5 sm:grid sm:grid-cols-3 sm:gap-4">
diff --git a/web/public/css/main.css b/web/public/css/main.css
index 109e22f..4f3d80c 100644
--- a/web/public/css/main.css
+++ b/web/public/css/main.css
@@ -1659,6 +1659,11 @@ html {
   background-color: rgb(238 242 255 / var(--tw-bg-opacity));
 }
 
+.bg-black {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
+}
+
 .bg-indigo-600 {
   --tw-bg-opacity: 1;
   background-color: rgb(79 70 229 / var(--tw-bg-opacity));
@@ -1669,11 +1674,6 @@ html {
   background-color: rgb(17 24 39 / var(--tw-bg-opacity));
 }
 
-.bg-black {
-  --tw-bg-opacity: 1;
-  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
-}
-
 .bg-gray-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(107 114 128 / var(--tw-bg-opacity));