@extends('reports.pdf.layout')

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

@php
    $meta     = $data['meta'];
    $kpis     = $data['kpis'];
    $monthly  = $data['monthly'];
    $byEnergy = $data['by_energy'];
    $bySite   = $data['by_site'];

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

    $toneBg    = ['danger' => '#FEE2E2', 'warning' => '#FEF3C7', 'success' => '#D1FAE5', 'neutral' => '#F3F4F6'];
    $toneColor = ['danger' => '#991B1B', 'warning' => '#92400E', 'success' => '#065F46', 'neutral' => '#374151'];

    $barW = 320; $barH = 140; $barPadX = 28; $barPadY = 22;
    $maxV = 0;
    foreach ($monthly as $m) { $maxV = max($maxV, (float) $m['emissions'], (float) $m['objective']); }
    $maxV = max($maxV, 1);
    $barCount = count($monthly);
    $barSlot = $barCount > 0 ? ($barW - 2 * $barPadX) / $barCount : 0;
    $barWidth = $barSlot * 0.55;

    $maxEnergy = 0;
    foreach ($byEnergy as $b) { $maxEnergy = max($maxEnergy, (float) $b['co2_t']); }
    $maxEnergy = max($maxEnergy, 1);
@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">Émissions totales</div>
                <div class="kpi-value">{{ $fmtNum($kpis['total_emissions']['value']) }}<span class="kpi-unit">{{ $kpis['total_emissions']['unit'] }}</span></div>
                <div class="kpi-delta delta-flat">{{ $kpis['total_emissions']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Émissions moyennes</div>
                <div class="kpi-value">{{ $kpis['avg_emissions']['value'] !== null ? number_format($kpis['avg_emissions']['value'], 0, ',', ' ') : '—' }}<span class="kpi-unit">{{ $kpis['avg_emissions']['unit'] }}</span></div>
                <div class="kpi-delta delta-flat">{{ $kpis['avg_emissions']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Projection 2026</div>
                <div class="kpi-value">{{ $fmtNum($kpis['projection_2026']['value']) }}<span class="kpi-unit">{{ $kpis['projection_2026']['unit'] }}</span></div>
                <div class="kpi-delta delta-flat">{{ $kpis['projection_2026']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">CO₂ évité</div>
                <div class="kpi-value">{{ $fmtNum($kpis['co2_avoided']['value']) }}<span class="kpi-unit">{{ $kpis['co2_avoided']['unit'] }}</span></div>
                <div class="kpi-delta delta-up">{{ $kpis['co2_avoided']['delta_label'] }}</div>
            </div>
        </div>
    </div>

    <div class="two-col" style="margin-top: 12pt;">
        <div class="col">
            <h3 class="section-title">Émissions CO₂ vs objectif (T/mois)</h3>
            @if ($maxV > 0)
                <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 ($monthly as $i => $m)
                        @php
                            $h = $maxV > 0 ? (($m['emissions'] / $maxV) * ($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="#3B82F6" rx="2" />
                        <text x="{{ $x + $barWidth / 2 }}" y="{{ $y - 3 }}" font-size="7" text-anchor="middle" fill="#374151">{{ number_format($m['emissions'], 1, ',', ' ') }}</text>
                        <text x="{{ $x + $barWidth / 2 }}" y="{{ $barH - $barPadY + 12 }}" font-size="7.5" text-anchor="middle" fill="#6B7280">{{ $m['label'] }}</text>
                    @endforeach
                    @php
                        $objY = $barH - $barPadY - ($maxV > 0 ? (($monthly[0]['objective'] ?? 0) / $maxV) * ($barH - 2 * $barPadY) : 0);
                    @endphp
                    <line x1="{{ $barPadX }}" y1="{{ $objY }}" x2="{{ $barW - $barPadX }}" y2="{{ $objY }}" stroke="#9CA3AF" stroke-width="1" stroke-dasharray="4 3" />
                </svg>
            @else
                <p style="color:#6B7280; font-style: italic;">Pas de données.</p>
            @endif
        </div>
        <div class="col">
            <h3 class="section-title">Émissions par énergie</h3>
            @if ($maxEnergy > 0)
                @foreach ($byEnergy as $b)
                    @php $pct = $maxEnergy > 0 ? ($b['co2_t'] / $maxEnergy) * 100 : 0; @endphp
                    <div style="margin-bottom: 6pt;">
                        <div style="font-size: 9pt;"><strong>{{ $b['label'] }}</strong> — {{ number_format($b['co2_t'], 1, ',', ' ') }} T <span style="color:#6B7280;">({{ $b['count'] }} véh. · {{ $b['g_km'] }} g/km)</span></div>
                        <div style="background: #F3F4F6; border-radius: 2pt; height: 7pt; margin-top: 2pt;">
                            <div style="width: {{ $pct }}%; background: {{ $b['color'] }}; height: 7pt; border-radius: 2pt;"></div>
                        </div>
                    </div>
                @endforeach
            @else
                <p style="color:#6B7280; font-style: italic;">Pas de données.</p>
            @endif
        </div>
    </div>

    <h3 class="section-title">Émissions CO₂ par site</h3>
    @if (!empty($bySite))
        <table class="data">
            <tr>
                <th>Site</th>
                <th class="num">CO₂ total (T)</th>
                <th class="num">Émissions moy. (g/km)</th>
                <th>Statut</th>
            </tr>
            @foreach ($bySite as $r)
                @php
                    $tone = $r['status']['tone'] ?? 'neutral';
                    $bg = $toneBg[$tone]; $fg = $toneColor[$tone];
                @endphp
                <tr>
                    <td>{{ $r['site'] }}</td>
                    <td class="num">{{ number_format($r['co2_t'], 1, ',', ' ') }}</td>
                    <td class="num">{{ $r['avg_g_km'] }}</td>
                    <td><span style="display: inline-block; padding: 1pt 6pt; border-radius: 999pt; background: {{ $bg }}; color: {{ $fg }}; font-size: 7.5pt; font-weight: 600;">{{ $r['status']['label'] ?? '' }}</span></td>
                </tr>
            @endforeach
        </table>
    @else
        <p style="color:#6B7280; font-style: italic;">Aucun site avec données.</p>
    @endif
@endsection