import { Head, Link, usePage } from '@inertiajs/react'; import { Plus } from 'lucide-react'; import { useMemo } from 'react'; import { index as contractsIndex } from '@/actions/App/Http/Controllers/TemporaryEmployeeContractController'; import { create as temporaryCreate, edit as temporaryEdit, index as temporaryIndex, updateStatus as temporaryUpdateStatus, } from '@/actions/App/Http/Controllers/TemporaryEmployeeController'; import { TemporaryEmployeesTable } from '@/components/employees/temporary-employees-table'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from '@/components/ui/card'; import { useLanguage } from '@/contexts/language-context'; import AppLayout from '@/layouts/app-layout'; import { dashboard } from '@/routes'; export default function TemporaryEmployeesIndex() { const { t } = useLanguage(); const p = t.employeesTemporaryPage; const a = t.appActions; const page = usePage(); const { employees, filters = { search: '', per_page: 10 } } = page.props; const breadcrumbs = useMemo( () => [ { title: t.dashboard.breadcrumb, href: dashboard() }, { title: t.nav.employeeManagement, href: '#' }, { title: p.breadcrumb, href: temporaryIndex() }, ], [t.dashboard.breadcrumb, t.nav.employeeManagement, p.breadcrumb], ); const tableLabels = useMemo( () => ({ colSerial: p.colSerial, colFullName: p.colFullName, colDesignation: p.colDesignation, colFatherName: p.colFatherName, colNationalCardNumber: p.colNationalCardNumber, colContact: p.colContact, colStatus: p.colStatus, colAction: p.colAction, statusActive: p.statusActive, statusInactive: p.statusInactive, editEmployee: p.editEmployee, contractsAction: p.contractsAction, viewEmployee: p.viewEmployee, viewEmployeeSubtitle: p.viewEmployeeSubtitle, actionsMenuAria: p.actionsMenuAria, viewDocument: p.viewDocument, notProvided: p.notProvided, sectionPersonal: p.sectionPersonal, sectionContact: p.sectionContact, sectionDocuments: p.sectionDocuments, fullName: p.fullName, designation: p.designation, fatherName: p.fatherName, nationalCardNumber: p.nationalCardNumber, healthCard: p.healthCard, address: p.address, contactNumber: p.contactNumber, empty: p.empty, searchPlaceholder: p.searchPlaceholder, paginationPrevious: p.paginationPrevious, paginationNext: p.paginationNext, paginationSummary: p.paginationSummary, paginationPages: p.paginationPages, summaryEmpty: p.summaryEmpty, rowsPerPage: p.rowsPerPage, activateEmployee: p.activateEmployee, deactivateEmployee: p.deactivateEmployee, confirmActivateTitle: p.confirmActivateTitle, confirmActivateBody: p.confirmActivateBody, confirmDeactivateTitle: p.confirmDeactivateTitle, confirmDeactivateBody: p.confirmDeactivateBody, toastStatusUpdated: p.toastStatusUpdated, toastActionFailed: a.requestFailed, cancel: a.cancel, }), [p, a], ); return (
{p.title} {p.listSubtitle}
temporaryEdit.url(id)} contractsUrl={(id) => contractsIndex.url({ temporaryEmployee: id }) } statusUrl={(id) => temporaryUpdateStatus.url(id)} />
); }