import { Head, usePage } from '@inertiajs/react';
import { PageHeaderActions } from '@/components/page-header-actions';
import { ClientDocumentUploadForm } from '@/features/documents/forms/client-document-upload-form';
import type { ClientDocumentUploadPageProps } from '@/features/documents/types';

export default function ClientDocumentUploadPage() {
    const { constraints } = usePage<ClientDocumentUploadPageProps>().props;

    return (
        <>
            <Head title="Incarcare documente" />

            <section className="space-y-6">
                <PageHeaderActions
                    title="Incarcare documente"
                    description="Incarca documente pentru compania ta. Acestea vor fi prelucrate ulterior."
                />

                <div className="mx-auto w-full max-w-3xl">
                    <ClientDocumentUploadForm
                        constraints={{
                            maxFileSizeMb: constraints.max_file_size_mb,
                            acceptedExtensions: constraints.accepted_extensions,
                        }}
                    />
                </div>
            </section>
        </>
    );
}
