@extends('reports.pdf.layout')

@section('title', $data['meta']['title'])

@php
    $meta   = $data['meta'];
    $kpis   = $data['kpis'];
    $items  = $data['items'];
    $byType = $data['by_type'];
    $byTier = $data['by_tier'];

    $fmtDate = function ($d) {
        if ($d === null) return '—';
        try { return \Carbon\Carbon::parse($d)->locale('fr')->isoFormat('D MMM YYYY'); }
        catch (\Throwable $e) { return (string) $d; }
    };

    $toneBg    = ['danger' => '#FEE2E2', 'warning' => '#FEF3C7', 'info' => '#DBEAFE', 'success' => '#D1FAE5', 'neutral' => '#F3F4F6'];
    $toneColor = ['danger' => '#991B1B', 'warning' => '#92400E', 'info' => '#1E3A8A', 'success' => '#065F46', 'neutral' => '#374151'];
    $tierTone = ['expired' => 'danger', 'within_30' => 'danger', 'within_60' => 'warning', 'within_90' => 'info'];
    $typeColors = ['CT' => '#3B82F6', 'Assurance' => '#10B981', 'Contrat' => '#F59E0B', "Vignette Crit'Air" => '#8B5CF6'];

    // Per-type horizontal bars.
    $typeBarMax = max($byType['values'] + [1]);
    $typeBarTrackW = 200;

    // Per-tier vertical bars.
    $tBarW = 320; $tBarH = 130; $tBarPadX = 30; $tBarPadY = 18;
    $tBarMax = max($byTier['values'] + [1]);
    $tCount = count($byTier['labels']);
    $tSlot = $tCount > 0 ? ($tBarW - 2 * $tBarPadX) / $tCount : 0;
    $tWidth = $tSlot * 0.55;
@endphp

