import { Head, Link, usePage } from '@inertiajs/react';
import { Plus } from 'lucide-react';
import { useCallback, useMemo } from 'react';
import {
create as advanceCreate,
index as advancesIndex,
staff as advancesStaff,
} from '@/actions/App/Http/Controllers/PermanentEmployeeAdvanceController';
import { PermanentEmployeeAdvancesTable } from '@/components/employees/permanent-employee-advances-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 PermanentEmployeeAdvancesIndex() {
const { t } = useLanguage();
const p = t.permanentEmployeeAdvancesPage;
const page = usePage();
const auth = page.props.auth ?? {};
const { staff, filters = { search: '', per_page: 10 } } = page.props;
const canCreate = auth.canCreatePermanentAdvances === true;
const breadcrumbs = useMemo(
() => [
{ title: t.dashboard.breadcrumb, href: dashboard() },
{ title: t.nav.employeeManagement, href: '#' },
{ title: p.breadcrumb, href: advancesIndex.url() },
],
[t.dashboard.breadcrumb, t.nav.employeeManagement, p.breadcrumb],
);
const indexUrl = useCallback((opts) => advancesIndex.url(opts), []);
const tableLabels = useMemo(
() => ({
...p,
cancel: t.appActions.cancel,
close: t.appActions.dismiss,
}),
[p, t.appActions.cancel, t.appActions.dismiss],
);
return (
{p.title}
{p.subtitle}
{canCreate ? (
) : null}
advancesStaff.url(id)}
/>
);
}