import PublicLayout from '@/Layouts/PublicLayout';
import { Head } from '@inertiajs/react';
import { NoIndex } from '@/Components/shared/Seo';
import DeleteUserForm from './Partials/DeleteUserForm';
import UpdatePasswordForm from './Partials/UpdatePasswordForm';
import UpdateProfileInformationForm, { ProfileData } from './Partials/UpdateProfileInformationForm';

export default function Edit({ mustVerifyEmail, status, profile, platformOptions }: { mustVerifyEmail: boolean; status?: string; profile: ProfileData; platformOptions: { id: number; name: string }[] }) {
    return (
        <PublicLayout>
            <Head title="Profile" />
            <NoIndex />
            <div className="mx-auto max-w-2xl space-y-6">
                <h1 className="text-2xl font-semibold tracking-tight">Profile</h1>
                <UpdateProfileInformationForm mustVerifyEmail={mustVerifyEmail} status={status} profile={profile} platformOptions={platformOptions} />
                <UpdatePasswordForm />
                <DeleteUserForm />
            </div>
        </PublicLayout>
    );
}
