@extends('reports.pdf.layout')

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

@php
    $meta        = $data['meta'];
    $kpis        = $data['kpis'];
    $progression = $data['progression'];
    $objectives  = $data['objectives'];
    $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);
    };

    // Stacked bar geometry.
    $barW = 320; $barH = 160; $barPadX = 28; $barPadY = 22;
    $maxV = 0;
    foreach ($progression as $p) { $maxV = max($maxV, $p['thermique'] + $p['hybride'] + $p['electrique']); }
    $maxV = max($maxV, 1);
    $barCount = count($progression);
    $barSlot = $barCount > 0 ? ($barW - 2 * $barPadX) / $barCount : 0;
    $barWidth = $barSlot * 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_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">VE</div>
                <div class="kpi-value">{{ $kpis['electric_count']['value'] }}<span class="kpi-unit">{{ $kpis['electric_count']['unit'] }}</span></div>
                <div class="kpi-delta delta-up">{{ $kpis['electric_count']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Hybrides</div>
                <div class="kpi-value">{{ $kpis['hybrid_count']['value'] }}<span class="kpi-unit">{{ $kpis['hybrid_count']['unit'] }}</span></div>
                <div class="kpi-delta delta-flat">{{ $kpis['hybrid_count']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Objectif 2026</div>
                <div class="kpi-value">{{ $kpis['target_2026']['value'] }}<span class="kpi-unit">{{ $kpis['target_2026']['unit'] }}</span></div>
                <div class="kpi-delta delta-flat">{{ $kpis['target_2026']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Prochaine livraison</div>
                <div class="kpi-value">{{ $kpis['next_delivery']['value'] }}<span class="kpi-unit">{{ $kpis['next_delivery']['unit'] }}</span></div>
                <div class="kpi-delta delta-flat">{{ $kpis['next_delivery']['delta_label'] }}</div>
            </div>
        </div>
    </div>

    <div class="two-col" style="margin-top: 12pt;">
        <div class="col">
            <h3 class="section-title">Progression de l'électrification</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 ($progression as $i => $p)
                    @php
                        $hT = ($p['thermique'] / $maxV) * ($barH - 2 * $barPadY);
                        $hH = ($p['hybride']   / $maxV) * ($barH - 2 * $barPadY);
                        $hE = ($p['electrique']/ $maxV) * ($barH - 2 * $barPadY);
                        $x = $barPadX + $i * $barSlot + ($barSlot - $barWidth) / 2;
                        $yT = $barH - $barPadY - $hT;
                        $yH = $yT - $hH;
                        $yE = $yH - $hE;
                    @endphp
                    <rect x="{{ $x }}" y="{{ $yT }}" width="{{ $barWidth }}" height="{{ $hT }}" fill="#6B7280" />
                    <rect x="{{ $x }}" y="{{ $yH }}" width="{{ $barWidth }}" height="{{ $hH }}" fill="#F59E0B" />
                    <rect x="{{ $x }}" y="{{ $yE }}" width="{{ $barWidth }}" height="{{ $hE }}" fill="#10B981" />
                    <text x="{{ $x + $barWidth / 2 }}" y="{{ $barH - $barPadY + 12 }}" font-size="6.5" text-anchor="middle" fill="#6B7280">{{ $p['label'] }}</text>
                @endforeach
            </svg>
            <div style="font-size: 8pt; color: #6B7280; margin-top: 3pt;">
                <span style="display:inline-block;width:7pt;height:7pt;background:#6B7280;border-radius:1pt;margin-right:5pt;"></span>Thermique
                <span style="display:inline-block;width:7pt;height:7pt;background:#F59E0B;border-radius:1pt;margin:0 5pt 0 12pt;"></span>Hybride
                <span style="display:inline-block;width:7pt;height:7pt;background:#10B981;border-radius:1pt;margin:0 5pt 0 12pt;"></span>Électrique
            </div>
        </div>
        <div class="col">
            <h3 class="section-title">Objectifs d'électrification</h3>
            @foreach ($objectives as $o)
                <div style="margin-bottom: 6pt;">
                    <div style="font-size: 9pt;"><strong>{{ $o['label'] }}</strong></div>
                    <div style="font-size: 7.5pt; color:#6B7280;">{{ $o['value'] }} — {{ $o['meta'] }}</div>
                    <div style="background: #F3F4F6; border-radius: 2pt; height: 7pt; margin-top: 2pt;">
                        <div style="width: {{ min(100, $o['percent']) }}%; background: {{ $o['color'] }}; height: 7pt; border-radius: 2pt;"></div>
                    </div>
                </div>
            @endforeach
        </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