From 997d3872ef2c68e93ca36b8fd2e556d91fcbdcec Mon Sep 17 00:00:00 2001
From: perco <perco@percoNAS.home>
Date: Mon, 11 May 2026 16:12:18 +0200
Subject: [PATCH] =?UTF-8?q?fix:=20garage=20=E2=80=94=20sous-nav=20interne?=
 =?UTF-8?q?=20+=20correction=20modal=20(.open=20=E2=86=92=20.show)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Ajout sous-nav Dashboard/Véhicules/Pièces (nav-link attendus par garage.js)
- CSS modal-backdrop.open → .show (alignement avec garage.js openModal())
- Styles garage-subnav intégrés dans garage.css

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 garage.php                       |  7 +++++++
 modules/garage/assets/garage.css | 25 ++++++++++++++++++++++++-
 2 files changed, 31 insertions(+), 1 deletion(-)

diff --git a/garage.php b/garage.php
index e57e8f8..92e79a2 100644
--- a/garage.php
+++ b/garage.php
@@ -12,6 +12,13 @@ require __DIR__ . '/header.php';
 
 <div id="toasts" class="toast-container"></div>
 
+<!-- Sous-navigation interne Garage -->
+<nav class="garage-subnav">
+  <button class="nav-link active" data-page="dashboard">📊 <?= tr('garage_stat_vehicles') !== 'Véhicules' ? 'Dashboard' : 'Dashboard' ?></button>
+  <button class="nav-link" data-page="vehicles">🚗 <?= tr('garage_vehicles_title') ?></button>
+  <button class="nav-link" data-page="parts">🔩 <?= tr('garage_all_parts') ?></button>
+</nav>
+
 <div id="page-dashboard" class="page active">
   <div class="container">
     <div class="stats-grid">
diff --git a/modules/garage/assets/garage.css b/modules/garage/assets/garage.css
index c33f898..5464138 100644
--- a/modules/garage/assets/garage.css
+++ b/modules/garage/assets/garage.css
@@ -190,7 +190,7 @@ textarea.form-control { resize: vertical; min-height: 80px; }
   background: rgba(0,0,0,0.7); backdrop-filter: blur(2px);
   align-items: center; justify-content: center; padding: 1rem;
 }
-.modal-backdrop.open { display: flex; }
+.modal-backdrop.show { display: flex; }
 .modal {
   background: var(--card); border: 1px solid var(--border);
   border-radius: var(--radius-lg); width: 100%; max-width: 640px;
@@ -359,3 +359,26 @@ textarea.form-control { resize: vertical; min-height: 80px; }
   .navbar { padding: 0 1rem; gap: 1rem; }
   .vehicles-grid { grid-template-columns: 1fr; }
 }
+
+/* ── Sous-nav Garage ── */
+.garage-subnav {
+  display: flex;
+  gap: 4px;
+  padding: 12px 16px;
+  background: #fff;
+  border-bottom: 1px solid #e2e8f0;
+  margin-bottom: 0;
+}
+.garage-subnav .nav-link {
+  background: none;
+  border: 1px solid #e2e8f0;
+  border-radius: 8px;
+  padding: 8px 16px;
+  font-size: 0.9rem;
+  font-weight: 500;
+  cursor: pointer;
+  color: #64748b;
+  transition: all .15s;
+}
+.garage-subnav .nav-link:hover { background: #f1f5f9; color: #1e293b; }
+.garage-subnav .nav-link.active { background: #2563eb; color: #fff; border-color: #2563eb; }