SIB/frontend/src/router/index.ts

/** Vue Router configuration */
import { createRouter, createWebHistory } from 'vue-router'
import { supabase } from '@/supabase'

const router = createRouter({
    history: createWebHistory(import.meta.env.BASE_URL),
    routes: [
        // ─── Vistas Públicas Core ───────────────────────────────────────────
        {
            path: '/',
            name: 'splash',
            component: () => import('@/views/SplashScreen.vue'),
        },
        {
            path: '/map',
            name: 'map',
            component: () => import('@/views/MapView.vue'),
        },
        {
            path: '/login',
            name: 'auth',
            component: () => import('@/views/AuthView.vue'),
        },

        // ─── Vistas de Transporte ────────────────────────────────────────────
        {
            path: '/routes',
            name: 'routes',
            component: () => import('@/views/RoutesView.vue'),
        },
        {
            path: '/schedules',
            name: 'schedules',
            component: () => import('@/views/SchedulesView.vue'),
        },
        {
            path: '/bus-stop/:id',
            name: 'bus-stop-details',
            component: () => import('@/views/BusStopDetailsView.vue'),
        },
        {
            path: '/taxi',
            name: 'taxi',
            component: () => import('@/views/TaxiView.vue'),
        },

        // ─── Vistas de Descubrir ─────────────────────────────────────────────
        {
            path: '/discover',
            name: 'discover',
            component: () => import('@/views/DiscoverView.vue'),
        },
        {
            path: '/business/:id',
            name: 'business-details',
            component: () => import('@/views/BusinessDetailsView.vue'),
        },
        {
            path: '/coupons',
            name: 'coupons',
            component: () => import('@/views/CouponsView.vue'),
        },

        // ─── Vistas de Usuario ───────────────────────────────────────────────
        {
            path: '/favorites',
            name: 'favorites',
            component: () => import('@/views/FavoritesView.vue'),
        },
        {
            path: '/profile',
            name: 'profile',
            component: () => import('@/views/ProfileView.vue'),
            meta: { requiresAuth: true }
        },

        // ─── Vistas de Admin ─────────────────────────────────────────────────
        {
            path: '/admin',
            name: 'admin-panel',
            component: () => import('@/views/AdminPanel.vue'),
            meta: { requiresAuth: true, role: 'ADMIN' }
        },
        {
            path: '/admin/bus-stops',
            name: 'admin-bus-stops',
            component: () => import('@/views/AdminBusStops.vue'),
            meta: { requiresAuth: true, role: 'ADMIN' }
        },
        {
            path: '/admin/routes',
            name: 'admin-routes',
            component: () => import('@/views/AdminRoutes.vue'),
            meta: { requiresAuth: true, role: 'ADMIN' }
        },
        {
            path: '/admin/reports',
            name: 'admin-reports',
            component: () => import('@/views/AdminReports.vue'),
            meta: { requiresAuth: true, role: 'ADMIN' }
        },
        {
            path: '/admin/schedules',
            name: 'admin-schedules',
            component: () => import('@/views/AdminSchedules.vue'),
            meta: { requiresAuth: true, role: 'ADMIN' }
        },
        {
            path: '/admin/drivers',
            name: 'admin-drivers',
            component: () => import('@/views/AdminDrivers.vue'),
            meta: { requiresAuth: true, role: 'ADMIN' }
        },
        {
            path: '/admin/analytics',
            name: 'admin-analytics',
            component: () => import('@/views/StrategicAnalytics.vue'),
            meta: { requiresAuth: true, role: 'ADMIN' }
        },
        {
            path: '/admin/taxis',
            name: 'admin-taxis',
            component: () => import('@/views/AdminTaxis.vue'),
            meta: { requiresAuth: true, role: 'ADMIN' }
        },
        {
            path: '/admin/shuttles',
            name: 'admin-shuttles',
            component: () => import('@/views/AdminShuttles.vue'),
            meta: { requiresAuth: true, role: 'ADMIN' }
        },

        // ─── Vistas de Roles Especiales ──────────────────────────────────────
        {
            path: '/promoter',
            name: 'promoter-dashboard',
            component: () => import('@/views/PromoterDashboard.vue'),
            meta: { requiresAuth: true, role: ['PROMOTER', 'ADMIN'] }
        },
        {
            path: '/driver',
            name: 'driver-dashboard',
            component: () => import('@/views/DriverDashboard.vue'),
            meta: { requiresAuth: true, role: ['DRIVER', 'ADMIN'] }
        },
    ],
})

router.beforeEach(async (to, _from, next) => {
    // Rutas públicas: siempre pasan sin verificación
    if (!to.meta.requiresAuth && !to.meta.role) {
        return next()
    }

    // Leer sesión activa de Supabase (sustituye el viejo localStorage)
    const { data: { session } } = await supabase.auth.getSession()

    // Ruta protegida sin sesión → redirige a login
    if (to.meta.requiresAuth && !session) {
        return next('/login')
    }

    // Ruta con restricción de rol → verificar en la BD
    if (to.meta.role && session) {
        const { data: profile } = await supabase
            .from('users')
            .select('role')
            .eq('id', session.user.id)
            .single()

        const userRole = profile?.role?.toUpperCase() || 'PASSENGER'
        const allowedRoles = Array.isArray(to.meta.role)
            ? (to.meta.role as string[]).map(r => r.toUpperCase())
            : [(to.meta.role as string).toUpperCase()]

        if (!allowedRoles.includes(userRole)) {
            // Redirigir a la vista correcta según su rol real
            if (userRole === 'ADMIN') return next('/admin')
            else if (userRole === 'DRIVER') return next('/driver')
            else if (userRole === 'PROMOTER') return next('/promoter')
            else return next('/map')
        }
    }

    next()
})

export default router