@section('content')
    <div class="header-band">
        <div class="eyebrow">DADYCAR FLEET MANAGER</div>
        <h1 class="title">{{ $meta['title'] }}</h1>
        <div class="meta">
            <span class="badge">Conformité</span>
            <span class="badge">{{ $meta['code'] }}</span>
            Période : {{ $meta['period']['label'] }} · {{ $meta['site_label'] }} ·
            {{ $meta['total_vehicles'] }} véhicules ·
            Généré le {{ $meta['generated_at']->locale('fr')->isoFormat('D MMMM YYYY') }}
        </div>
    </div>

    <h3 class="section-title">Indicateurs clés</h3>
    <div class="kpi-grid">
        <div class="kpi-row">
            <div class="kpi-card">
                <div class="kpi-label">Échéances expirées</div>
                <div class="kpi-value">{{ $kpis['expired']['value'] }}</div>
                <div class="kpi-delta delta-down">{{ $kpis['expired']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Échéances < 30 jours</div>
                <div class="kpi-value">{{ $kpis['within_30']['value'] }}</div>
                <div class="kpi-delta delta-flat">{{ $kpis['within_30']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Échéances 30-60 jours</div>
                <div class="kpi-value">{{ $kpis['within_60']['value'] }}</div>
                <div class="kpi-delta delta-flat">{{ $kpis['within_60']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Échéances 60-90 jours</div>
                <div class="kpi-value">{{ $kpis['within_90']['value'] }}</div>
                <div class="kpi-delta delta-flat">{{ $kpis['within_90']['delta_label'] }}</div>
            </div>
        </div>
    </div>

    <h3 class="section-title">Calendrier des échéances critiques (90 jours)</h3>
    @if (!empty($items))
        @foreach (array_slice($items, 0, 12) as $i)
            @php
                $tone = $tierTone[$i['tier']] ?? 'neutral';
                $bg = $toneBg[$tone]; $fg = $toneColor[$tone];
            @endphp
            <div style="display: table; width: 100%; padding: 5pt 0; border-bottom: 0.5pt solid #F3F4F6;">
                <div style="display: table-cell; vertical-align: top; width: 22%;">
                    <div style="font-size: 9pt; font-weight: 600;">{{ $i['vehicle'] }}</div>
                    <div style="font-size: 7.5pt; color: #6B7280;">{{ $i['type_label'] }}</div>
                </div>
                <div style="display: table-cell; vertical-align: top;">
                    <div style="font-size: 9pt;">{{ $i['action'] }}</div>
                    <div style="font-size: 7.5pt; color: #6B7280;">{{ $fmtDate($i['expiration']) }}{{ $i['days_until'] < 0 ? ' · expiré' : ' · dans ' . $i['days_until'] . ' jours' }}</div>
                </div>
                <div style="display: table-cell; vertical-align: middle; text-align: right; width: 18%;">
                    <span style="display: inline-block; padding: 2pt 8pt; border-radius: 999pt; background: {{ $bg }}; color: {{ $fg }}; font-size: 8pt; font-weight: 600;">{{ $i['tier_label'] }}</span>
                </div>
            </div>
        @endforeach
    @else
        <p style="color:#6B7280; font-style: italic;">Aucune échéance critique dans les 90 prochains jours.</p>
    @endif

    <div class="two-col" style="margin-top: 12pt;">
        <div class="col">
            <h3 class="section-title">Par type d'échéance</h3>
            @if (array_sum($byType['values']) > 0)
                @foreach ($byType['labels'] as $i => $label)
                    @php
                        $w = $typeBarMax > 0 ? min($typeBarTrackW, ($byType['values'][$i] / $typeBarMax) * $typeBarTrackW) : 0;
                        $color = $typeColors[$label] ?? '#3B82F6';
                    @endphp
                    <div style="display: table; width: 100%; padding: 4pt 0;">
                        <div style="display: table-cell; vertical-align: middle; width: 35%; font-size: 9pt; font-weight: 600;">{{ $label }}</div>
                        <div style="display: table-cell; vertical-align: middle;">
                            <div style="background: #F3F4F6; height: 10pt; width: {{ $typeBarTrackW }}pt; border-radius: 2pt;">
                                <div style="background: {{ $color }}; height: 10pt; width: {{ $w }}pt; border-radius: 2pt;"></div>
                            </div>
                        </div>
                        <div style="display: table-cell; vertical-align: middle; width: 12%; text-align: right; font-size: 9pt; font-weight: 600;">{{ $byType['values'][$i] }}</div>
                    </div>
                @endforeach
            @else
                <p style="color:#6B7280; font-style: italic;">Aucune échéance par type.</p>
            @endif
        </div>
        <div class="col">
            <h3 class="section-title">Par tranche de délai</h3>
            @if (array_sum($byTier['values']) > 0)
                <svg width="{{ $tBarW }}" height="{{ $tBarH }}" viewBox="0 0 {{ $tBarW }} {{ $tBarH }}" xmlns="http://www.w3.org/2000/svg" style="background: #F9FAFB; border: 1pt solid #E5E7EB; border-radius: 4pt;">
                    <line x1="{{ $tBarPadX }}" y1="{{ $tBarH - $tBarPadY }}" x2="{{ $tBarW - $tBarPadX }}" y2="{{ $tBarH - $tBarPadY }}" stroke="#D1D5DB" stroke-width="0.5"/>
                    @foreach ($byTier['labels'] as $i => $lbl)
                        @php
                            $h = $tBarMax > 0 ? (($byTier['values'][$i] / $tBarMax) * ($tBarH - 2 * $tBarPadY)) : 0;
                            $x = $tBarPadX + $i * $tSlot + ($tSlot - $tWidth) / 2;
                            $y = $tBarH - $tBarPadY - $h;
                            $col = $i === 0 ? '#EF4444' : ($i === 1 ? '#F59E0B' : '#3B82F6');
                        @endphp
                        <rect x="{{ $x }}" y="{{ $y }}" width="{{ $tWidth }}" height="{{ $h }}" fill="{{ $col }}" rx="2" />
                        <text x="{{ $x + $tWidth / 2 }}" y="{{ $y - 4 }}" font-size="8" text-anchor="middle" fill="#374151">{{ $byTier['values'][$i] }}</text>
                        <text x="{{ $x + $tWidth / 2 }}" y="{{ $tBarH - $tBarPadY + 12 }}" font-size="7.5" text-anchor="middle" fill="#6B7280">{{ $lbl }}</text>
                    @endforeach
                </svg>
            @else
                <p style="color:#6B7280; font-style: italic;">Aucune répartition par délai.</p>
            @endif
        </div>
    </div>
@endsection