{{-- « Avancement » : trois repères, puis la vue choisie — Prestations · Étapes · Événements ·
     Réseaux. Seules les vues que l'exploitant a laissées apparaissent : un marché sans événements
     et sans réseaux n'a aucune raison d'offrir deux onglets vides à son client.
     Une barre ne monte qu'à la VALIDATION ; le repère clair marque ce qui est commandé. --}}
@php
    $publique = $publique ?? false;
    $t = $donnees['tuiles'];
    $execution = $t['execution'];
    $vues = $donnees['vues'] ?? ['prestations' => 'Prestations'];
    $vue = $donnees['vue'] ?? 'prestations';
    $reception = $donnees['prochaine_reception'] ?? ['date' => null, 'libelle' => ''];
    $nombre = fn ($v) => rtrim(rtrim(number_format((float) $v, 2, ',', ' '), '0'), ',');
@endphp

{{-- v4.11.0 §C — L'exécution en ANNEAU (la part de temps écoulée), les livrables en PASTILLES :
     « à valider » attire l'œil, « en préparation » reste discret. Les données ne changent pas. --}}
<x-espace-client.tuiles :tuiles="[
    array_filter([
        'libelle' => 'Exécution du marché',
        'valeur' => $execution ? 'Jour '.$execution['jour'] : '—',
        'detail' => $execution ? 'sur '.$execution['total'].' jours' : 'dates d\'exécution non renseignées',
        'part' => $execution ? round($execution['jour'] / max(1, $execution['total']) * 100) : null,
    ], fn ($v) => $v !== null),
    [
        'libelle' => 'Livrables',
        'valeur' => $t['valides'].' validé'.($t['valides'] > 1 ? 's' : ''),
        'pastilles' => array_values(array_filter([
            $t['a_valider'] > 0 ? ['texte' => $t['a_valider'].' à valider', 'ton' => 'warning'] : null,
            $t['en_preparation'] > 0 ? ['texte' => $t['en_preparation'].' en préparation', 'ton' => 'gray'] : null,
        ])),
    ],
    [
        'libelle' => 'Prochaine réception',
        'valeur' => $reception['date']?->format('d/m/Y') ?? '—',
        'detail' => $reception['date'] ? $reception['libelle'] : 'aucune période définie',
    ],
]" />

{{-- Le sélecteur de vues. Sur la page publique aussi : lire n'est pas décider. --}}
@if (count($vues) > 1)
    <div class="mb-5 flex flex-wrap items-center gap-2">
        <div class="flex flex-wrap gap-1 rounded-xl border border-gray-200 bg-white p-1.5 dark:border-white/10 dark:bg-gray-900">
            @foreach ($vues as $cle => $libelle)
                @if ($publique)
                    <a href="{{ request()->fullUrlWithQuery(['vue' => $cle]) }}"
                       @class([
                           'flex h-8 items-center rounded-lg px-3 text-sm font-medium',
                           'bg-gray-900 text-white dark:bg-white dark:text-gray-900' => $vue === $cle,
                           'text-gray-600 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-white/5' => $vue !== $cle,
                       ])>{{ $libelle }}</a>
                @else
                    <button type="button" wire:click="ouvrirLaVue('{{ $cle }}')"
                            @class([
                                'h-8 rounded-lg px-3 text-sm font-medium',
                                'bg-gray-900 text-white dark:bg-white dark:text-gray-900' => $vue === $cle,
                                'text-gray-600 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-white/5' => $vue !== $cle,
                            ])>{{ $libelle }}</button>
                @endif
            @endforeach
        </div>

        {{-- « Signaler un événement » : jamais depuis la page publique. Sans compte, personne
             n'engage rien — c'est la même règle que pour les décisions. --}}
        @if (! $publique && $vue === 'evenements' && ($donnees['peut_signaler_evenement'] ?? false) && ($donnees['peut_decider'] ?? true))
            <button type="button" wire:click="ouvrirLeSignalement"
                    class="inline-flex h-9 items-center rounded-lg border border-gray-300 px-3 text-sm font-medium text-gray-700 hover:bg-gray-50 dark:border-white/20 dark:text-gray-200 dark:hover:bg-white/5">
                ＋ Signaler un événement
            </button>
        @endif
    </div>
@endif

{{-- ─── Prestations ─────────────────────────────────────────────────────────────────────── --}}
@if ($vue === 'prestations')
    <x-espace-client.carte titre="Avancement par famille de prestations"
        pied="La barre monte à la validation ; le repère clair marque ce qui est commandé. 100 % = quantité prévue au marché.">
        @forelse ($donnees['familles'] as $famille)
            <div class="border-t border-gray-100 bg-gray-50 px-4 py-2 text-xs font-semibold uppercase tracking-wide text-gray-500 first:border-t-0 dark:border-white/5 dark:bg-white/5 dark:text-gray-400">
                {{ $famille['libelle'] ? 'Famille '.$famille['famille'].' · '.$famille['libelle'] : 'Famille '.$famille['famille'] }}
            </div>
            @foreach ($famille['lignes'] as $ligne)
                <x-espace-client.ligne :tete="$ligne['poste']->numero" :titre="$ligne['poste']->libelle"
                    :meta="$ligne['poste']->estPilotage() ? 'Prestation de pilotage — sans quantité facturable' : ($ligne['commande'] > 0 ? $nombre($ligne['commande']).' commandé(s)' : 'aucune commande')">
                    <div class="flex items-center gap-3">
                        <div class="relative h-2 w-28 overflow-hidden rounded-full bg-gray-100 dark:bg-white/10">
                            <span class="absolute inset-y-0 left-0 rounded-full bg-blue-500" style="width: {{ $ligne['avancement'] }}%"></span>
                            <span class="absolute inset-y-0 left-0 border-r-2 border-amber-400" style="width: {{ $ligne['repere_commande'] }}%"></span>
                        </div>
                        <span class="whitespace-nowrap text-sm font-semibold tabular-nums text-gray-900 dark:text-white">
                            {{ $nombre($ligne['valide']) }} / {{ $nombre($ligne['prevu']) }}
                        </span>
                    </div>
                </x-espace-client.ligne>
            @endforeach
        @empty
            <x-espace-client.vide>L'équipe prépare votre espace. Vous serez prévenu dès qu'un livrable est prêt à être validé.</x-espace-client.vide>
        @endforelse
    </x-espace-client.carte>
@endif

{{-- ─── Étapes : une seule liste chronologique ───────────────────────────────────────────── --}}
@if ($vue === 'etapes')
    <x-espace-client.carte titre="Les étapes du marché"
        pied="Livrables, couvertures et réceptions dans une seule liste : « où en est-on ? » n'appelle pas trois réponses.">
        @forelse ($donnees['etapes'] as $etape)
            <x-espace-client.ligne :tete="$etape['date']?->format('d/m')" :titre="$etape['titre']" :meta="$etape['detail']">
                <x-espace-client.pastille :ton="['fait' => 'success', 'en_cours' => 'warning'][$etape['etat']] ?? 'gray'">
                    {{ ['fait' => 'Fait', 'en_cours' => 'En cours'][$etape['etat']] ?? 'À venir' }}
                </x-espace-client.pastille>
            </x-espace-client.ligne>
        @empty
            <x-espace-client.vide>Les étapes de votre marché apparaîtront ici au fil de l'exécution.</x-espace-client.vide>
        @endforelse
    </x-espace-client.carte>
@endif

{{-- ─── Événements : les couvertures, et la chronologie EN MOTS SIMPLES ──────────────────── --}}
@if ($vue === 'evenements')
    @include('espace-client.modules.evenements', [
        'dashboard' => $dashboard,
        'donnees' => $donnees,
        'publique' => $publique,
    ])
@endif

{{-- ─── Réseaux ─────────────────────────────────────────────────────────────────────────── --}}
@if ($vue === 'reseaux')
    <x-espace-client.carte titre="Vos réseaux"
        pied="Les chiffres viennent du rapport de performance mensuel. Un réseau sans objectif n'affiche pas de barre : une barre sans repère ne dit rien.">
        @forelse ($donnees['reseaux'] as $reseau)
            <x-espace-client.ligne tete="RÉS" :titre="$reseau['libelle']"
                :meta="collect([
                    $reseau['objectif'] ? 'objectif '.number_format((float) $reseau['objectif'], 0, ',', ' ').' abonnés à 12 mois' : 'aucun objectif fixé',
                    $reseau['reference'] && $reseau['date_reference'] ? 'référence '.number_format((float) $reseau['reference'], 0, ',', ' ').' du '.$reseau['date_reference'] : null,
                    $reseau['mois_saisi'] ? 'relevé de '.$reseau['mois_saisi']->translatedFormat('F Y') : null,
                ])->filter()->implode(' · ')">
                <div class="flex items-center gap-3">
                    @if ($reseau['progression'] !== null)
                        <div class="relative h-2 w-28 overflow-hidden rounded-full bg-gray-100 dark:bg-white/10">
                            <span class="absolute inset-y-0 left-0 rounded-full bg-blue-500" style="width: {{ $reseau['progression'] }}%"></span>
                        </div>
                    @endif
                    <span class="whitespace-nowrap text-sm font-semibold tabular-nums text-gray-900 dark:text-white">
                        {{ $reseau['abonnes'] !== null ? number_format((float) $reseau['abonnes'], 0, ',', ' ') : '—' }}
                        @if ($reseau['progression'] !== null)
                            <span class="ml-1 text-xs font-normal text-gray-500 dark:text-gray-400">{{ $reseau['progression'] }} %</span>
                        @endif
                    </span>
                </div>
            </x-espace-client.ligne>
        @empty
            <x-espace-client.vide>Aucun réseau social n'est suivi dans le cadre de ce marché.</x-espace-client.vide>
        @endforelse
    </x-espace-client.carte>
@endif