@extends('reports.pdf.layout')

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

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

    $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 '—';
        return number_format((float) $v, 1, ',', ' ') . ' %';
    };
    $fmtDelta = function ($v) {
        if ($v === null) return null;
        $sign = $v > 0 ? '+' : '';
        return $sign . number_format((float) $v, 1, ',', ' ') . ' %';
    };
    $deltaClass = function ($v, bool $maximize = true) {
        if ($v === null || $v == 0) return 'delta-flat';
        $up = $v > 0;
        return ($up === $maximize) ? 'delta-up' : 'delta-down';
    };

    // ── Grouped bar chart geometry ─────────────────────────────────────
    // We render the bar chart as a fixed-size SVG (wkhtmltopdf 0.12.x).
    // Each site gets one group of N bars, one bar per series.
    $barW = 540; $barH = 200; $barPadX = 36; $barPadY = 28;
    $siteCount   = max(count($chart['labels']), 1);
    $seriesCount = max(count($chart['series']), 1);
    $groupWidth  = ($barW - 2 * $barPadX) / $siteCount;
    $barWidth    = $groupWidth / ($seriesCount + 1);

    // Each series gets its own scale so different units coexist.
    $seriesScales = [];
    foreach ($chart['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; }
        $seriesScales[$s['key']] = ['min' => 0, 'max' => $max * 1.1];
    }
@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 : {{ $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 de performance par site</h3>
    <div class="kpi-grid">
        <div class="kpi-row">
            <div class="kpi-card">
                <div class="kpi-label">Meilleur site</div>
                <div class="kpi-value" style="font-size: 14pt;">{{ $kpis['best_site']['value'] }}</div>
                <div class="kpi-delta delta-flat">{{ $kpis['best_site']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Site à améliorer</div>
                <div class="kpi-value" style="font-size: 14pt;">{{ $kpis['worst_site']['value'] }}</div>
                <div class="kpi-delta delta-flat">{{ $kpis['worst_site']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Écart TCO maximal</div>
                <div class="kpi-value">{{ $fmtNum($kpis['tco_gap']['value']) }}<span class="kpi-unit">{{ $kpis['tco_gap']['unit'] }}</span></div>
                <div class="kpi-delta delta-flat">{{ $kpis['tco_gap']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Sites dans l'objectif</div>
                <div class="kpi-value">{{ $kpis['sites_target']['value'] }}</div>
                <div class="kpi-delta delta-flat">{{ $kpis['sites_target']['delta_label'] }}</div>
            </div>
        </div>
    </div>

    <h3 class="section-title">Comparaison multi-indicateurs par site</h3>
    @if (!empty($chart['labels']))
        <svg width="{{ $barW }}" height="{{ $barH }}" viewBox="0 0 {{ $barW }} {{ $barH }}" xmlns="http://www.w3.org/2000/svg" style="background: #F9FAFB; border: 1pt solid #E5E7EB; border-radius: 4pt;">
            {{-- baseline --}}
            <line x1="{{ $barPadX }}" y1="{{ $barH - $barPadY }}" x2="{{ $barW - $barPadX }}" y2="{{ $barH - $barPadY }}" stroke="#D1D5DB" stroke-width="0.5" />

            @foreach ($chart['labels'] as $i => $label)
                @php
                    $groupX = $barPadX + $i * $groupWidth;
                    $labelX = $groupX + $groupWidth / 2;
                @endphp

                @foreach ($chart['series'] as $j => $s)
                    @php
                        $val = $s['data'][$i] ?? null;
                        $scale = $seriesScales[$s['key']];
                        $h = ($val !== null) ? (($val - $scale['min']) / ($scale['max'] - $scale['min'])) * ($barH - 2 * $barPadY) : 0;
                        if ($h < 0) $h = 0;
                        $x = $groupX + ($j + 0.5) * $barWidth;
                        $y = $barH - $barPadY - $h;
                    @endphp
                    @if ($val !== null)
                        <rect x="{{ $x }}" y="{{ $y }}" width="{{ max($barWidth - 2, 1) }}" height="{{ max($h, 0.5) }}" fill="{{ $s['color'] }}" />
                        <text x="{{ $x + ($barWidth - 2) / 2 }}" y="{{ $y - 2 }}" font-size="6.5" text-anchor="middle" fill="#374151">{{ is_numeric($val) ? number_format((float) $val, 0, ',', ' ') : $val }}</text>
                    @endif
                @endforeach

                <text x="{{ $labelX }}" y="{{ $barH - $barPadY + 12 }}" font-size="8" text-anchor="middle" fill="#6B7280">{{ $label }}</text>
            @endforeach
        </svg>
        <div style="margin-top: 4pt;">
            @foreach ($chart['series'] as $s)
                <span style="font-size: 8.5pt; margin-right: 12pt;">
                    <span style="display:inline-block;width:8pt;height:8pt;background:{{ $s['color'] }};border-radius:1pt;margin-right:4pt;"></span>
                    {{ $s['label'] }}
                </span>
            @endforeach
        </div>
    @else
        <p style="color:#6B7280; font-style: italic;">Aucun site disponible pour la comparaison.</p>
    @endif

    <h3 class="section-title">Tableau de bord détaillé par site</h3>
    @if (!empty($rows))
        <table class="data">
            <thead>
                <tr>
                    <th>Site</th>
                    <th class="num">Véhicules</th>
                    <th class="num">TCO moy.</th>
                    <th class="num">Δ TCO</th>
                    <th class="num">Disponibilité</th>
                    <th class="num">Sinistres</th>
                    <th class="num">Conformité</th>
                    <th>Score conduite</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($rows as $r)
                    <tr>
                        <td>{{ $r['site'] }}</td>
                        <td class="num">{{ $r['vehicles'] }}</td>
                        <td class="num">{{ $fmtNum($r['tco'], '€') }}</td>
                        <td class="num">
                            @if ($r['tco_delta'] !== null)
                                <span class="{{ $deltaClass($r['tco_delta'], false) }}">{{ $fmtDelta($r['tco_delta']) }}</span>
                            @else
                                <span class="delta-flat">—</span>
                            @endif
                        </td>
                        <td class="num">{{ $fmtPct($r['availability']) }}</td>
                        <td class="num">{{ $r['claims'] }}</td>
                        <td class="num">{{ $fmtPct($r['compliance']) }}</td>
                        <td>{{ $r['eco_score'] === null ? 'À venir' : $r['eco_score'] }}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    @else
        <p style="color:#6B7280; font-style: italic;">Aucune donnée site sur la période.</p>
    @endif
@endsection