@extends('reports.pdf.layout')

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

@php
    $meta  = $data['meta'];
    $kpis  = $data['kpis'];
    $chart = $data['chart'];
    $rows  = $data['table'];

    $fmtNum = function ($v, $unit = '') {
        if ($v === null) return '—';
        $s = is_numeric($v) ? number_format((float) $v, 0, ',', ' ') : (string) $v;
        return trim($s . ' ' . $unit);
    };
    $fmtPct = function ($v) {
        if ($v === null) return '—';
        $sign = $v > 0 ? '+' : '';
        return $sign . number_format((float) $v, 1, ',', ' ') . ' %';
    };
    $fmtUnit = function ($v, $unit) {
        if ($v === null) return '—';
        if ($unit === '%') {
            return number_format((float) $v, 1, ',', ' ') . ' %';
        }
        $s = number_format((float) $v, 0, ',', ' ');
        return $unit ? ($s . ' ' . $unit) : $s;
    };

    // ── Multi-series line chart ────────────────────────────────────────
    $chartW = 540; $chartH = 180; $padX = 36; $padY = 24;
    $labels = $chart['labels'] ?? [];
    $series = $chart['series'] ?? [];
    $count  = max(count($labels), 1);
    $stepX  = $count > 1 ? ($chartW - 2 * $padX) / ($count - 1) : 0;

    // Per-series scaling.
    $polylines = [];
    foreach ($series as $s) {
        $vals = array_filter($s['data'], fn ($v) => $v !== null);
        $min  = !empty($vals) ? min($vals) : 0;
        $max  = !empty($vals) ? max($vals) : 1;
        if ($max == $min) { $max = $min + 1; }
        $points = [];
        foreach ($s['data'] as $i => $v) {
            if ($v === null) continue;
            $x = $padX + $i * $stepX;
            $y = $chartH - $padY - (($v - $min) / ($max - $min)) * ($chartH - 2 * $padY);
            $points[] = ['x' => $x, 'y' => $y, 'v' => $v];
        }
        $polylines[] = [
            'color' => $s['color'],
            'label' => $s['label'],
            'points' => $points,
        ];
    }

    // ── Tone palette for impact chips ──────────────────────────────────
    $toneBg    = ['success' => '#D1FAE5', 'warning' => '#FEF3C7', 'danger' => '#FEE2E2', 'neutral' => '#F3F4F6'];
    $toneColor = ['success' => '#065F46', 'warning' => '#92400E', 'danger' => '#991B1B', 'neutral' => '#374151'];
    $arrowFor  = function ($direction) {
        return match ($direction) {
            'up'   => '▲',
            'down' => '▼',
            default => '–',
        };
    };
