import AdminLayout from '@admin/layouts/admin/admin-layout';
import { Head } from '@inertiajs/react';
import { ReactNode } from 'react';
import TenantForm, { Package, Tenant } from './TenantForm';

interface Props {
    readonly tenant: Tenant;
    readonly packages?: Package[];
    readonly error?: string;
    readonly errors?: Record<string, string>;
}

export default function Edit({ tenant, packages, error, errors }: Props) {
    return (
        <>
            <Head title={`Edit Tenant: ${tenant.name} - Admin Panel`} />

            <div className="space-y-6">
                <TenantForm tenant={tenant} packages={packages} error={error} errors={errors} isEdit={true} />
            </div>
        </>
    );
}

Edit.layout = (page: ReactNode) => (
    <AdminLayout
        breadcrumbs={[
            { title: 'Home', href: '/' },
            { title: 'Tenants', href: route('admin.tenants.index') },
            { title: 'Edit', href: '#' },
        ]}
    >
        {page}
    </AdminLayout>
);
