{{-- « Contact » : à qui parler, et par quel canal.

     v4.7.0 §B2 — La carte montrait l'adresse d'expédition de l'espace — souvent une boîte sans
     réponse — et le client n'avait personne à joindre. Elle montre désormais la ou les
     GESTIONNAIRES de l'espace (nom et rôle, jamais leurs coordonnées personnelles) et un bouton
     « Nous écrire ». Depuis la page de lecture, le formulaire est un simple POST sous le jeton de
     la page ; depuis l'espace connecté, un panneau Livewire. Le message part aux gestionnaires,
     avec une adresse de réponse réelle. --}}
@php
    $publique = $publique ?? false;
    $gestionnaires = $donnees['gestionnaires'] ?? collect();
    $lienEcrire = $lienEcrire ?? null;
@endphp

<x-espace-client.carte titre="Vos interlocuteurs">
    @forelse ($gestionnaires as $gestionnaire)
        <x-espace-client.ligne tete="•" :titre="$gestionnaire['nom']" :meta="$gestionnaire['role']" />
    @empty
        <x-espace-client.ligne tete="@" titre="Nous joindre" :meta="$donnees['email'] ?: 'par votre interlocuteur habituel'" />
    @endforelse

    @if ($donnees['ligne_projet'])
        <x-espace-client.ligne tete="TEL" titre="Ligne projet" :meta="$donnees['ligne_projet']" />
    @endif

    @if ($donnees['groupe'])
        <x-espace-client.ligne tete="GRP" titre="Groupe de discussion" meta="Le canal des échanges rapides">
            <a href="{{ $donnees['groupe'] }}" target="_blank" rel="noopener"
               class="inline-flex h-8 items-center rounded-lg border border-gray-300 px-3 text-xs font-medium text-gray-700 hover:bg-gray-50 dark:border-white/20 dark:text-gray-200 dark:hover:bg-white/5">Ouvrir ↗</a>
        </x-espace-client.ligne>
    @endif

    <div class="border-t border-gray-100 px-4 py-3 dark:border-white/5">
        @if ($publique)
            @if ($lienEcrire)
                <details class="group" @if (session('ecrire_erreur') || old('sujet')) open @endif>
                    <summary class="inline-flex h-9 cursor-pointer list-none items-center rounded-lg bg-gray-900 px-3 text-xs font-medium text-white hover:bg-gray-700 dark:bg-white dark:text-gray-900">
                        Nous écrire
                    </summary>

                    @if (session('ecrire_erreur'))
                        <p class="mt-3 rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-xs text-red-800 dark:border-red-500/30 dark:bg-red-500/10 dark:text-red-300">{{ session('ecrire_erreur') }}</p>
                    @endif

                    <form method="post" action="{{ $lienEcrire }}" class="mt-3 grid gap-3 sm:grid-cols-2">
                        @csrf
                        <div>
                            <label for="ecr-sujet" class="block text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400">Sujet</label>
                            <input id="ecr-sujet" name="sujet" type="text" required maxlength="150" value="{{ old('sujet') }}"
                                   class="mt-1 block w-full rounded-lg border border-gray-300 bg-white px-3 py-1.5 text-sm text-gray-900 dark:border-white/20 dark:bg-gray-900 dark:text-white">
                        </div>
                        <div>
                            <label for="ecr-email" class="block text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400">Votre e-mail, pour vous répondre</label>
                            <input id="ecr-email" name="email_reponse" type="email" required value="{{ old('email_reponse') }}"
                                   class="mt-1 block w-full rounded-lg border border-gray-300 bg-white px-3 py-1.5 text-sm text-gray-900 dark:border-white/20 dark:bg-gray-900 dark:text-white">
                        </div>
                        <div class="sm:col-span-2">
                            <label for="ecr-message" class="block text-xs font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400">Message</label>
                            <textarea id="ecr-message" name="message" rows="4" required maxlength="4000"
                                      class="mt-1 block w-full rounded-lg border border-gray-300 bg-white px-3 py-1.5 text-sm text-gray-900 dark:border-white/20 dark:bg-gray-900 dark:text-white">{{ old('message') }}</textarea>
                        </div>
                        <div class="sm:col-span-2">
                            <button type="submit" class="inline-flex h-9 items-center rounded-lg bg-gray-900 px-3 text-xs font-medium text-white hover:bg-gray-700 dark:bg-white dark:text-gray-900">Envoyer</button>
                        </div>
                    </form>
                </details>
            @else
                <p class="text-xs text-gray-500 dark:text-gray-400">Pour nous écrire, connectez-vous à votre espace.</p>
            @endif
        @else
            <button type="button" wire:click="ouvrirLeMessage"
                    class="inline-flex h-9 items-center rounded-lg bg-gray-900 px-3 text-xs font-medium text-white hover:bg-gray-700 dark:bg-white dark:text-gray-900">
                Nous écrire
            </button>
        @endif
    </div>
</x-espace-client.carte>

@if ($donnees['equipe']->isNotEmpty())
    <x-espace-client.carte titre="L'équipe du marché">
        @foreach ($donnees['equipe'] as $membre)
            <x-espace-client.ligne tete="•" :titre="$membre['nom']" :meta="$membre['role']" />
        @endforeach
    </x-espace-client.carte>
@endif