import React from 'react';
import { Routes, Route, Navigate } from 'react-router-dom';

// Layout Components
import MainLayout from '../layouts/MainLayout';
import AuthLayout from '../layouts/AuthLayout';
import DashboardLayout from '../layouts/DashboardLayout';
import AdminLayout from '../layouts/AdminLayout';

// Authentication Components
import Login from '../pages/auth/Login';
import Register from '../pages/auth/Register';
import ForgotPassword from '../pages/auth/ForgotPassword';
import ResetPassword from '../pages/auth/ResetPassword';

// Homeowner Components
import Dashboard from '../pages/homeowner/Dashboard';
import PropertyList from '../pages/homeowner/PropertyList';
import PropertyDetail from '../pages/homeowner/PropertyDetail';
import PropertyForm from '../pages/homeowner/PropertyForm';
import EquipmentList from '../pages/homeowner/EquipmentList';
import EquipmentDetail from '../pages/homeowner/EquipmentDetail';
import EquipmentForm from '../pages/homeowner/EquipmentForm';
import ServiceRequestList from '../pages/homeowner/ServiceRequestList';
import ServiceRequestDetail from '../pages/homeowner/ServiceRequestDetail';
import ServiceRequestForm from '../pages/homeowner/ServiceRequestForm';
import Profile from '../pages/homeowner/Profile';

// Technician Components
import TechnicianDashboard from '../pages/technician/Dashboard';
import ServiceQueue from '../pages/technician/ServiceQueue';
import ServiceAppointments from '../pages/technician/ServiceAppointments';
import ServiceRecordForm from '../pages/technician/ServiceRecordForm';
import ServiceRecordDetail from '../pages/technician/ServiceRecordDetail';
import ClientList from '../pages/technician/ClientList';
import ClientDetail from '../pages/technician/ClientDetail';
import TechnicianProfile from '../pages/technician/Profile';

// Admin Components
import AdminDashboard from '../pages/admin/Dashboard';
import UserManagement from '../pages/admin/UserManagement';
import EquipmentCatalog from '../pages/admin/EquipmentCatalog';
import ManufacturerManagement from '../pages/admin/ManufacturerManagement';
import DocumentationManagement from '../pages/admin/DocumentationManagement';
import SystemSettings from '../pages/admin/SystemSettings';

// Shared Components
import NotFound from '../pages/NotFound';
import AccessDenied from '../pages/AccessDenied';

// Auth Guards
import PrivateRoute from './PrivateRoute';
import RoleRoute from './RoleRoute';

