@extends('reports.pdf.layout')

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

@php
    $meta  = $data['meta'];
    $kpis  = $data['kpis'];
    $items = $data['items'];
    $pie   = $data['pie'];
    $taxes = $data['taxes'];

    $fmtNum = function ($v, $unit = '') {
        if ($v === null) return '—';
        $s = is_numeric($v) ? number_format((float) $v, 0, ',', ' ') : (string) $v;
        return trim($s . ' ' . $unit);
    };

    $toneBg    = ['danger' => '#FEE2E2', 'warning' => '#FEF3C7', 'info' => '#DBEAFE', 'success' => '#D1FAE5', 'neutral' => '#F3F4F6'];
    $toneColor = ['danger' => '#991B1B', 'warning' => '#92400E', 'info' => '#1E3A8A', 'success' => '#065F46', 'neutral' => '#374151'];
    $toneBar   = ['danger' => '#EF4444', 'warning' => '#F59E0B', 'info' => '#3B82F6', 'success' => '#10B981', 'neutral' => '#6B7280'];
    $barTrackW = 220;

    // Pie geometry.
    $pieRadius = 50; $pieCx = 60; $pieCy = 60;
    $totalPie = array_sum(array_column($pie, 'value'));
    $pieSlices = [];
    $accAngle = -90;
    foreach ($pie as $i => $p) {
        if ($totalPie <= 0) break;
        $sweep = ((float) $p['value'] / $totalPie) * 360;
        $isFull = $sweep >= 359.999;
        if ($isFull) {
            $path = null;
        } else {
            $rad1 = deg2rad($accAngle);
            $rad2 = deg2rad($accAngle + $sweep);
            $x1 = $pieCx + $pieRadius * cos($rad1); $y1 = $pieCy + $pieRadius * sin($rad1);
            $x2 = $pieCx + $pieRadius * cos($rad2); $y2 = $pieCy + $pieRadius * sin($rad2);
            $largeArc = $sweep > 180 ? 1 : 0;
            $path = sprintf('M %s %s L %.2f %.2f A %s %s 0 %d 1 %.2f %.2f Z', $pieCx, $pieCy, $x1, $y1, $pieRadius, $pieRadius, $largeArc, $x2, $y2);
        }
        $pieSlices[] = ['path' => $path, 'color' => $p['color'], 'label' => $p['label'], 'value' => $p['value']];
        $accAngle += $sweep;
    }
