From c442ef9d924a254c6f7b4c6a56c08f5084988b88 Mon Sep 17 00:00:00 2001
From: Arnaud Delcasse <arnaud.delcasse@mobicoop.org>
Date: Mon, 13 Oct 2025 16:14:23 +0200
Subject: [PATCH] Add day info on transit trips

---
 web/layouts/journeys/search-compact.html | 31 +++++++++++++++---------
 1 file changed, 19 insertions(+), 12 deletions(-)

diff --git a/web/layouts/journeys/search-compact.html b/web/layouts/journeys/search-compact.html
index a05ab6f..0ba3493 100644
--- a/web/layouts/journeys/search-compact.html
+++ b/web/layouts/journeys/search-compact.html
@@ -181,13 +181,16 @@
                 <div x-show="filters.transit" @click="selectSolution('transit', {{$index}})"
                      :class="selectedType === 'transit' && selectedIndex === {{$index}} ? 'bg-blue-50 border-l-4 border-co-blue' : 'hover:bg-gray-50'"
                      class="p-4 cursor-pointer transition-colors">
-                    <div class="flex items-center justify-between mb-2">
-                        <div class="flex items-center gap-2">
-                            <span class="text-sm font-semibold text-gray-900">{{ timeFormat $journey.StartTime "15:04" }}</span>
-                            <span class="text-gray-400">→</span>
-                            <span class="text-sm font-semibold text-gray-900">{{ timeFormat $journey.EndTime "15:04" }}</span>
+                    <div class="mb-2">
+                        <div class="text-xs text-gray-500 mb-1">{{ timeFormat $journey.StartTime "02/01/2006" }}</div>
+                        <div class="flex items-center justify-between">
+                            <div class="flex items-center gap-2">
+                                <span class="text-sm font-semibold text-gray-900">{{ timeFormat $journey.StartTime "15:04" }}</span>
+                                <span class="text-gray-400">→</span>
+                                <span class="text-sm font-semibold text-gray-900">{{ timeFormat $journey.EndTime "15:04" }}</span>
+                            </div>
+                            <span class="text-xs font-medium text-gray-600">{{ shortDuration $journey.Duration }}</span>
                         </div>
-                        <span class="text-xs font-medium text-gray-600">{{ shortDuration $journey.Duration }}</span>
                     </div>
                     <div class="flex items-center gap-1 flex-wrap">
                         <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-green-100 text-green-800">
@@ -397,13 +400,16 @@
                 <div>
                     <!-- Header -->
                     <div class="p-4 border-b border-gray-200 bg-co-blue">
-                        <div class="flex items-center justify-between text-white">
-                            <div class="flex items-center gap-3">
-                                <div class="text-2xl font-bold" x-text="transitJourneys[selectedIndex].startTime"></div>
-                                <div class="text-lg">→</div>
-                                <div class="text-2xl font-bold" x-text="transitJourneys[selectedIndex].endTime"></div>
+                        <div class="text-white">
+                            <div class="text-xs mb-2 opacity-90" x-text="transitJourneys[selectedIndex].startDate"></div>
+                            <div class="flex items-center justify-between">
+                                <div class="flex items-center gap-3">
+                                    <div class="text-2xl font-bold" x-text="transitJourneys[selectedIndex].startTime"></div>
+                                    <div class="text-lg">→</div>
+                                    <div class="text-2xl font-bold" x-text="transitJourneys[selectedIndex].endTime"></div>
+                                </div>
+                                <div class="text-sm font-medium text-white bg-co-lightblue px-3 py-1 rounded-full" x-text="transitJourneys[selectedIndex].duration"></div>
                             </div>
-                            <div class="text-sm font-medium text-white bg-co-lightblue px-3 py-1 rounded-full" x-text="transitJourneys[selectedIndex].duration"></div>
                         </div>
                     </div>
 
@@ -981,6 +987,7 @@ function compactJourneySearch() {
         {
             startTime: '{{ timeFormat $journey.StartTime "15:04" }}',
             endTime: '{{ timeFormat $journey.EndTime "15:04" }}',
+            startDate: '{{ timeFormat $journey.StartTime "02/01/2006" }}',
             duration: '{{ shortDuration $journey.Duration }}',
             legs: [
                 {{range $legIndex, $leg := $journey.Legs}}