import { Head, Link, usePage } from '@inertiajs/react'; import { ArrowLeft, Plus } from 'lucide-react'; import { useCallback, useMemo } from 'react'; import { index as permanentIndex } from '@/actions/App/Http/Controllers/PermanentEmployeeController'; import { create as punishmentCreate, edit as punishmentEdit, index as punishmentsIndex, updateStatus as punishmentUpdateStatus, } from '@/actions/App/Http/Controllers/PermanentEmployeePunishmentController'; import { EmployeePhoto } from '@/components/employees/employee-photo'; import { PermanentEmployeePunishmentsTable } from '@/components/employees/permanent-employee-punishments-table'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from '@/components/ui/card'; import { useLanguage } from '@/contexts/language-context'; import { useInitials } from '@/hooks/use-initials'; import AppLayout from '@/layouts/app-layout'; import { dashboard } from '@/routes'; export default function PermanentEmployeePunishmentsIndex() { const { t } = useLanguage(); const p = t.permanentEmployeePunishmentsPage; const ep = t.employeesPermanentPage; const getInitials = useInitials(); const page = usePage(); const { employee, punishments, filters = { search: '', per_page: 10 }, } = page.props; const breadcrumbs = useMemo( () => [ { title: t.dashboard.breadcrumb, href: dashboard() }, { title: t.nav.employeeManagement, href: '#' }, { title: ep.breadcrumb, href: permanentIndex.url() }, { title: p.breadcrumb, href: punishmentsIndex.url({ permanentEmployee: employee.id }), }, ], [ t.dashboard.breadcrumb, t.nav.employeeManagement, ep.breadcrumb, p.breadcrumb, employee.id, ], ); const punishmentsIndexUrl = useCallback( (opts) => punishmentsIndex.url({ permanentEmployee: employee.id }, opts), [employee.id], ); const tableLabels = useMemo( () => ({ ...p, cancel: t.appActions.cancel, }), [p, t.appActions.cancel], ); return (
{employee.full_name} {employee.designation_name ? (

{employee.designation_name}

) : null} {p.subtitle}
punishmentEdit.url({ permanentEmployee: employee.id, punishment: id, }) } statusUrl={(id) => punishmentUpdateStatus.url({ permanentEmployee: employee.id, punishment: id, }) } />
); }