import { Navigate, type RouteObject } from 'react-router-dom';

import { HomeRedirect, RequireAuth } from '@/auth/RequireAuth';
import { AppShell } from './AppShell';
import { AdminLoginPage } from '@/pages/auth/AdminLoginPage';
import { ConnexionPage } from '@/pages/auth/ConnexionPage';
import { ConfigPage } from '@/pages/ConfigPage';
import { GrillePage } from '@/pages/GrillePage';
import { MobileLeadPage } from '@/pages/MobileLeadPage';
import { MobileVolunteerPage } from '@/pages/MobileVolunteerPage';
import { VolunteerViewPage } from '@/pages/VolunteerViewPage';

export const routes: RouteObject[] = [
  { path: '/connexion', element: <ConnexionPage /> },
  { path: '/connexion/coordination', element: <AdminLoginPage /> },
  {
    element: <RequireAuth />,
    children: [
      {
        path: '/',
        element: <AppShell />,
        children: [
          { index: true, element: <HomeRedirect /> },
          { path: 'grille', element: <GrillePage /> },
          { path: 'benevoles', element: <VolunteerViewPage /> },
          { path: 'mobile-benevole', element: <MobileVolunteerPage /> },
          { path: 'mobile-referent', element: <MobileLeadPage /> },
          { path: 'configuration', element: <ConfigPage /> },
        ],
      },
    ],
  },
  { path: '*', element: <Navigate to="/" replace /> },
];