@php
    use App\Support\Money;

    // v3.8.6 — CET ONGLET NE PORTE PLUS QUE LE DÉTAIL. Ce qui répond aux quatre questions de tête
    // — que vaut le marché, d'où vient son coût, qu'est-ce qui est bloqué — a rejoint les sections
    // du haut de la fiche. Restent ici : la courbe du cumul, les décomptes, les primes, les
    // dernières écritures et les retenues à la source.
    $data = $getState();
    $fiscal = $data['fiscal'] ?? null;
    $series = $data['series'];
    $bonuses = $data['bonuses'] ?? [];
    $milestones = $data['milestones'] ?? [];
    $recent = $data['recent_transactions'] ?? [];
    $driveLink = $data['drive_link'] ?? null;

    // --- Cumulative cash chart (SVG polylines) ---
    $maxCum = 1.0;
    foreach ($series as $point) {
        $maxCum = max($maxCum, $point['cum_expenses'], $point['cum_collections']);
    }
    $count = count($series);
    $pointsFor = function (string $key) use ($series, $count, $maxCum) {
        if ($count === 0) {
            return '';
        }
        $coords = [];
        foreach ($series as $i => $point) {
            $x = $count > 1 ? round($i / ($count - 1) * 100, 2) : 0;
            $y = round(58 - ($point[$key] / $maxCum) * 54, 2);
            $coords[] = "{$x},{$y}";
        }
        return implode(' ', $coords);
    };
@endphp

<div class="grid grid-cols-1 gap-6 lg:grid-cols-2">
    {{-- Cumulative expenses vs collections --}}
    <div class="rounded-xl border border-gray-200 bg-white p-4 dark:border-white/10 dark:bg-gray-900">
        <h3 class="mb-3 text-sm font-semibold text-gray-900 dark:text-white">Cumul dépenses vs encaissements</h3>
        @if ($count > 0)
            <svg viewBox="0 0 100 60" preserveAspectRatio="none" class="h-40 w-full">
                <polyline fill="none" stroke="#DC2626" stroke-width="1" points="{{ $pointsFor('cum_expenses') }}" vector-effect="non-scaling-stroke" />
                <polyline fill="none" stroke="#16A34A" stroke-width="1" points="{{ $pointsFor('cum_collections') }}" vector-effect="non-scaling-stroke" />
            </svg>
            <div class="mt-2 flex items-center gap-4 text-xs text-gray-500 dark:text-gray-400">
                <span class="flex items-center gap-1"><span class="inline-block h-2 w-2 rounded-full" style="background:#DC2626"></span> Dépenses : {{ Money::format(end($series)['cum_expenses']) }}</span>
                <span class="flex items-center gap-1"><span class="inline-block h-2 w-2 rounded-full" style="background:#16A34A"></span> Encaissements : {{ Money::format(end($series)['cum_collections']) }}</span>
            </div>
        @else
            <p class="py-8 text-center text-sm text-gray-400">Aucune opération.</p>
        @endif
    </div>

    {{-- v3.8.6 — LE CAMEMBERT DES COÛTS N'EST PLUS ICI. Il a sa propre section, « Répartition des
         coûts », en haut de la fiche : il répond à la question qui suit immédiatement la marge, et
         son total répétait la tuile « Coût complet » de la position financière. --}}

    {{-- Décomptes / jalons --}}
    <div class="rounded-xl border border-gray-200 bg-white p-4 dark:border-white/10 dark:bg-gray-900">
        <h3 class="mb-3 text-sm font-semibold text-gray-900 dark:text-white">Décomptes</h3>
        @forelse ($milestones as $m)
            <div class="flex items-center justify-between border-b border-gray-100 py-1.5 text-sm last:border-0 dark:border-white/5">
                <span class="text-gray-600 dark:text-gray-300">{{ $m->label }}</span>
                <span class="flex items-center gap-2">
                    <span class="tabular-nums font-medium">{{ Money::format($m->amount_ht) }} HT</span>
                    @if ($m->collected_at)
                        <x-filament::badge color="success">Encaissé</x-filament::badge>
                    @elseif ($m->invoiced_at)
                        <x-filament::badge color="warning">Facturé</x-filament::badge>
                    @else
                        <x-filament::badge color="gray">À facturer</x-filament::badge>
                    @endif
                </span>
            </div>
        @empty
            <p class="text-sm text-gray-400">Aucun décompte enregistré.</p>
        @endforelse
    </div>
</div>


{{-- v3.8.6 — LES TROIS REGISTRES NE SONT PLUS ICI. Ils étaient affichés deux fois sur la même
     fiche : en phrase dans la section « Position financière », et en trois chiffres ici. Un même
     nombre à deux endroits finit toujours par diverger dans la tête du lecteur. Ils restent en
     haut, contre les quatre lignes, là où on les compare. --}}

{{-- Retenues à la source du marché (CDC §4.4). Le bandeau comptait CINQ colonnes de montants sur
     écran large — illisible — dont deux qui répétaient des chiffres affichés ailleurs :
     « Encaissements CA (trésorerie) » = le registre « encaissements » de la position financière, et
     « Reste à facturer (HT) » = le « reste à facturer » du bandeau de position, mais en HT contre
     TTC : deux nombres différents pour la même idée, sans que rien ne le dise. Il ne reste que ce
     qui est propre au fiscal, sur trois colonnes qui tiennent. --}}
