import { Head, Link, useForm } from '@inertiajs/react';
import InputError from '@/components/input-error';
import { PageHeader } from '@/components/page-header';
import { Button } from '@/components/ui/button';
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
import { Checkbox } from '@/components/ui/checkbox';
import { Input } from '@/components/ui/input';
import { Label } from '@/components/ui/label';
import { Spinner } from '@/components/ui/spinner';
import { index, store, update } from '@/routes/offices';
type Office = {
id: string;
name: string;
address: string;
city: string | null;
state: string | null;
phone: string | null;
email: string | null;
is_head_office: boolean;
is_active: boolean;
};
export default function OfficeForm({ office }: { office: Office | null }) {
const editing = office !== null;
const form = useForm({
name: office?.name ?? '',
address: office?.address ?? '',
city: office?.city ?? '',
state: office?.state ?? '',
phone: office?.phone ?? '',
email: office?.email ?? '',
is_head_office: office?.is_head_office ?? false,
is_active: office?.is_active ?? true,
});
const submit = (e: React.FormEvent) => {
e.preventDefault();
if (editing) {
form.put(update(office.id).url, { preserveScroll: true });
} else {
form.post(store().url, { preserveScroll: true });
}
};
const field = (name: keyof typeof form.data) => ({
value: String(form.data[name] ?? ''),
onChange: (e: React.ChangeEvent) =>
form.setData(name, e.target.value),
});
return (
<>
);
}