@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">Synthèse globale</span>
            <span class="badge">{{ $meta['code'] }}</span>
            Période 1 : {{ $meta['period_1']['label'] }} · Période 2 : {{ $meta['period_2']['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">Synthèse de la comparaison</h3>
    <div class="kpi-grid">
        <div class="kpi-row">
            <div class="kpi-card">
                <div class="kpi-label">Indicateurs en hausse</div>
                <div class="kpi-value">{{ $kpis['indicators_up']['value'] }}</div>
                <div class="kpi-delta delta-flat">{{ $kpis['indicators_up']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Variation moyenne</div>
                <div class="kpi-value">{{ $kpis['avg_variation']['value'] === null ? '—' : $fmtPct($kpis['avg_variation']['value']) }}</div>
                <div class="kpi-delta delta-flat">{{ $kpis['avg_variation']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Gain TCO</div>
                <div class="kpi-value">{{ $fmtNum($kpis['tco_gain']['value']) }}<span class="kpi-unit">{{ $kpis['tco_gain']['unit'] }}</span></div>
                <div class="kpi-delta delta-flat">{{ $kpis['tco_gain']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Impact financier</div>
                <div class="kpi-value">{{ $fmtNum($kpis['financial_impact']['value']) }}<span class="kpi-unit">{{ $kpis['financial_impact']['unit'] }}</span></div>
                <div class="kpi-delta delta-flat">{{ $kpis['financial_impact']['delta_label'] }}</div>
            </div>
        </div>
    </div>

    <h3 class="section-title">Évolution des KPIs clés sur la période</h3>
    @if (!empty($labels))
        <svg width="{{ $chartW }}" height="{{ $chartH }}" viewBox="0 0 {{ $chartW }} {{ $chartH }}" xmlns="http://www.w3.org/2000/svg" style="background: #F9FAFB; border: 1pt solid #E5E7EB; border-radius: 4pt;">
            <line x1="{{ $padX }}" y1="{{ $chartH - $padY }}" x2="{{ $chartW - $padX }}" y2="{{ $chartH - $padY }}" stroke="#D1D5DB" stroke-width="0.5" />

            @foreach ($polylines as $line)
                @if (count($line['points']) > 0)
                    @php
                        $polyline = implode(' ', array_map(fn ($p) => "{$p['x']},{$p['y']}", $line['points']));
                    @endphp
                    <polyline points="{{ $polyline }}" fill="none" stroke="{{ $line['color'] }}" stroke-width="2" />
                    @foreach ($line['points'] as $p)
                        <circle cx="{{ $p['x'] }}" cy="{{ $p['y'] }}" r="2.5" fill="{{ $line['color'] }}" />
                    @endforeach
                @endif
            @endforeach

            @foreach ($labels as $i => $lbl)
                @php $x = $padX + $i * $stepX; @endphp
                <text x="{{ $x }}" y="{{ $chartH - $padY + 12 }}" font-size="8" text-anchor="middle" fill="#6B7280">{{ $lbl }}</text>
            @endforeach
        </svg>
        <div style="margin-top: 4pt;">
            @foreach ($polylines as $line)
                <span style="font-size: 8.5pt; margin-right: 12pt;">
                    <span style="display:inline-block;width:14pt;height:2pt;background:{{ $line['color'] }};vertical-align:middle;margin-right:4pt;"></span>
                    {{ $line['label'] }}
                </span>
            @endforeach
        </div>
    @else
        <p style="color:#6B7280; font-style: italic;">Pas de données mensuelles disponibles.</p>
    @endif

    <h3 class="section-title">Tableau comparatif complet — {{ $meta['period_1']['label'] }} vs {{ $meta['period_2']['label'] }}</h3>
    @if (!empty($rows))
        <table class="data">
            <thead>
                <tr>
                    <th>Indicateur</th>
                    <th class="num">{{ $meta['period_1']['label'] }}</th>
                    <th class="num">{{ $meta['period_2']['label'] }}</th>
                    <th class="num">Évolution</th>
                    <th style="text-align:center;">Impact</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($rows as $r)
                    @php
                        $tone = $r['tone'] ?? 'neutral';
                        $bg   = $toneBg[$tone] ?? $toneBg['neutral'];
                        $fg   = $toneColor[$tone] ?? $toneColor['neutral'];
                    @endphp
                    <tr>
                        <td>{{ $r['indicator'] }}</td>
                        <td class="num">{{ $fmtUnit($r['period_1'], $r['unit']) }}</td>
                        <td class="num">{{ $fmtUnit($r['period_2'], $r['unit']) }}</td>
                        <td class="num">
                            <span style="color: {{ $fg }}; font-weight: 600;">{{ $fmtPct($r['delta_pct']) }}</span>
                        </td>
                        <td style="text-align: center;">
                            <span style="display:inline-block;background:{{ $bg }};color:{{ $fg }};font-size:9pt;padding:1pt 7pt;border-radius:999pt;font-weight:600;">{{ $arrowFor($r['direction']) }}</span>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    @else
        <p style="color:#6B7280; font-style: italic;">Aucun indicateur calculable.</p>
    @endif
@endsection