import { Head, useForm } from '@inertiajs/react'; import type { FormEvent } from 'react'; import PayrollRunController from '@/actions/App/Http/Controllers/Admin/PayrollRunController'; import InputError from '@/components/input-error'; import Heading from '@/components/heading'; import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { dashboard } from '@/routes'; import { create, index } from '@/routes/admin/payroll-runs'; export default function PayrollRunsCreate({ defaults, }: { defaults: { year: number; month: number }; }) { const form = useForm({ year: String(defaults.year), month: String(defaults.month), payment_date: '', }); function submit(event: FormEvent) { event.preventDefault(); form.transform((data) => ({ year: Number(data.year), month: Number(data.month), payment_date: data.payment_date || null, })); form.post(PayrollRunController.store.url()); } return ( <>

); } PayrollRunsCreate.layout = { breadcrumbs: [ { title: 'Tableau de bord', href: dashboard() }, { title: 'Paie', href: index() }, { title: 'Créer', href: create() }, ], };