@if ($fiscal)
    <div class="mt-6">
        <h3 class="mb-2 text-sm font-semibold text-gray-900 dark:text-white">Retenues à la source</h3>
        <div class="grid grid-cols-1 gap-3 sm:grid-cols-3">
            <div class="rounded-xl border border-gray-200 bg-white p-3 dark:border-white/10 dark:bg-gray-900">
                <div class="text-xs text-gray-500 dark:text-gray-400">RAS TVA</div>
                <div class="text-lg font-bold tabular-nums">{{ Money::format($fiscal['ras_tva']) }}</div>
                <div class="mt-0.5 text-xs text-gray-400">retenue par le maître d'ouvrage</div>
            </div>
            <div class="rounded-xl border border-gray-200 bg-white p-3 dark:border-white/10 dark:bg-gray-900">
                <div class="text-xs text-gray-500 dark:text-gray-400">RAS IS</div>
                <div class="text-lg font-bold tabular-nums">{{ Money::format($fiscal['ras_is']) }}</div>
                <div class="mt-0.5 text-xs text-gray-400">crédit imputable sur l'IS</div>
            </div>
            <div class="rounded-xl border border-gray-200 bg-white p-3 dark:border-white/10 dark:bg-gray-900">
                <div class="text-xs text-gray-500 dark:text-gray-400">CA TTC du marché</div>
                <div class="text-lg font-bold tabular-nums">{{ Money::format($fiscal['ca_ttc']) }}</div>
                <div class="mt-0.5 text-xs text-gray-400">encaissé + retenues à la source</div>
            </div>
        </div>
        <p class="mt-2 text-xs text-gray-500 dark:text-gray-400">
            Les retenues à la source ne sont pas des dépenses : elles sont prélevées sur ce que le
            client vous doit, et l'IS retenu s'impute sur votre impôt. Elles comptent donc dans le
            chiffre d'affaires, jamais dans le coût du marché.
        </p>
    </div>
@endif

<div class="mt-6 grid grid-cols-1 gap-6 lg:grid-cols-2">
    {{-- v3.8.6 — LES CAUTIONS NE SONT PLUS ICI : elles ont leur section « Cautions & retenues de
         garantie » en haut de la fiche, avec le montant immobilisé qui traînait ailleurs. Trois
         écrans portaient des morceaux de la même réponse. --}}

    {{-- Primes liées --}}
    <div class="rounded-xl border border-gray-200 bg-white p-4 dark:border-white/10 dark:bg-gray-900">
        <h3 class="mb-3 text-sm font-semibold text-gray-900 dark:text-white">Primes (dues / versées)</h3>
        {{-- v4.31.0 §E — le bénéficiaire NOMMÉ (un collaborateur n'a pas de `name`, il a un nom
             complet : `beneficiaryName()` sait lire les deux), la date et le chemin vers la prime. --}}
        @forelse ($bonuses as $b)
            <div class="flex items-center justify-between border-b border-gray-100 py-1.5 text-sm last:border-0 dark:border-white/5">
                <span class="text-gray-600 dark:text-gray-300">
                    <a href="{{ \App\Filament\Admin\Resources\Bonuses\BonusResource::getUrl('edit', ['record' => $b]) }}" class="hover:underline">{{ $b->beneficiaryName() }}</a>
                    <span class="text-xs text-gray-400">· {{ ($b->transaction?->date ?? $b->due_date)?->format('d/m/Y') ?? '—' }}</span>
                </span>
                <span class="flex items-center gap-2">
                    <span class="tabular-nums font-medium">{{ Money::format($b->amount) }}</span>
                    <x-filament::badge :color="$b->status?->value === 'paid' ? 'success' : 'warning'">
                        {{ $b->status?->label() ?? $b->status }}
                    </x-filament::badge>
                </span>
            </div>
        @empty
            <p class="text-sm text-gray-400">Aucune prime liée.</p>
        @endforelse
    </div>

    {{-- Dernières écritures --}}
    <div class="rounded-xl border border-gray-200 bg-white p-4 dark:border-white/10 dark:bg-gray-900">
        <div class="mb-3 flex items-center justify-between">
            <h3 class="text-sm font-semibold text-gray-900 dark:text-white">Dernières écritures</h3>
            <a href="{{ \App\Filament\Admin\Resources\Transactions\TransactionResource::getUrl('index', ['tableFilters' => ['project_id' => ['value' => $data['project_id'] ?? null]]]) }}"
               class="text-xs font-medium text-primary-600 hover:underline dark:text-primary-400">
                Tout le journal du marché →
            </a>
        </div>
        @forelse ($recent as $t)
            <div class="flex items-center justify-between border-b border-gray-100 py-1.5 text-sm last:border-0 dark:border-white/5">
                <span class="truncate pr-2 text-gray-600 dark:text-gray-300">{{ $t->date?->format('d/m/y') }} — {{ $t->label }}</span>
                <span class="tabular-nums font-medium {{ $t->direction?->value === 'in' ? 'text-success-600' : 'text-danger-600' }}">
                    {{ ($t->direction?->value === 'in' ? '+' : '−') . Money::format($t->amount_ttc) }}
                </span>
            </div>
        @empty
            <p class="text-sm text-gray-400">Aucune écriture.</p>
        @endforelse
    </div>
</div>

@if ($driveLink)
    <div class="mt-4">
        <a href="{{ $driveLink }}" target="_blank" rel="noopener"
           class="inline-flex items-center gap-2 text-sm font-medium text-primary-600 hover:underline dark:text-primary-400">
            <x-filament::icon icon="heroicon-o-folder-open" class="h-4 w-4" />
            Ouvrir le dossier Drive du marché
        </a>
    </div>
@endif