import { Head, useForm } from '@inertiajs/react'; import type { FormEvent } from 'react'; import CompanySettingController from '@/actions/App/Http/Controllers/Admin/CompanySettingController'; import Heading from '@/components/heading'; import InputError from '@/components/input-error'; import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { Checkbox } from '@/components/ui/checkbox'; import { useCan } from '@/hooks/use-can'; import { edit as editNumbering } from '@/routes/admin/settings/company/numbering'; import type { CompanySettingData, NumberingFormatData, } from '@/types/company-setting'; type NumberingFormData = Record< string, Pick >; function buildNumberingFormData( formats: Record, ): NumberingFormData { return Object.fromEntries( Object.entries(formats).map(([key, format]) => [ key, { prefix: format.prefix, yearly: format.yearly, padding: format.padding, }, ]), ); } export default function CompanyNumberingSettings({ company, }: { company: CompanySettingData; }) { const canUpdate = useCan('settings.update'); const form = useForm<{ numbering: NumberingFormData }>({ numbering: buildNumberingFormData(company.numbering_formats), }); function submit(event: FormEvent) { event.preventDefault(); form.put(CompanySettingController.updateNumbering.url(), { preserveScroll: true, }); } function updateFormat( key: string, field: keyof NumberingFormData[string], value: string | number | boolean, ) { form.setData('numbering', { ...form.data.numbering, [key]: { ...form.data.numbering[key], [field]: value, }, }); } return ( <>

Formats de numérotation

{Object.entries(company.numbering_formats).map( ([key, format]) => (

{format.label}

Exemple : {format.example}

updateFormat( key, 'prefix', event.target.value.toUpperCase(), ) } disabled={!canUpdate || form.processing} maxLength={10} placeholder="FAC" />
updateFormat( key, 'padding', Number(event.target.value), ) } disabled={!canUpdate || form.processing} className="max-w-xs" />

Format annuel (ex. FAC-2026-0001)

updateFormat( key, 'yearly', checked === true, ) } disabled={!canUpdate || form.processing} />
), )} {canUpdate && (
)}
); } CompanyNumberingSettings.layout = { breadcrumbs: [ { title: 'Paramètres de l\'entreprise', href: editNumbering(), }, ], };