@php
    $referencier = $referencier ?? null;
    $val = fn ($champ, $def = null) => old($champ, $referencier->$champ ?? $def);
    $expChecked = old('expertises', $referencier->expertises ?? []);
    $regChecked = old('regions_exercice', $referencier->regions_exercice ?? []);
    $typoChecked = old('typologies', $referencier->typologies ?? []);
    $dcChecked = old('utilise_datacollect', $referencier->utilise_datacollect ?? false);
@endphp

@if ($errors->any())
    <div class="mb-6 rounded-2xl border border-red-200 bg-red-50 px-5 py-4 text-sm text-red-700">
        <p class="font-semibold mb-1"><i class="fas fa-triangle-exclamation mr-1"></i>Merci de corriger les points suivants :</p>
        <ul class="list-disc list-inside">
            @foreach ($errors->all() as $erreur)
                <li>{{ $erreur }}</li>
            @endforeach
        </ul>
    </div>
@endif

<form method="POST" action="{{ $action }}" class="space-y-6">
    @csrf

    {{-- Identite --}}
    <section class="carte p-6">
        <div class="sect-title mb-5">
            <span class="sect-ico bleu"><i class="fas fa-id-card"></i></span>
            <h2>Vos coordonnées</h2>
        </div>
        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
            <div>
                <label class="lbl">Civilité</label>
                <select name="civilite" class="champ">
                    <option value="">--</option>
                    @foreach (['M.', 'Mme'] as $c)
                        <option value="{{ $c }}" @selected($val('civilite') === $c)>{{ $c }}</option>
                    @endforeach
                </select>
            </div>
            <div class="hidden md:block"></div>
            <div>
                <label class="lbl">Nom *</label>
                <input type="text" name="nom" value="{{ $val('nom') }}" class="champ" required>
            </div>
            <div>
                <label class="lbl">Prénom</label>
                <input type="text" name="prenom" value="{{ $val('prenom') }}" class="champ">
            </div>
            <div class="md:col-span-2">
                <label class="lbl">Cabinet / Raison sociale</label>
                <input type="text" name="raison_sociale" value="{{ $val('raison_sociale') }}" class="champ">
            </div>
            <div>
                <label class="lbl">Email *</label>
                <input type="email" name="email" value="{{ $val('email') }}" class="champ" required>
            </div>
            <div>
                <label class="lbl">Téléphone</label>
                <input type="text" name="telephone" value="{{ $val('telephone') }}" class="champ">
            </div>
            <div>
                <label class="lbl">Mobile</label>
                <input type="text" name="mobile" value="{{ $val('mobile') }}" class="champ">
            </div>
            <div class="grid grid-cols-3 gap-3">
                <div class="col-span-1">
                    <label class="lbl">Code postal</label>
                    <input type="text" name="code_postal" value="{{ $val('code_postal') }}" class="champ">
                </div>
                <div class="col-span-2">
                    <label class="lbl">Ville</label>
                    <input type="text" name="ville" value="{{ $val('ville') }}" class="champ">
                </div>
            </div>
            <div>
                <label class="lbl">Région UNTEC</label>
                <select name="region_untec" class="champ">
                    <option value="">-- Sélectionnez --</option>
                    @foreach (\App\Models\Referencier::REGIONS as $region)
                        <option value="{{ $region }}" @selected($val('region_untec') === $region)>{{ $region }}</option>
                    @endforeach
                </select>
            </div>
            <div class="grid grid-cols-2 gap-3">
                <div>
                    <label class="lbl">Nb collaborateurs</label>
                    <input type="text" name="nb_collaborateurs" value="{{ $val('nb_collaborateurs') }}" class="champ">
                </div>
                <div>
                    <label class="lbl">Année de création</label>
                    <input type="text" name="annee_creation" value="{{ $val('annee_creation') }}" class="champ">
                </div>
            </div>
        </div>
    </section>

    {{-- Data-Collect --}}
    <section class="carte p-5">
        <div class="flex flex-col md:flex-row md:items-center md:justify-between gap-3">
            <span class="text-sm font-semibold" style="color:var(--ink)">
                <i class="fas fa-database mr-2" style="color:var(--opcc-blue)"></i>J'utilise déjà Data-Collect
            </span>
            <div class="flex items-center gap-6">
                <label class="flex items-center gap-2 text-sm text-gray-700 cursor-pointer">
                    <input type="radio" name="utilise_datacollect" value="1" class="w-4 h-4 accent-[color:var(--opcc-blue)]" @checked($dcChecked)>
                    Oui
                </label>
                <label class="flex items-center gap-2 text-sm text-gray-700 cursor-pointer">
                    <input type="radio" name="utilise_datacollect" value="0" class="w-4 h-4 accent-[color:var(--opcc-blue)]" @checked(! $dcChecked)>
                    Non, pas encore
                </label>
            </div>
        </div>
    </section>

    {{-- Expertises --}}
    <section class="carte p-6">
        <div class="sect-title">
            <span class="sect-ico vert"><i class="fas fa-briefcase"></i></span>
            <h2>Vos domaines d'expertise *</h2>
        </div>
        <p class="text-xs text-gray-500 mb-4 mt-1 ml-[50px]">Cochez les domaines pour lesquels vous souhaitez être sollicité lors des études OPCC.</p>
        <div class="grid grid-cols-1 md:grid-cols-2 gap-3">
            @foreach (\App\Models\Referencier::EXPERTISES as $cle => $libelle)
                <label class="case-expertise flex items-start gap-3 p-3.5">
                    <input type="checkbox" name="expertises[]" value="{{ $cle }}" class="mt-0.5 w-4 h-4 accent-[color:var(--opcc-green)]"
                        @checked(in_array($cle, (array) $expChecked))>
                    <span class="text-sm text-gray-600 leading-snug">{{ $libelle }}</span>
                </label>
            @endforeach
        </div>
    </section>

    {{-- Typologies de construction --}}
    <section class="carte p-6">
        <div class="sect-title">
            <span class="sect-ico vert"><i class="fas fa-building"></i></span>
            <h2>Typologies de construction</h2>
        </div>
        <p class="text-xs text-gray-500 mb-4 mt-1 ml-[50px]">Cochez les typologies d'ouvrages sur lesquelles vous intervenez (classification A à K).</p>
        <div class="grid grid-cols-1 md:grid-cols-2 gap-3">
            @foreach (\App\Models\Referencier::TYPOLOGIES as $lettre => $libelle)
                <label class="case-expertise flex items-center gap-3 p-3.5">
                    <input type="checkbox" name="typologies[]" value="{{ $lettre }}" class="w-4 h-4 accent-[color:var(--opcc-green)]"
                        @checked(in_array($lettre, (array) $typoChecked))>
                    <span class="inline-flex items-center justify-center w-7 h-7 rounded-lg text-white text-xs font-bold flex-shrink-0" style="background:var(--opcc-blue)">{{ $lettre }}</span>
                    <span class="text-sm text-gray-600 leading-snug">{{ $libelle }}</span>
                </label>
            @endforeach
        </div>
        <div class="mt-4">
            <label class="lbl"><i class="fas fa-plus-circle mr-1" style="color:var(--opcc-green)"></i>Autres typologies (précisez)</label>
            <input type="text" name="typologie_autre" value="{{ $val('typologie_autre') }}" class="champ"
                   placeholder="Indiquez d'autres typologies d'ouvrages sur lesquelles vous intervenez...">
        </div>
    </section>

    {{-- Regions d'exercice --}}
    <section class="carte p-6">
        <div class="sect-title">
            <span class="sect-ico bleu"><i class="fas fa-map-location-dot"></i></span>
            <h2>Régions où vous exercez</h2>
        </div>
        <p class="text-xs text-gray-500 mb-4 mt-1 ml-[50px]">Sélectionnez les régions où vous exercez principalement votre activité.</p>
        <div class="grid grid-cols-2 md:grid-cols-3 gap-y-2 gap-x-4">
            @foreach (\App\Models\Referencier::REGIONS as $region)
                <label class="flex items-center gap-2 text-sm text-gray-600 cursor-pointer">
                    <input type="checkbox" name="regions_exercice[]" value="{{ $region }}" class="w-4 h-4 accent-[color:var(--opcc-blue)]"
                        @checked(in_array($region, (array) $regChecked))>
                    {{ $region }}
                </label>
            @endforeach
        </div>
    </section>

    {{-- Commentaire --}}
    <section class="carte p-6">
        <div class="sect-title mb-3">
            <span class="sect-ico bleu"><i class="fas fa-comment-dots"></i></span>
            <h2>Commentaire <span class="font-normal text-gray-400 text-sm">(facultatif)</span></h2>
        </div>
        <textarea name="commentaire" rows="3" class="champ">{{ $val('commentaire') }}</textarea>
    </section>

    <div class="flex justify-end pt-1">
        <button type="submit" class="btn-primaire">
            <i class="fas fa-circle-check"></i> {{ $texteBouton ?? 'Valider' }}
        </button>
    </div>
</form>