{{--
    Page « Déposer un CV » (/send-resume).

    Le candidat dépose son CV (PDF/Word) via le formulaire Livewire : le fichier est
    téléversé sur un stockage privé (Cloudflare R2) et une notification est envoyée
    aux destinataires paramétrés en backoffice. Le formulaire est protégé contre les
    robots (honeypot + Turnstile + rate-limiting).
--}}
@extends('layouts.app')

@section('title', 'Déposer un CV — ' . config('app.name'))
@section('meta_description', 'Déposez votre CV (PDF ou Word) auprès de HR Consulting & Co et rejoignez notre vivier de talents pour nos missions de recrutement.')

@section('content')
    <x-page-header
        eyebrow="Rejoignez-nous"
        title="Déposer un CV"
        subtitle="Vous recherchez une nouvelle opportunité ? Confiez-nous votre candidature : nous l'étudierons pour nos missions de recrutement."
        :breadcrumbs="[['label' => 'Déposer un CV']]"
    />

    <section class="py-20">
        <div class="mx-auto grid max-w-6xl gap-10 px-4 sm:px-6 lg:grid-cols-5 lg:gap-12 lg:px-8">
            {{-- ============================= FORMULAIRE --}}
            <div class="lg:col-span-3">
                <x-reveal>
                    <div class="rounded-[2rem] border border-line bg-surface p-8 shadow-soft sm:p-10">
                        <x-section-heading
                            align="left"
                            eyebrow="Votre candidature"
                            title="Transmettez-nous votre CV"
                            class="!mx-0"
                        >
                            Remplissez le formulaire ci-dessous et joignez votre CV. Vos informations restent confidentielles.
                        </x-section-heading>

                        <div class="mt-8">
                            <livewire:resume-form />
                        </div>
                    </div>
                </x-reveal>
            </div>

            {{-- ============================= CONSEILS PRATIQUES --}}
            <div class="lg:col-span-2">
                <x-reveal :delay="100">
                    <div class="rounded-card border border-line bg-bg p-7">
                        <span class="flex h-14 w-14 items-center justify-center rounded-full bg-brand-500/10 text-brand-600">
                            @svg('heroicon-o-document-arrow-up', 'h-7 w-7')
                        </span>
                        <h3 class="mt-5 font-display text-lg font-semibold text-navy-900">Pour une candidature complète</h3>
                        <ul class="mt-4 space-y-3 text-[0.95rem] leading-relaxed text-slate-600">
                            <li class="flex gap-3">
                                <span class="mt-0.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-gold-500/15 text-gold-500">
                                    @svg('heroicon-s-check', 'h-3.5 w-3.5')
                                </span>
                                <span>Un CV à jour au format PDF ou Word (8 Mo maximum).</span>
                            </li>
                            <li class="flex gap-3">
                                <span class="mt-0.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-gold-500/15 text-gold-500">
                                    @svg('heroicon-s-check', 'h-3.5 w-3.5')
                                </span>
                                <span>Le poste ou le domaine qui vous intéresse.</span>
                            </li>
                            <li class="flex gap-3">
                                <span class="mt-0.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-gold-500/15 text-gold-500">
                                    @svg('heroicon-s-check', 'h-3.5 w-3.5')
                                </span>
                                <span>Votre domaine d'études ou votre dernier diplôme.</span>
                            </li>
                        </ul>

                        <p class="mt-6 flex items-start gap-2 border-t border-line pt-5 text-sm leading-relaxed text-slate-500">
                            @svg('heroicon-o-lock-closed', 'mt-0.5 h-4 w-4 shrink-0 text-brand-600')
                            <span>Votre CV est stocké de façon sécurisée et n'est accessible qu'à notre équipe de recrutement.</span>
                        </p>
                    </div>
                </x-reveal>
            </div>
        </div>
    </section>
@endsection