import {useEffect, useState} from "react"; import {Form, Head, usePage} from "@inertiajs/react"; import {Alert, AlertDescription, AlertTitle} from "@/components/ui/alert"; import {CheckCircle2} from "lucide-react"; import {LoaderCircle} from 'lucide-react'; import ContactFormController from "@/actions/App/Http/Controllers/Forms/ContactFormController"; import {Label} from "@/components/ui/label"; import {Input} from "@/components/ui/input"; import InputError from "@/components/input-error"; import {Button} from "@/components/ui/button"; import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue } from "@/components/ui/select"; import {Textarea} from "@/components/ui/textarea"; import NavGuestLayout from "@/layouts/nav-guest-layout"; export default function Contact() { const {flash} = usePage().props; const [showSuccess, setShowSuccess] = useState(!!flash?.success); useEffect(() => { if (flash?.success) { setShowSuccess(true); const timer = setTimeout(() => setShowSuccess(false), 5000); return () => clearTimeout(timer); } }, [flash]); return ( <>

Nous contacter

Vous désirez nous contacter, merci de remplir le formulaire suivant :

{showSuccess && ( Message envoyé ! {flash.success} // Clean form )}
{({processing, errors}) => (