import Header from "../shared/Header"
import SideBar from "../shared/SideBar"
import '../assets/fonts/irancell/style.css'
import { Route, Routes } from 'react-router-dom'
import { Pages } from '../config/Pages'
import Home from '../pages/home/Home'
import ReceiptsList from '../pages/receipts/List'
import AddCriticisms from '../pages/criticisms/Add'
import Footer from "../shared/Footer"
import GradeRecordes from "../pages/grade/records"
import Certificate from "../pages/certificate/List"
import AdmitCard from "../pages/admitCard/List"
import MyCourses from "../pages/my-courses/List"
import Payment from "../pages/payment/Details"
import Wallet from "../pages/wallet/Wallet"
import ReceiptsDetail from "../pages/receipts/Detail"
import ReportCardList from "../pages/ReportCard/List"
import TransactionList from "../pages/transaction/List"
import Profile from "../pages/profile/Profile"
import CompanyDetail from "../pages/company/Detail"
const MainRouter = () => {
    return (
        <div className='p-4 overflow-hidden'>
            <SideBar />
            <Header />
            <div className='flex-1 xl:ms-[269px] mt-[68px] xl:mt-[81px]'>
                <div className={`hide-scroll-bar overflow-auto w-[${window.innerWidth}] max-h-[calc(100vh-113px)]`}>
                    <div>
                        <Routes>
                            <Route path={Pages.dashboard} element={<Home />} />
                            <Route path={Pages.receipts.index} element={<ReceiptsList />} />
                            <Route path={Pages.receipts.detail + ':id'} element={<ReceiptsDetail />} />
                            <Route path={Pages.company.detail + ':id'} element={<CompanyDetail />} />
                            <Route path={Pages.criticisms} element={<AddCriticisms />} />
                            <Route path={Pages.grade.records} element={<GradeRecordes />} />
                            <Route path={Pages.transactions} element={<TransactionList />} />
                            <Route path={Pages.certificate} element={<Certificate />} />
                            <Route path={Pages.admitCard} element={<AdmitCard />} />
                            <Route path={Pages.myCourses} element={<MyCourses />} />
                            <Route path={Pages.payment} element={<Payment />} />
                            <Route path={Pages.wallet} element={<Wallet />} />
                            <Route path={Pages.reportCard.list} element={<ReportCardList />} />
                            <Route path={Pages.profile} element={<Profile />} />
                        </Routes>
                    </div>
                </div>
            </div>
            <Footer />
        </div>
    )
}
export default MainRouter