@extends('reports.pdf.layout')

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

@php
    $meta = $data['meta'];
    $kpis = $data['kpis'];
    $series = $data['monthly_series'];
    $perSite = $data['per_site'];
    $perEnergy = $data['per_energy'];

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

    // 6-month line chart.
    $chartW = 480; $chartH = 140; $padX = 30; $padY = 18;
    $values = array_filter(array_map(fn ($r) => $r['cost_per_100km'], $series), fn ($v) => $v !== null);
    $minV = !empty($values) ? min($values) : 0;
    $maxV = !empty($values) ? max($values) : 1;
    if ($minV === $maxV) { $maxV = $minV + 1; }
    $stepX = count($series) > 1 ? ($chartW - 2 * $padX) / (count($series) - 1) : 0;
    $points = [];
    foreach ($series as $i => $r) {
        if ($r['cost_per_100km'] === null) continue;
        $x = $padX + $i * $stepX;
        $y = $chartH - $padY - (($r['cost_per_100km'] - $minV) / ($maxV - $minV)) * ($chartH - 2 * $padY);
        $points[] = ['x' => $x, 'y' => $y, 'label' => $r['label'], 'value' => $r['cost_per_100km']];
    }
    $polyline = implode(' ', array_map(fn ($p) => "{$p['x']},{$p['y']}", $points));

    // Per-energy bars.
    $eBarW = 320; $eBarH = 130; $eBarPadX = 30; $eBarPadY = 18;
    $eVals = array_map(fn ($r) => (float) ($r['value'] ?? 0), $perEnergy);
    $eMax  = !empty($eVals) ? max($eVals + [1]) : 1;
    $eSlot = ($eBarW - 2 * $eBarPadX) / max(1, count($perEnergy));
    $eW = $eSlot * 0.55;
    $eColors = ['#3B82F6', '#F59E0B', '#10B981'];

    $maxSiteCost = !empty($perSite) ? max(array_filter(array_column($perSite, 'cost_per_100km'), fn ($v) => $v !== null) ?: [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">Dépenses & Coûts</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">Coût moyen / 100 km</div>
                <div class="kpi-value">{{ $fmtFloat($kpis['avg_cost_100km']['value']) }}</div>
                <div class="kpi-delta delta-flat">{{ $kpis['avg_cost_100km']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Objectif annuel</div>
                <div class="kpi-value">{{ $fmtFloat($kpis['annual_target']['value']) }}</div>
                <div class="kpi-delta delta-flat">{{ $kpis['annual_target']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Électrique vs Thermique</div>
                <div class="kpi-value">{{ $fmtNum($kpis['ev_vs_ice']['value']) }}<span class="kpi-unit">{{ $kpis['ev_vs_ice']['unit'] }}</span></div>
                <div class="kpi-delta delta-flat">{{ $kpis['ev_vs_ice']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Km totaux parcourus</div>
                <div class="kpi-value">{{ $fmtNum($kpis['total_km']['value']) }}<span class="kpi-unit">{{ $kpis['total_km']['unit'] }}</span></div>
                <div class="kpi-delta delta-flat">{{ $kpis['total_km']['delta_label'] }}</div>
            </div>
        </div>
    </div>

    <div class="two-col" style="margin-top: 12pt;">
        <div class="col">
            <h3 class="section-title">Évolution du coût (6 mois)</h3>
            @if (!empty($points))
                <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"/>
                    <polyline points="{{ $polyline }}" fill="none" stroke="#3B82F6" stroke-width="2" />
                    @foreach ($points as $p)
                        <circle cx="{{ $p['x'] }}" cy="{{ $p['y'] }}" r="3" fill="#3B82F6" />
                        <text x="{{ $p['x'] }}" y="{{ $chartH - $padY + 12 }}" font-size="8" text-anchor="middle" fill="#6B7280">{{ $p['label'] }}</text>
                        <text x="{{ $p['x'] }}" y="{{ $p['y'] - 6 }}" font-size="7" text-anchor="middle" fill="#374151">{{ number_format($p['value'], 1, ',', ' ') }}</text>
                    @endforeach
                </svg>
            @else
                <p style="color:#6B7280; font-style: italic;">Pas de mesure pour la période.</p>
            @endif
        </div>
        <div class="col">
            <h3 class="section-title">Coût au km par site</h3>
            @if (!empty($perSite))
                @foreach ($perSite as $r)
                    @php
                        $w = $maxSiteCost > 0 ? min(180, ($r['cost_per_100km'] ?? 0) / $maxSiteCost * 180) : 0;
                    @endphp
                    <div style="display: table; width: 100%; padding: 4pt 0; border-bottom: 0.5pt solid #F3F4F6;">
                        <div style="display: table-cell; width: 35%; vertical-align: middle;">
                            <div style="font-size: 9pt; font-weight: 600;">{{ $r['site'] }}</div>
                            <div style="font-size: 7.5pt; color: #6B7280;">{{ number_format((float) $r['total_km'], 0, ',', ' ') }} km · {{ $r['vehicles'] }} véh.</div>
                        </div>
                        <div style="display: table-cell; vertical-align: middle;">
                            <div style="background: #F59E0B; height: 9pt; width: {{ $w }}pt; border-radius: 2pt;"></div>
                        </div>
                        <div style="display: table-cell; width: 22%; vertical-align: middle; text-align: right; font-size: 9pt; font-weight: 600;">
                            {{ $fmtFloat($r['cost_per_100km']) }}
                        </div>
                    </div>
                @endforeach
            @else
                <p style="color:#6B7280; font-style: italic;">Aucun site avec données pour la période.</p>
            @endif
        </div>
    </div>

    <h3 class="section-title">Coût au km par énergie</h3>
    @if (array_sum($eVals) > 0)
        <svg width="{{ $eBarW }}" height="{{ $eBarH }}" viewBox="0 0 {{ $eBarW }} {{ $eBarH }}" xmlns="http://www.w3.org/2000/svg" style="background: #F9FAFB; border: 1pt solid #E5E7EB; border-radius: 4pt;">
            <line x1="{{ $eBarPadX }}" y1="{{ $eBarH - $eBarPadY }}" x2="{{ $eBarW - $eBarPadX }}" y2="{{ $eBarH - $eBarPadY }}" stroke="#D1D5DB" stroke-width="0.5"/>
            @foreach ($perEnergy as $i => $e)
                @php
                    $h = $eMax > 0 ? (($e['value'] ?? 0) / $eMax) * ($eBarH - 2 * $eBarPadY) : 0;
                    $x = $eBarPadX + $i * $eSlot + ($eSlot - $eW) / 2;
                    $y = $eBarH - $eBarPadY - $h;
                @endphp
                <rect x="{{ $x }}" y="{{ $y }}" width="{{ $eW }}" height="{{ $h }}" fill="{{ $eColors[$i] ?? '#3B82F6' }}" rx="2" />
                <text x="{{ $x + $eW / 2 }}" y="{{ $y - 4 }}" font-size="8" text-anchor="middle" fill="#374151">{{ $e['value'] !== null ? number_format($e['value'], 1, ',', ' ') . ' €' : '—' }}</text>
                <text x="{{ $x + $eW / 2 }}" y="{{ $eBarH - $eBarPadY + 12 }}" font-size="8" text-anchor="middle" fill="#6B7280">{{ $e['label'] }}</text>
            @endforeach
        </svg>
    @else
        <p style="color:#6B7280; font-style: italic;">Pas assez de données par type d'énergie.</p>
    @endif
@endsection