const AppRoutes = () => {
  return (
    <Routes>
      {/* Public Routes */}
      <Route path="/" element={<MainLayout />}>
        <Route index element={<Navigate to="/dashboard" replace />} />
        <Route path="*" element={<NotFound />} />
        <Route path="access-denied" element={<AccessDenied />} />
      </Route>

      {/* Authentication Routes */}
      <Route path="/auth" element={<AuthLayout />}>
        <Route path="login" element={<Login />} />
        <Route path="register" element={<Register />} />
        <Route path="forgot-password" element={<ForgotPassword />} />
        <Route path="reset-password/:token" element={<ResetPassword />} />
      </Route>

      {/* Homeowner Routes */}
      <Route 
        path="/" 
        element={
          <PrivateRoute>
            <DashboardLayout />
          </PrivateRoute>
        }
      >
        <Route 
          path="dashboard" 
          element={
            <RoleRoute roles={['homeowner', 'technician', 'admin']}>
              <Dashboard />
            </RoleRoute>
          } 
        />
        
        {/* Property Routes */}
        <Route 
          path="properties" 
          element={
            <RoleRoute roles={['homeowner']}>
              <PropertyList />
            </RoleRoute>
          } 
        />
        <Route 
          path="properties/new" 
          element={
            <RoleRoute roles={['homeowner']}>
              <PropertyForm />
            </RoleRoute>
          } 
        />
        <Route 
          path="properties/:propertyId" 
          element={
            <RoleRoute roles={['homeowner']}>
              <PropertyDetail />
            </RoleRoute>
          } 
        />
        <Route 
          path="properties/:propertyId/edit" 
          element={
            <RoleRoute roles={['homeowner']}>
              <PropertyForm />
            </RoleRoute>
          } 
        />
        
        {/* Equipment Routes */}
        <Route 
          path="properties/:propertyId/equipment" 
          element={
            <RoleRoute roles={['homeowner']}>
              <EquipmentList />
            </RoleRoute>
          } 
        />
        <Route 
          path="properties/:propertyId/equipment/new" 
          element={
            <RoleRoute roles={['homeowner']}>
              <EquipmentForm />
            </RoleRoute>
          } 
        />
        <Route 
          path="properties/:propertyId/equipment/:equipmentId" 
          element={
            <RoleRoute roles={['homeowner']}>
              <EquipmentDetail />
            </RoleRoute>
          } 
        />
        <Route 
          path="properties/:propertyId/equipment/:equipmentId/edit" 
          element={
            <RoleRoute roles={['homeowner']}>
              <EquipmentForm />
            </RoleRoute>
          } 
        />
        
        {/* Service Request Routes */}
        <Route 
          path="service-requests" 
          element={
            <RoleRoute roles={['homeowner']}>
              <ServiceRequestList />
            </RoleRoute>
          } 
        />
        <Route 
          path="service-requests/new" 
          element={
            <RoleRoute roles={['homeowner']}>
              <ServiceRequestForm />
            </RoleRoute>
          } 
        />
        <Route 
          path="service-requests/:requestId" 
          element={
            <RoleRoute roles={['homeowner']}>
              <ServiceRequestDetail />
            </RoleRoute>
          } 
        />
        <Route 
          path="service-requests/:requestId/edit" 
          element={
            <RoleRoute roles={['homeowner']}>
              <ServiceRequestForm />
            </RoleRoute>
          } 
        />
        
        {/* User Profile Route */}
        <Route 
          path="profile" 
          element={
            <RoleRoute roles={['homeowner', 'technician', 'admin']}>
              <Profile />
            </RoleRoute>
          } 
        />
      </Route>

      {/* Technician Routes */}
      <Route 
        path="/technician" 
        element={
          <PrivateRoute>
            <DashboardLayout />
          </PrivateRoute>
        }
      >
        <Route 
          path="dashboard" 
          element={
            <RoleRoute roles={['technician']}>
              <TechnicianDashboard />
            </RoleRoute>
          } 
        />
        <Route 
          path="service-queue" 
          element={
            <RoleRoute roles={['technician']}>
              <ServiceQueue />
            </RoleRoute>
          } 
        />
        <Route 
          path="appointments" 
          element={
            <RoleRoute roles={['technician']}>
              <ServiceAppointments />
            </RoleRoute>
          } 
        />
        <Route 
          path="service-records/new/:appointmentId" 
          element={
            <RoleRoute roles={['technician']}>
              <ServiceRecordForm />
            </RoleRoute>
          } 
        />
        <Route 
          path="service-records/:recordId" 
          element={
            <RoleRoute roles={['technician']}>
              <ServiceRecordDetail />
            </RoleRoute>
          } 
        />
        <Route 
          path="clients" 
          element={
            <RoleRoute roles={['technician']}>
              <ClientList />
            </RoleRoute>
          } 
        />
        <Route 
          path="clients/:clientId" 
          element={
            <RoleRoute roles={['technician']}>
              <ClientDetail />
            </RoleRoute>
          } 
        />
        <Route 
          path="profile" 
          element={
            <RoleRoute roles={['technician']}>
              <TechnicianProfile />
            </RoleRoute>
          } 
        />
      </Route>

      {/* Admin Routes */}
      <Route 
        path="/admin" 
        element={
          <PrivateRoute>
            <AdminLayout />
          </PrivateRoute>
        }
      >
        <Route 
          path="dashboard" 
          element={
            <RoleRoute roles={['admin']}>
              <AdminDashboard />
            </RoleRoute>
          } 
        />
        <Route 
          path="users" 
          element={
            <RoleRoute roles={['admin']}>
              <UserManagement />
            </RoleRoute>
          } 
        />
        <Route 
          path="equipment-catalog" 
          element={
            <RoleRoute roles={['admin']}>
              <EquipmentCatalog />
            </RoleRoute>
          } 
        />
        <Route 
          path="manufacturers" 
          element={
            <RoleRoute roles={['admin']}>
              <ManufacturerManagement />
            </RoleRoute>
          } 
        />
        <Route 
          path="documentation" 
          element={
            <RoleRoute roles={['admin']}>
              <DocumentationManagement />
            </RoleRoute>
          } 
        />
        <Route 
          path="settings" 
          element={
            <RoleRoute roles={['admin']}>
              <SystemSettings />
            </RoleRoute>
          } 
        />
      </Route>
    </Routes>
  );
};

export default AppRoutes;