import { Head, Link } from '@inertiajs/react';
import { ArrowLeft } from 'lucide-react';
import { useMemo } from 'react';
import {
create as customersCreate,
index as customersIndex,
store as customersStore,
} from '@/actions/App/Http/Controllers/CustomerController';
import { CustomerForm } from '@/components/customers/customer-form';
import { Button } from '@/components/ui/button';
import { useLanguage } from '@/contexts/language-context';
import AppLayout from '@/layouts/app-layout';
import { buildCustomerFormLabels } from '@/lib/customer-form-labels';
import { dashboard } from '@/routes';
export default function CustomersCreate() {
const { t } = useLanguage();
const p = t.customersPage;
const breadcrumbs = useMemo(
() => [
{ title: t.dashboard.breadcrumb, href: dashboard() },
{ title: p.breadcrumb, href: customersIndex() },
{ title: p.createBreadcrumb, href: customersCreate() },
],
[t.dashboard.breadcrumb, p.breadcrumb, p.createBreadcrumb],
);
const formLabels = useMemo(() => buildCustomerFormLabels(p), [p]);
return (
);
}