solidarity transport

web/layouts/journeys/_partials/journeys-all.html

@@ -91,7 +91,7 @@
     {{end}}
 
     <!--VEHICLES-->
-    <div class="px-4 pt-16 flex text-sm text-grey-900  border-t-2">
+    <!--<div class="px-4 pt-16 flex text-sm text-grey-900">
         <div class="flex-1">
             {{.IconSet.Icon "tabler-icons:car" "h-6 w-6 inline-flex mr-4"}}
             <span class=" font-bold">{{len .ViewState.vehicles}} véhicules</span> partagés disponibles ce jour là et la semaine suivante
@@ -100,6 +100,34 @@
     </div>
     <div class="p-4 text-center">
         <a href="/app/vehicles/"><button class="text-md px-4 py-1 bg-gray-200 text-co-blue rounded-xl">Réserver un véhicule</button></a>
-    </div>
+    </div>-->
+<h3 class="p-4 text-lg">Transport solidaire</h3>
+<table class="min-w-full divide-y divide-gray-300 border-gray-300 border-t-1">
+  <thead class="bg-gray-50">
+    <tr>
+      <th scope="col"
+          class="py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-6">
+          Conducteurs disponibles
+      </th>
+      <th scope="col"
+          class="py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-6">
+          &nbsp;
+      </th>
+    </tr>
+  </thead>
+  <tbody class="divide-y divide-gray-200 bg-white">
+    {{ range .ViewState.solidarity_drivers }}
+    <tr>
+      <td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm sm:pl-6">{{ .Data.first_name }} {{ .Data.last_name }}</td>
+      <td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm sm:pl-6">
+        <a class="text-co-blue hover:text-co-blue" 
+          href="/app/solidarity-transport/drivers/{{.ID}}/match">
+          Organiser le transport solidaire
+        </a>
+      </td>
+    </tr>
+    {{ end }}
+  </tbody>
+</table>
 </div>
-{{end}}
+{{end}}