@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">Vignettes valides</div>
                <div class="kpi-value">{{ $kpis['valid_vignettes']['value'] }}</div>
                <div class="kpi-delta delta-up">{{ $kpis['valid_vignettes']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Vignettes expirées</div>
                <div class="kpi-value">{{ $kpis['expired_vignettes']['value'] }}</div>
                <div class="kpi-delta delta-down">{{ $kpis['expired_vignettes']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">TVS annuelle estimée</div>
                <div class="kpi-value">{{ $fmtNum($kpis['tvs_estimated']['value']) }}<span class="kpi-unit">{{ $kpis['tvs_estimated']['unit'] }}</span></div>
                <div class="kpi-delta delta-flat">{{ $kpis['tvs_estimated']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Véhicules ZCR compatibles</div>
                <div class="kpi-value">{{ $kpis['zcr_compatible']['value'] }}</div>
                <div class="kpi-delta delta-up">{{ $kpis['zcr_compatible']['delta_label'] }}</div>
            </div>
        </div>
    </div>

    <div class="two-col" style="margin-top: 12pt;">
        <div class="col">
            <h3 class="section-title">État des vignettes Crit'Air par catégorie</h3>
            @if (!empty($items))
                @foreach ($items as $i)
                    @php
                        $w = $i['percentage'] !== null ? min($barTrackW, ($i['percentage'] / 100) * $barTrackW) : 0;
                        $color = $toneBar[$i['tone']] ?? $toneBar['neutral'];
                    @endphp
                    <div style="padding: 4pt 0; border-bottom: 0.5pt solid #F3F4F6;">
                        <div style="display: table; width: 100%;">
                            <div style="display: table-cell; vertical-align: middle; width: 40%;">
                                <div style="font-size: 9pt; font-weight: 600;">{{ $i['label'] }}</div>
                                <div style="font-size: 7.5pt; color: #6B7280;">{{ $i['sublabel'] }}</div>
                            </div>
                            <div style="display: table-cell; vertical-align: middle;">
                                <div style="background: #F3F4F6; height: 8pt; width: {{ $barTrackW }}pt; border-radius: 2pt;">
                                    <div style="background: {{ $color }}; height: 8pt; width: {{ $w }}pt; border-radius: 2pt;"></div>
                                </div>
                            </div>
                            <div style="display: table-cell; vertical-align: middle; width: 16%; text-align: right; font-size: 9pt; font-weight: 600;">
                                {{ number_format($i['percentage'], 1, ',', ' ') }} %
                            </div>
                        </div>
                    </div>
                @endforeach
            @else
                <p style="color:#6B7280; font-style: italic;">Aucune donnée Crit'Air.</p>
            @endif
        </div>
        <div class="col">
            <h3 class="section-title">Répartition Crit'Air</h3>
            @if ($totalPie > 0)
                <table style="width: 100%; border-collapse: collapse;">
                    <tr>
                        <td style="vertical-align: middle; width: 130pt;">
                            <svg width="120" height="120" viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg">
                                @foreach ($pieSlices as $s)
                                    @if ($s['path'] === null)
                                        <circle cx="{{ $pieCx }}" cy="{{ $pieCy }}" r="{{ $pieRadius }}" fill="{{ $s['color'] }}" stroke="#FFF" stroke-width="0.8" />
                                    @else
                                        <path d="{{ $s['path'] }}" fill="{{ $s['color'] }}" stroke="#FFF" stroke-width="0.8" />
                                    @endif
                                @endforeach
                            </svg>
                        </td>
                        <td style="vertical-align: middle;">
                            @foreach ($pieSlices as $s)
                                <div style="font-size: 8.5pt; padding: 1pt 0;">
                                    <span style="display:inline-block;width:7pt;height:7pt;background:{{ $s['color'] }};border-radius:1pt;margin-right:5pt;"></span>
                                    <strong>{{ $s['label'] }}</strong> — {{ $s['value'] }}
                                </div>
                            @endforeach
                        </td>
                    </tr>
                </table>
            @else
                <p style="color:#6B7280; font-style: italic;">Aucune répartition disponible.</p>
            @endif
        </div>
    </div>

    <h3 class="section-title">Taxes & redevances annuelles</h3>
    @if (!empty($taxes))
        <table class="data">
            <tr>
                <th>Taxe</th>
                <th>Description</th>
                <th class="num">Montant</th>
                <th>Statut</th>
            </tr>
            @foreach ($taxes as $t)
                @php
                    $tone = $t['status']['tone'] ?? 'neutral';
                    $bg = $toneBg[$tone]; $fg = $toneColor[$tone];
                @endphp
                <tr>
                    <td>{{ $t['tax'] }}</td>
                    <td>{{ $t['description'] }}</td>
                    <td class="num"><strong>{{ $t['amount'] }}</strong></td>
                    <td>
                        <span style="display: inline-block; padding: 1pt 6pt; border-radius: 999pt; background: {{ $bg }}; color: {{ $fg }}; font-size: 7.5pt; font-weight: 600;">{{ $t['status']['label'] ?? '' }}</span>
                    </td>
                </tr>
            @endforeach
            <tr>
                <td colspan="2" style="font-weight: 700;">Coût total fiscal</td>
                <td class="num"><strong>{{ $fmtNum($data['total_fiscal'], '€') }}</strong></td>
                <td></td>
            </tr>
        </table>
    @else
        <p style="color:#6B7280; font-style: italic;">Aucune taxe pour les filtres choisis.</p>
    @endif
@endsection