import AdminLayout from '@admin/layouts/admin/admin-layout';
import { Head } from '@inertiajs/react';
import { ReactNode } from 'react';
import SaasAppInstanceForm from './SaasAppInstanceForm';

interface Props {
    readonly statuses?: { label: string; value: number }[];
    readonly types?: { label: string; value: string }[];
    readonly error?: string;
    readonly errors?: Record<string, string>;
}

export default function Create({ statuses, types, error, errors }: Props) {
    return (
        <>
            <Head title="Create Application Instance - Admin Panel" />

            <div className="space-y-6">
                <SaasAppInstanceForm
                    statuses={statuses}
                    types={types}
                    error={error}
                    errors={errors}
                    isEdit={false}
                />
            </div>
        </>
    );
}

Create.layout = (page: ReactNode) => (
    <AdminLayout
        breadcrumbs={[
            { title: 'Home', href: '/' },
            { title: 'Create', href: '#' },
        ]}
    >
        {page}
    </AdminLayout>
);
