@extends('reports.pdf.layout')

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

@php
    $meta         = $data['meta'];
    $kpis         = $data['kpis'];
    $evolution    = $data['evolution'];
    $distribution = $data['distribution'];
    $impact       = $data['impact'];

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

    $barW = 320; $barH = 140; $barPadX = 28; $barPadY = 22;

    // Evolution bars.
    $maxE = 100;
    $barCount = count($evolution);
    $barSlot = $barCount > 0 ? ($barW - 2 * $barPadX) / $barCount : 0;
    $barWidth = $barSlot * 0.55;

    // Distribution bars.
    $maxD = 0;
    foreach ($distribution as $d) { $maxD = max($maxD, (int) $d['value']); }
    $maxD = max($maxD, 1);
    $bcD = count($distribution);
    $bsD = $bcD > 0 ? ($barW - 2 * $barPadX) / $bcD : 0;
    $bwD = $bsD * 0.55;
@endphp

@section('content')
    <div class="header-band" style="background-color: #10B981;">
        <div class="eyebrow">DADYCAR FLEET MANAGER</div>
        <h1 class="title">{{ $meta['title'] }}</h1>
        <div class="meta">
            <span class="badge">Durabilité ESG</span>
            <span class="badge">{{ $meta['code'] }}</span>
            Période : {{ $meta['period']['label'] }} · {{ $meta['site_label'] }} ·
            {{ $meta['total_drivers'] }} conducteurs ·
            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">Score moyen</div>
                <div class="kpi-value">{{ $kpis['avg_eco_score']['value'] }}</div>
                <div class="kpi-delta delta-flat">{{ $kpis['avg_eco_score']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Conducteurs &lt; 60</div>
                <div class="kpi-value">{{ $kpis['low_score_drivers']['value'] }}</div>
                <div class="kpi-delta delta-down">{{ $kpis['low_score_drivers']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Carburant économisé</div>
                <div class="kpi-value">{{ $fmtNum($kpis['fuel_saved']['value']) }}<span class="kpi-unit">{{ $kpis['fuel_saved']['unit'] }}</span></div>
                <div class="kpi-delta delta-up">{{ $kpis['fuel_saved']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">CO₂ évité</div>
                <div class="kpi-value">{{ $kpis['co2_avoided_eco']['value'] !== null ? number_format($kpis['co2_avoided_eco']['value'], 1, ',', ' ') : '—' }}<span class="kpi-unit">{{ $kpis['co2_avoided_eco']['unit'] }}</span></div>
                <div class="kpi-delta delta-up">{{ $kpis['co2_avoided_eco']['delta_label'] }}</div>
            </div>
        </div>
    </div>

    <div class="two-col" style="margin-top: 12pt;">
        <div class="col">
            <h3 class="section-title">Évolution du score éco-conduite vs objectif</h3>
            <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;">
                <line x1="{{ $barPadX }}" y1="{{ $barH - $barPadY }}" x2="{{ $barW - $barPadX }}" y2="{{ $barH - $barPadY }}" stroke="#D1D5DB" stroke-width="0.5"/>
                @foreach ($evolution as $i => $e)
                    @php
                        $h = $maxE > 0 ? (($e['score'] / $maxE) * ($barH - 2 * $barPadY)) : 0;
                        $x = $barPadX + $i * $barSlot + ($barSlot - $barWidth) / 2;
                        $y = $barH - $barPadY - $h;
                    @endphp
                    <rect x="{{ $x }}" y="{{ $y }}" width="{{ $barWidth }}" height="{{ $h }}" fill="#10B981" rx="2" />
                    <text x="{{ $x + $barWidth / 2 }}" y="{{ $y - 3 }}" font-size="7" text-anchor="middle" fill="#374151">{{ $e['score'] }}</text>
                    <text x="{{ $x + $barWidth / 2 }}" y="{{ $barH - $barPadY + 12 }}" font-size="7.5" text-anchor="middle" fill="#6B7280">{{ $e['label'] }}</text>
                @endforeach
                @php
                    $objY = $barH - $barPadY - (($evolution[0]['objective'] ?? 85) / $maxE) * ($barH - 2 * $barPadY);
                @endphp
                <line x1="{{ $barPadX }}" y1="{{ $objY }}" x2="{{ $barW - $barPadX }}" y2="{{ $objY }}" stroke="#9CA3AF" stroke-width="1" stroke-dasharray="4 3" />
            </svg>
        </div>
        <div class="col">
            <h3 class="section-title">Distribution des scores</h3>
            <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;">
                <line x1="{{ $barPadX }}" y1="{{ $barH - $barPadY }}" x2="{{ $barW - $barPadX }}" y2="{{ $barH - $barPadY }}" stroke="#D1D5DB" stroke-width="0.5"/>
                @foreach ($distribution as $i => $d)
                    @php
                        $h = $maxD > 0 ? (($d['value'] / $maxD) * ($barH - 2 * $barPadY)) : 0;
                        $x = $barPadX + $i * $bsD + ($bsD - $bwD) / 2;
                        $y = $barH - $barPadY - $h;
                        $color = $d['label'] === '<60' ? '#EF4444' : ($d['label'] === '90-100' ? '#10B981' : '#3B82F6');
                    @endphp
                    <rect x="{{ $x }}" y="{{ $y }}" width="{{ $bwD }}" height="{{ $h }}" fill="{{ $color }}" rx="2" />
                    <text x="{{ $x + $bwD / 2 }}" y="{{ $y - 3 }}" font-size="7" text-anchor="middle" fill="#374151">{{ $d['value'] }}</text>
                    <text x="{{ $x + $bwD / 2 }}" y="{{ $barH - $barPadY + 12 }}" font-size="7" text-anchor="middle" fill="#6B7280">{{ $d['label'] }}</text>
                @endforeach
            </svg>
        </div>
    </div>

    <h3 class="section-title">Impact environnemental et financier (mensuel)</h3>
    <table class="data">
        <tr>
            <th>Indicateur</th>
            <th class="num">Valeur</th>
        </tr>
        @foreach ($impact as $r)
            <tr>
                <td>{{ $r['metric'] }}</td>
                <td class="num">{{ $r['value'] }}</td>
            </tr>
        @endforeach
    </table>
@endsection