From 6aab112ecb32389aeadd6a719ae7c370599202d0 Mon Sep 17 00:00:00 2001
From: perco <perco@percoNAS.home>
Date: Wed, 20 May 2026 16:23:34 +0200
Subject: [PATCH] =?UTF-8?q?feat(voyage):=20affichage=20d=C3=A9taill=C3=A9?=
 =?UTF-8?q?=20des=20gares=20de=20p=C3=A9age=20par=20segment?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Chaque segment affiche maintenant la gare d'entrée et de sortie
- Affichage de l'opérateur (APRR, COFIROUTE, SANEF...)
- Style amélioré : distance + gares sur la même ligne
- Ajout du champ 'op' dans la réponse API

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 modules/holidays/views/detail.php | 24 +++++++++++++++++++-----
 modules/voyage/api.php            |  1 +
 2 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/modules/holidays/views/detail.php b/modules/holidays/views/detail.php
index abd4f7f..d0540be 100644
--- a/modules/holidays/views/detail.php
+++ b/modules/holidays/views/detail.php
@@ -458,14 +458,28 @@ async function estimateTripCost() {
     html += '</div>';
 
     if (data.segments && data.segments.length) {
-      html += '<details style="font-size:.82rem; color:var(--text-muted);"><summary style="cursor:pointer; margin-bottom:8px;">Détail par segment</summary>';
+      html += '<div style="border-top:1px solid var(--border-light); padding-top:12px; margin-top:4px;">';
+      html += '<div style="font-size:.75rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:var(--text-muted); margin-bottom:10px;">Détail du trajet</div>';
       data.segments.forEach(s => {
-        html += `<div style="display:flex; justify-content:space-between; padding:4px 0; border-bottom:1px solid var(--border-light);">
-          <span>📍 ${s.from} → ${s.to}</span>
-          <span>${Math.round(s.distance_km)} km · péage: ${s.toll.toFixed(2)} €</span>
+        html += `<div style="padding:8px 0; border-bottom:1px solid var(--border-light);">`;
+        html += `<div style="display:flex; justify-content:space-between; align-items:baseline; margin-bottom:4px;">
+          <span style="font-weight:600; font-size:.88rem;">📍 ${esc(s.from)} → ${esc(s.to)}</span>
+          <span style="font-size:.88rem; color:var(--primary);">péage : <strong>${s.toll.toFixed(2)} €</strong></span>
         </div>`;
+        html += `<div style="font-size:.78rem; color:var(--text-muted);">🛣️ ${Math.round(s.distance_km)} km`;
+        if (s.entry_plaza && s.exit_plaza) {
+          html += ` · ${esc(s.entry_plaza)} → ${esc(s.exit_plaza)}`;
+          if (s.op) html += ` <span style="background:var(--bg-page); border:1px solid var(--border-light); border-radius:4px; padding:0 4px; font-size:.7rem;">${esc(s.op)}</span>`;
+        } else if (s.note) {
+          html += ` · <em>${esc(s.note)}</em>`;
+        }
+        html += '</div></div>';
       });
-      html += '</details>';
+      html += '</div>';
+    }
+
+    function esc(s) {
+      return String(s ?? '').replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;');
     }
 
     result.innerHTML = html;
diff --git a/modules/voyage/api.php b/modules/voyage/api.php
index 7491686..0e8f4e4 100644
--- a/modules/voyage/api.php
+++ b/modules/voyage/api.php
@@ -224,6 +224,7 @@ for ($i = 0; $i < count($stops) - 1; $i++) {
     ];
     if ($entryPlaza) $seg['entry_plaza'] = $entryPlaza;
     if ($exitPlaza)  $seg['exit_plaza']  = $exitPlaza;
+    if ($bestOp)     $seg['op']          = $bestOp;
     if ($tollNote)   $seg['note']        = $tollNote;
 
     $segments[] = $seg;