import { Head, router } from '@inertiajs/react'; import { useState } from 'react'; import { toast } from 'sonner'; import { FinanceAppLayout } from '@/layouts/finance-app-layout'; import { useAppText } from '@/lib/app-text'; import type { User } from '@/types'; import type { FundRequestFormData, Company, Bank, Budget, Branch, Department } from '@/types/fund-request'; import { FundRequestForm } from './components/FundRequestForm'; interface CreateFundRequestPageProps { title: string; companies: Company[]; branches: Branch[]; departments: Department[]; employees: User[]; banks: Bank[]; budgets: Budget[]; isServiceMode?: boolean; } export default function CreateFundRequest({ title, companies, branches, departments, employees, banks, budgets, isServiceMode = false }: CreateFundRequestPageProps) { const { t: text } = useAppText(); const [isSubmitting, setIsSubmitting] = useState(false); const basePath = isServiceMode ? '/service/fund-request' : '/department/finance/fund-request'; const showSubmitError = (errors?: Record) => { if (!errors) { toast.error(text('common.msg_error')); return; } for (const value of Object.values(errors)) { const msg = Array.isArray(value) ? value[0] : value; if (msg) { toast.error(msg); return; } } toast.error(text('common.msg_error')); }; const handleSubmit = (data: FundRequestFormData) => { router.post( basePath, data as any, { preserveScroll: true, forceFormData: true, onStart: () => setIsSubmitting(true), onSuccess: () => { toast.success(text('common.msg_success_create', { module: text('fund_request.title') })); router.visit(basePath); }, onError: (errors) => { showSubmitError(errors as Record); }, onFinish: () => setIsSubmitting(false), } ); }; const pageContent = (

{text('fund_request.create_title')}

{text('fund_request.create_description')}

router.visit(basePath)} isSubmitting={isSubmitting} companies={companies} branches={branches} departments={departments} employees={employees} banks={banks} budgets={budgets} />

); return ( <> {isServiceMode ? (

{pageContent}

) : ( {pageContent} )} ); }