@extends('reports.pdf.layout')

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

@php
    $meta       = $data['meta'];
    $kpis       = $data['kpis'];
    $trajectory = $data['trajectory'];
    $objectives = $data['objectives'];
    $actions    = $data['actions'];

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

    $lineW = 320; $lineH = 160; $linePadX = 30; $linePadY = 22;
    $maxV = 0;
    foreach ($trajectory as $t) {
        if ($t['real']      !== null) $maxV = max($maxV, (float) $t['real']);
        if ($t['target']    !== null) $maxV = max($maxV, (float) $t['target']);
        if ($t['projection']!== null) $maxV = max($maxV, (float) $t['projection']);
    }
    $maxV = max($maxV, 1);
    $minV = 300;
    $lineSlot = count($trajectory) > 1 ? ($lineW - 2 * $linePadX) / (count($trajectory) - 1) : 0;

    $valueY = function ($v) use ($lineH, $linePadY, $maxV, $minV) {
        if ($v === null) return null;
        $range = $maxV - $minV;
        if ($range <= 0) return $lineH - $linePadY;
        return $lineH - $linePadY - ((($v - $minV) / $range) * ($lineH - 2 * $linePadY));
    };
@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">Avancement obj. 2026</div>
                <div class="kpi-value">{{ $kpis['progress_2026']['value'] }}<span class="kpi-unit">{{ $kpis['progress_2026']['unit'] }}</span></div>
                <div class="kpi-delta delta-flat">{{ $kpis['progress_2026']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Trajectoire CO₂</div>
                <div class="kpi-value" style="font-size: 14pt;">{{ $kpis['co2_trajectory']['value'] }}</div>
                <div class="kpi-delta delta-up">{{ $kpis['co2_trajectory']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Risque non-atteinte</div>
                <div class="kpi-value">{{ $kpis['at_risk_objectives']['value'] }}<span class="kpi-unit">{{ $kpis['at_risk_objectives']['unit'] }}</span></div>
                <div class="kpi-delta delta-flat">{{ $kpis['at_risk_objectives']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Actions correctives</div>
                <div class="kpi-value">{{ $kpis['corrective_actions']['value'] }}<span class="kpi-unit">{{ $kpis['corrective_actions']['unit'] }}</span></div>
                <div class="kpi-delta delta-flat">{{ $kpis['corrective_actions']['delta_label'] }}</div>
            </div>
        </div>
    </div>

    <div class="two-col" style="margin-top: 12pt;">
        <div class="col">
            <h3 class="section-title">Trajectoire CO₂ scope 1 — réel vs cible vs projection</h3>
            <svg width="{{ $lineW }}" height="{{ $lineH }}" viewBox="0 0 {{ $lineW }} {{ $lineH }}" xmlns="http://www.w3.org/2000/svg" style="background: #F9FAFB; border: 1pt solid #E5E7EB; border-radius: 4pt;">
                <line x1="{{ $linePadX }}" y1="{{ $lineH - $linePadY }}" x2="{{ $lineW - $linePadX }}" y2="{{ $lineH - $linePadY }}" stroke="#D1D5DB" stroke-width="0.5"/>
                @php
                    $prevReal = null; $prevTarget = null; $prevProj = null;
                @endphp
                @foreach ($trajectory as $i => $t)
                    @php
                        $x = $linePadX + $i * $lineSlot;
                        $yR = $valueY($t['real']);
                        $yT = $valueY($t['target']);
                        $yP = $valueY($t['projection']);
                    @endphp
                    @if ($prevReal !== null && $yR !== null)
                        <line x1="{{ $prevReal['x'] }}" y1="{{ $prevReal['y'] }}" x2="{{ $x }}" y2="{{ $yR }}" stroke="#3B82F6" stroke-width="2" />
                    @endif
                    @if ($prevTarget !== null && $yT !== null)
                        <line x1="{{ $prevTarget['x'] }}" y1="{{ $prevTarget['y'] }}" x2="{{ $x }}" y2="{{ $yT }}" stroke="#9CA3AF" stroke-width="1.5" stroke-dasharray="4 3" />
                    @endif
                    @if ($prevProj !== null && $yP !== null)
                        <line x1="{{ $prevProj['x'] }}" y1="{{ $prevProj['y'] }}" x2="{{ $x }}" y2="{{ $yP }}" stroke="#10B981" stroke-width="2" stroke-dasharray="2 2" />
                    @endif
                    @if ($yR !== null) <circle cx="{{ $x }}" cy="{{ $yR }}" r="2.5" fill="#3B82F6" /> @endif
                    @if ($yT !== null) <circle cx="{{ $x }}" cy="{{ $yT }}" r="2.5" fill="#9CA3AF" /> @endif
                    @if ($yP !== null) <circle cx="{{ $x }}" cy="{{ $yP }}" r="2.5" fill="#10B981" /> @endif
                    <text x="{{ $x }}" y="{{ $lineH - $linePadY + 12 }}" font-size="6.5" text-anchor="middle" fill="#6B7280">{{ $t['label'] }}</text>
                    @php
                        if ($yR !== null) $prevReal   = ['x' => $x, 'y' => $yR];
                        if ($yT !== null) $prevTarget = ['x' => $x, 'y' => $yT];
                        if ($yP !== null) $prevProj   = ['x' => $x, 'y' => $yP];
                    @endphp
                @endforeach
            </svg>
            <div style="font-size: 8pt; color: #6B7280; margin-top: 3pt;">
                <span style="display:inline-block;width:7pt;height:7pt;background:#3B82F6;border-radius:1pt;margin-right:5pt;"></span>Réel
                <span style="display:inline-block;width:7pt;height:7pt;background:#9CA3AF;border-radius:1pt;margin:0 5pt 0 12pt;"></span>Cible
                <span style="display:inline-block;width:7pt;height:7pt;background:#10B981;border-radius:1pt;margin:0 5pt 0 12pt;"></span>Projection
            </div>
        </div>
        <div class="col">
            <h3 class="section-title">Avancement des objectifs climatiques</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">Actions correctives planifiées</h3>
    <table class="data">
        <tr>
            <th>Action</th>
            <th>Impact attendu</th>
            <th class="num">Coût</th>
            <th class="num">Échéance</th>
        </tr>
        @foreach ($actions as $a)
            <tr>
                <td>{{ $a['action'] }}</td>
                <td>{{ $a['impact'] }}</td>
                <td class="num">{{ $a['cost'] }}</td>
                <td class="num">{{ $a['deadline'] }}</td>
            </tr>
        @endforeach
    </table>
@endsection