import { useEffect, useState } from 'react'; import { Form, Head, usePage } from '@inertiajs/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'; import { PageProps } from '@/types'; import { FlashMessage } from '@/components/flash-message'; import { Container } from '@/components/common/Container'; import { SectionHeading } from '@/components/common/SectionHeading'; import { Footer } from '@/components/footer'; import IllustrationLogo from "@/img/utils/lrl-logo-full.svg"; export default function Contact() { const { flash, captcha_question } = usePage().props as PageProps; const [showFlashMessage, setFlashMessage] = useState(!!flash); useEffect(() => { if (flash) { setFlashMessage(true); const timer = setTimeout(() => setFlashMessage(false), 5000); return () => clearTimeout(timer); } }, [flash]); return ( <>
{showFlashMessage && }
{({ processing, errors }) => (
{/* Left — Identité + adresse */}
Le Retzien Libre

Vos informations

{/* Right — Message + captcha + submit */}

Votre message