import { Head } from '@inertiajs/react';
import { useState } from 'react';
import Heading from '@/components/heading';
import { useCan } from '@/hooks/use-can';
import { dashboard } from '@/routes';
import { index } from '@/routes/admin/chart-of-accounts';
import { ChartOfAccountFormModal } from './chart-of-account-form-modal';
import type { ChartOfAccountFormValues } from './chart-of-account-form-modal';
import { ChartOfAccountTree } from './chart-of-account-tree';
import type { ChartOfAccountRow } from './chart-of-account-tree';
export default function ChartOfAccountsIndex({
accounts,
}: {
accounts: ChartOfAccountRow[];
}) {
const canCreate = useCan('chart-of-accounts.create');
const canUpdate = useCan('chart-of-accounts.update');
const canDelete = useCan('chart-of-accounts.delete');
const [modalOpen, setModalOpen] = useState(false);
const [parent, setParent] = useState<{
id: number;
code: string;
label: string;
} | null>(null);
const [editingAccount, setEditingAccount] =
useState(null);
function openCreateModal(account: ChartOfAccountRow) {
setEditingAccount(null);
setParent({ id: account.id, code: account.code, label: account.label });
setModalOpen(true);
}
function openEditModal(account: ChartOfAccountRow) {
setParent(null);
setEditingAccount({
id: account.id,
code: account.code,
label: account.label,
is_active: account.is_active,
});
setModalOpen(true);
}
return (
<>
);
}
ChartOfAccountsIndex.layout = {
breadcrumbs: [
{ title: 'Tableau de bord', href: dashboard() },
{ title: 'Plan comptable', href: index() },
],
};