import { Head, Link, router, usePage } from '@inertiajs/react'; import { Plus } from 'lucide-react'; import { useCallback, useMemo, useState } from 'react'; import { toast } from 'sonner'; import { create as sarafsCreate, index as sarafsIndex, updateStatus, } from '@/actions/App/Http/Controllers/SarafController'; import { ConfirmActionDialog } from '@/components/confirm-action-dialog'; import { SarafsDataTable } from '@/components/sarafi/sarafs-data-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 SarafsIndex() { const { t } = useLanguage(); const p = t.sarafsPage; const a = t.appActions; const page = usePage(); const auth = page.props.auth ?? {}; const canCreate = auth.canCreateSarafs === true; const canUpdate = auth.canUpdateSarafs === true; const canView = auth.canViewSarafs === true; const { sarafs = [] } = page.props; const [pendingId, setPendingId] = useState(null); const [sarafToToggle, setSarafToToggle] = useState(null); const breadcrumbs = useMemo( () => [ { title: t.dashboard.breadcrumb, href: dashboard() }, { title: t.nav.sarafi, href: '#' }, { title: p.breadcrumb, href: sarafsIndex() }, ], [t.dashboard.breadcrumb, t.nav.sarafi, p.breadcrumb], ); const tableLabels = useMemo(() => ({ ...p }), [p]); const handleStatusChange = useCallback((saraf) => { setSarafToToggle(saraf); }, []); const performStatusToggle = useCallback(() => { if (!sarafToToggle) { return; } setPendingId(sarafToToggle.id); router.patch( updateStatus.url(sarafToToggle.id), { is_active: !sarafToToggle.is_active }, { preserveScroll: true, onFinish: () => { setPendingId(null); setSarafToToggle(null); }, onError: () => { setPendingId(null); setSarafToToggle(null); toast.error(a.requestFailed); }, }, ); }, [a.requestFailed, sarafToToggle]); return (

{ if (!open) { setSarafToToggle(null); } }} title={ sarafToToggle?.is_active ? p.confirmDeactivateTitle : p.confirmActivateTitle } description={ sarafToToggle?.is_active ? p.confirmDeactivateBody : p.confirmActivateBody } confirmLabel={ sarafToToggle?.is_active ? p.deactivate : p.activate } cancelLabel={a.cancel} destructive={sarafToToggle?.is_active === true} processing={pendingId != null && sarafToToggle?.id === pendingId} onConfirm={performStatusToggle} />

{p.headTitle} {p.listSubtitle}

{canCreate ? ( ) : null}

); }