{{-- « Quantités » : prévu · commandé · livré · validé · reste, poste par poste et par famille.
     Les MONTANTS ne sortent que si le tableau de bord l'autorise — sinon la page compte des
     lignes, jamais des dirhams. --}}
@php
    $publique = $publique ?? false;
    $t = $donnees['tuiles'];
    $montants = $donnees['afficher_montants'];
    $nombre = fn ($v) => rtrim(rtrim(number_format((float) $v, 2, ',', ' '), '0'), ',');
    $vues = $donnees['vues'] ?? ['bordereau' => 'Bordereau'];
    $vue = $donnees['vue'] ?? 'bordereau';
    $reception = $donnees['prochaine_reception'] ?? ['date' => null, 'libelle' => ''];
    $receptions = $donnees['receptions'] ?? collect();
@endphp

<x-espace-client.tuiles :tuiles="[
    [
        'libelle' => 'Commandé à ce jour',
        'valeur' => $montants ? number_format($t['montant_commande'], 2, ',', ' ').' DH' : $t['lignes_commandees'].' ligne'.($t['lignes_commandees'] > 1 ? 's' : ''),
        'detail' => $montants ? $t['part_du_marche'].' % du marché' : 'lignes du bordereau commandées',
    ],
    [
        'libelle' => 'Commandes',
        'valeur' => $t['commandes_signees'].' signée'.($t['commandes_signees'] > 1 ? 's' : ''),
        'pastilles' => array_values(array_filter([
            $t['commandes_en_preparation'] > 0 ? ['texte' => $t['commandes_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 : Bordereau · Commandes · Réceptions, celles que l'exploitant a laissées. --}}
@if (count($vues) > 1)
    <div class="mb-5 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>
@endif

@if ($vue === 'bordereau')
<x-espace-client.carte titre="Quantités par poste du bordereau"
    pied="Le règlement se fait sur les quantités réellement livrées et validées.">
    <div class="overflow-x-auto">
        <table class="w-full text-sm">
            <thead>
                <tr class="border-b border-gray-200 text-left text-[11px] font-semibold uppercase tracking-wide text-gray-500 dark:border-white/10 dark:text-gray-400">
                    <th class="px-4 py-2.5">Prestation</th>
                    <th class="px-4 py-2.5 text-right">Prévu</th>
                    <th class="px-4 py-2.5 text-right">Commandé</th>
                    <th class="px-4 py-2.5 text-right">Livré</th>
                    <th class="px-4 py-2.5 text-right">Validé</th>
                    <th class="px-4 py-2.5 text-right">Reste</th>
                </tr>
            </thead>
            <tbody>
                @forelse ($donnees['familles'] as $famille)
                    <tr class="bg-gray-50 dark:bg-white/5">
                        <td colspan="6" class="px-4 py-2 text-[11px] font-semibold uppercase tracking-wide text-gray-500 dark:text-gray-400">
                            Famille {{ $famille['famille'] }}{{ $famille['libelle'] ? ' · '.$famille['libelle'] : '' }}
                        </td>
                    </tr>
                    @foreach ($famille['lignes'] as $ligne)
                        <tr class="border-t border-gray-100 dark:border-white/5">
                            <td class="px-4 py-2.5 text-gray-900 dark:text-white">
                                {{ $ligne['poste']->libelle }}
                                <span class="mt-0.5 block text-xs text-gray-500 dark:text-gray-400">{{ $ligne['poste']->numero }} · {{ $ligne['poste']->unite ?: 'unité' }}</span>
                            </td>
                            <td class="px-4 py-2.5 text-right tabular-nums">{{ $nombre($ligne['prevu']) }}</td>
                            <td class="px-4 py-2.5 text-right font-semibold tabular-nums">{{ $nombre($ligne['commande']) }}</td>
                            <td class="px-4 py-2.5 text-right tabular-nums">{{ $nombre($ligne['livre']) }}</td>
                            <td class="px-4 py-2.5 text-right tabular-nums">{{ $nombre($ligne['valide']) }}</td>
                            <td class="px-4 py-2.5 text-right tabular-nums">{{ $nombre($ligne['reste']) }}</td>
                        </tr>
                    @endforeach
                @empty
                    <tr><td colspan="6"><x-espace-client.vide>L'équipe prépare votre espace : les prestations du marché apparaîtront ici.</x-espace-client.vide></td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</x-espace-client.carte>

@endif

@if ($vue === 'commandes')
<x-espace-client.carte titre="Vos lettres de commande" :compteur="$donnees['lettres']->count()">
    @forelse ($donnees['lettres'] as $lettre)
        <x-espace-client.ligne :tete="$lettre->reference ? \Illuminate\Support\Str::afterLast($lettre->reference, '-') : '—'"
            :titre="$lettre->objet"
            :meta="$lettre->reference.' · '.($lettre->signee_le ? 'signée le '.$lettre->signee_le->format('d/m/Y') : 'en préparation').' · '.$lettre->lignes->count().' ligne(s)'">
            <x-espace-client.pastille :ton="$lettre->statut->color()">{{ $lettre->statut->label() }}</x-espace-client.pastille>
            @if ($montants)
                <span class="whitespace-nowrap text-sm font-semibold tabular-nums text-gray-900 dark:text-white">{{ number_format($lettre->montantHt(), 2, ',', ' ') }} DH</span>
            @endif
        </x-espace-client.ligne>
    @empty
        <x-espace-client.vide>Aucune commande n'a encore été passée. Vos lettres de commande apparaîtront ici.</x-espace-client.vide>
    @endforelse
</x-espace-client.carte>
@endif

{{-- ─── Réceptions : chaque période, son état en mots simples, et ses montants SEULEMENT si le
     tableau de bord les autorise. Jamais de pénalités, jamais de retenue : ce sont nos affaires,
     et le client n'a pas à découvrir sur sa page qu'un décompte lui est opposé. ─────────────── --}}
@if ($vue === 'receptions')
<x-espace-client.carte titre="Réceptions" :compteur="$receptions->count()"
    pied="Le règlement se fait sur les quantités réellement livrées et validées de la période.">
    @forelse ($receptions as $periode)
        <x-espace-client.ligne :tete="'n°'.$periode->numero" :titre="$periode->type->label()"
            :meta="collect([
                $periode->periodePhrase(),
                $montants && (float) $periode->montant_ttc > 0 ? number_format((float) $periode->montant_ttc, 2, ',', ' ').' DH TTC' : null,
            ])->filter()->implode(' · ')">
            <x-espace-client.pastille :ton="$periode->statut->color()">{{ $periode->phraseClient() }}</x-espace-client.pastille>
        </x-espace-client.ligne>
    @empty
        <x-espace-client.vide>Les réceptions du marché apparaîtront ici au fil de l'exécution.</x-espace-client.vide>
    @endforelse
</x-espace-client.carte>
@endif