From 545cefd0191107e13f272d29279163c870742a88 Mon Sep 17 00:00:00 2001
From: Hanzo_dev <2002samudiojohan@gmail.com>
Date: Sun, 1 Mar 2026 21:34:36 -0500
Subject: [PATCH] Fix: Restore bus stop markers on route selection with yellow
 styling

---
 frontend/src/composables/useFlujoPrincipal.ts | 35 +++++++++----------
 1 file changed, 16 insertions(+), 19 deletions(-)

diff --git a/frontend/src/composables/useFlujoPrincipal.ts b/frontend/src/composables/useFlujoPrincipal.ts
index 482ef26..3354a58 100644
--- a/frontend/src/composables/useFlujoPrincipal.ts
+++ b/frontend/src/composables/useFlujoPrincipal.ts
@@ -4,6 +4,7 @@ import { useDirectionsRoute } from './useDirectionsRoute'
 import { useParadaCercana } from './useParadaCercana'
 import type { BusStop } from '@/types'
 import { useRouteStore } from '@/stores/route'
+import { useGoogleMaps } from './useGoogleMaps'
 
 export const useFlujoPrincipal = () => {
     const { limpiarMapa } = useMapState()
@@ -106,25 +107,21 @@ export const useFlujoPrincipal = () => {
                 }
             }
 
-            // ── PASO 6: Marcador de parada cercana (ELIMINADO por petición del usuario para mantener mapa limpio) ────────────────
-            /*
-            registrarMarker(
-                new google.maps.Marker({
-                    position: { lat: paradaCercanaFound.latitude, lng: paradaCercanaFound.longitude },
-                    map,
-                    icon: {
-                        path: google.maps.SymbolPath.CIRCLE,
-                        fillColor: '#F59E0B',
-                        fillOpacity: 1,
-                        strokeColor: '#FFFFFF',
-                        strokeWeight: 3,
-                        scale: 12
-                    },
-                    title: paradaCercanaFound.name,
-                    zIndex: 10
-                })
-            )
-            */
+            // ── PASO 6: Dibujar marcadores de todas las paradas (Restaurado) ──────────
+            const { addCleanMarker } = useGoogleMaps()
+            paradasFormateadas.forEach((p, i) => {
+                const esCercana = i === idx;
+                const esPasada = idx !== -1 && i < idx;
+
+                addCleanMarker(
+                    { lat: p.latitud, lng: p.longitud },
+                    p.nombre,
+                    esCercana ? 'cercana' : (esPasada ? 'pasada' : 'normal'),
+                    () => {
+                        console.log(`Click en parada: ${p.nombre}`);
+                    }
+                );
+            });
 
             // ── PASO 7: Pulso animado en ubicación del usuario ────
             dibujarPulsoUsuario(ubicacion, map)