import React, { useEffect, useState } from 'react';
import { Routes, Route } from 'react-router-dom';
import { Home, Profile, Schedule, Settings } from '@src/pages';
import { Shell } from '@components';
import { useLocalStore } from '@components';

const dept = {
  id: 1,
  name: 'Darien EMS - Post 53',
  Abv: 'DEMS',
  schedulers: [],
  managers: [],
  administrators: [1]
};

const AppRouter = () => {
  const { user, setUser, setDepartment } = useLocalStore();
  const [userChanged, setUserChanged] = useState(false);

  useEffect(() => {
    setDepartment(dept);
    setUser({
      id: 1,
      firstName: 'ShiftSync-Manager',
      lastName: 'Test-User',
      email: 'testuser@shift-sync.com',
      scheduler: dept?.schedulers?.includes(1),
      manager: dept?.managers?.includes(1),
      administrator: dept?.administrators?.includes(1),
      isSSAdmin: false
    });
  }, []);

  useEffect(() => {
    if (!userChanged && user) {
      if (user?.isSSAdmin) {
        setUser({
          ...user,
          scheduler: true,
          manager: true,
          administrator: true,
        });
      } else if (user?.administrator) {
        setUser({
          ...user,
          scheduler: true,
          manager: true,
        });
      } else if (user?.manager) {
        setUser({
          ...user,
          scheduler: true,
        });
      }
      setUserChanged(true);
    }
  }, [user]);


  return (
    <Shell>
      <Routes>
        <Route path="/" element={<Home />} />
        <Route path="/schedule" element={<Schedule />} />
        <Route path="/settings" element={<Settings />} />
        <Route path="/profile" element={<Profile />} />
      </Routes>
    </Shell>
  );
};

export default AppRouter