@extends('reports.pdf.layout')

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

@php
    $meta       = $data['meta'];
    $kpis       = $data['kpis_quarter'];
    $series     = $data['monthly_series'];
    $ranking    = $data['site_ranking'] ?? [];
    $objectives = $data['objectives']   ?? [];

    $fmtNum = function ($v, $unit = '') {
        if ($v === null) return '—';
        $s = is_numeric($v) ? number_format((float) $v, 0, ',', ' ') : (string) $v;
        return trim($s . ' ' . $unit);
    };
    $fmtDelta = function ($v, $unit = '%') {
        if ($v === null) return null;
        $sign = $v > 0 ? '+' : '';
        return $sign . number_format((float) $v, 1, ',', ' ') . $unit;
    };
    $deltaClass = function ($v, bool $maximize = true) {
        if ($v === null || $v == 0) return 'delta-flat';
        $up = $v > 0;
        return ($up === $maximize) ? 'delta-up' : 'delta-down';
    };

    // Multi-axis line chart geometry. Two axes : TCO (left, €) and
    // dispo + eco (right, %). Single SVG, fixed pixel size — wkhtmltopdf
    // 0.12.x renders width="100%" SVGs at 0×0.
    $chartW = 540; $chartH = 200; $padX = 42; $padY = 24;

    $tcoVals = array_filter(array_map(fn ($r) => $r['tco'], $series), fn ($v) => $v !== null);
    $rightVals = [];
    foreach ($series as $r) {
        if ($r['availability'] !== null) $rightVals[] = $r['availability'];
        if ($r['eco_score']    !== null) $rightVals[] = $r['eco_score'];
    }

    $minL = !empty($tcoVals)    ? min($tcoVals) : 0;
    $maxL = !empty($tcoVals)    ? max($tcoVals) : 1;
    if ($minL === $maxL) { $maxL = $minL + 1; }
    $minL = max(0, $minL - ($maxL - $minL) * 0.1);
    $maxL = $maxL + ($maxL - $minL) * 0.1;

    $minR = 0;
    $maxR = 100;

    $count  = count($series);
    $stepX  = $count > 1 ? ($chartW - 2 * $padX) / ($count - 1) : 0;

    $coords = function ($i, $value, $axis) use ($padX, $padY, $stepX, $chartH, $minL, $maxL, $minR, $maxR) {
        $x = $padX + $i * $stepX;
        if ($value === null) return null;
        if ($axis === 'left') {
            $y = $chartH - $padY - (($value - $minL) / ($maxL - $minL)) * ($chartH - 2 * $padY);
        } else {
            $y = $chartH - $padY - (($value - $minR) / ($maxR - $minR)) * ($chartH - 2 * $padY);
        }
        return ['x' => $x, 'y' => $y];
    };

    $seriesDefs = [
        ['key' => 'tco',          'label' => 'TCO (€)',           'color' => '#3B82F6', 'axis' => 'left',  'unit' => '€'],
        ['key' => 'availability', 'label' => 'Disponibilité (%)', 'color' => '#10B981', 'axis' => 'right', 'unit' => '%'],
        ['key' => 'eco_score',    'label' => 'Score conduite',    'color' => '#8B5CF6', 'axis' => 'right', 'unit' => '/100'],
    ];

    $renderedSeries = [];
    foreach ($seriesDefs as $def) {
        $points = [];
        foreach ($series as $i => $r) {
            $v = $r[$def['key']] ?? null;
            $c = $coords($i, $v, $def['axis']);
            if ($c !== null) {
                $points[] = $c + ['value' => $v];
            }
        }
        $renderedSeries[] = $def + ['points' => $points];
    }

    $toneBg    = ['success' => '#D1FAE5', 'warning' => '#FEF3C7', 'danger' => '#FEE2E2', 'neutral' => '#F3F4F6'];
    $toneColor = ['success' => '#065F46', 'warning' => '#92400E', 'danger' => '#991B1B', 'neutral' => '#374151'];
@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">Synthèse globale</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 trimestriels vs objectifs</h3>
    <div class="kpi-grid">
        <div class="kpi-row">
            <div class="kpi-card">
                <div class="kpi-label">TCO moyen / véh</div>
                <div class="kpi-value">{{ $fmtNum($kpis['tco_avg']['value']) }}<span class="kpi-unit">{{ $kpis['tco_avg']['unit'] }}</span></div>
                @if ($kpis['tco_avg']['delta'] !== null)
                    <div class="kpi-delta {{ $deltaClass($kpis['tco_avg']['delta'], false) }}">
                        {{ $fmtDelta($kpis['tco_avg']['delta']) }} · {{ $kpis['tco_avg']['delta_label'] }}
                    </div>
                @else
                    <div class="kpi-delta delta-flat">{{ $kpis['tco_avg']['delta_label'] }}</div>
                @endif
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Disponibilité moy</div>
                <div class="kpi-value">{{ $fmtNum($kpis['availability']['value']) }}<span class="kpi-unit">{{ $kpis['availability']['unit'] }}</span></div>
                @if ($kpis['availability']['delta'] !== null)
                    <div class="kpi-delta {{ $deltaClass($kpis['availability']['delta'], true) }}">
                        {{ $fmtDelta($kpis['availability']['delta'], ' pts') }} · {{ $kpis['availability']['delta_label'] }}
                    </div>
                @else
                    <div class="kpi-delta delta-flat">{{ $kpis['availability']['delta_label'] }}</div>
                @endif
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Score conduite moy</div>
                <div class="kpi-value">{{ $fmtNum($kpis['eco_score']['value']) }}<span class="kpi-unit">{{ $kpis['eco_score']['unit'] }}</span></div>
                <div class="kpi-delta delta-flat">{{ $kpis['eco_score']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Sinistres trimestre</div>
                <div class="kpi-value">{{ $fmtNum($kpis['claims']['value']) }}</div>
                @php $cd = $kpis['claims']['delta']; @endphp
                @if ($cd !== null && $cd !== 0)
                    <div class="kpi-delta {{ $cd < 0 ? 'delta-up' : 'delta-down' }}">
                        {{ $cd > 0 ? '+' : '' }}{{ $cd }} · {{ $kpis['claims']['delta_label'] }}
                    </div>
                @else
                    <div class="kpi-delta delta-flat">{{ $kpis['claims']['delta_label'] }}</div>
                @endif
            </div>
        </div>
    </div>

    <h3 class="section-title">Tendances {{ $meta['period']['label'] }} — Évolution mensuelle</h3>
    @if (!empty($series))
        <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;">
            {{-- baseline --}}
            <line x1="{{ $padX }}" y1="{{ $chartH - $padY }}" x2="{{ $chartW - $padX }}" y2="{{ $chartH - $padY }}" stroke="#D1D5DB" stroke-width="0.5" />
            {{-- left axis label --}}
            <text x="6" y="{{ $padY + 4 }}" font-size="7" fill="#6B7280">€ {{ number_format($maxL, 0, ',', ' ') }}</text>
            <text x="6" y="{{ $chartH - $padY }}" font-size="7" fill="#6B7280">€ {{ number_format($minL, 0, ',', ' ') }}</text>
            {{-- right axis label --}}
            <text x="{{ $chartW - 30 }}" y="{{ $padY + 4 }}" font-size="7" fill="#6B7280">{{ $maxR }}%</text>
            <text x="{{ $chartW - 30 }}" y="{{ $chartH - $padY }}" font-size="7" fill="#6B7280">{{ $minR }}%</text>

            {{-- x labels --}}
            @foreach ($series as $i => $r)
                <text x="{{ $padX + $i * $stepX }}" y="{{ $chartH - $padY + 14 }}" font-size="8" text-anchor="middle" fill="#6B7280">{{ $r['label'] }}</text>
            @endforeach

            {{-- one polyline per series --}}
            @foreach ($renderedSeries as $rs)
                @if (count($rs['points']) > 1)
                    <polyline points="{{ implode(' ', array_map(fn ($p) => $p['x'] . ',' . $p['y'], $rs['points'])) }}" fill="none" stroke="{{ $rs['color'] }}" stroke-width="2" />
                @endif
                @foreach ($rs['points'] as $p)
                    <circle cx="{{ $p['x'] }}" cy="{{ $p['y'] }}" r="3" fill="{{ $rs['color'] }}" />
                @endforeach
            @endforeach

            {{-- legend --}}
            @php $lx = $padX; $ly = 12; @endphp
            @foreach ($renderedSeries as $rs)
                <rect x="{{ $lx }}" y="{{ $ly - 6 }}" width="8" height="8" fill="{{ $rs['color'] }}" rx="1" />
                <text x="{{ $lx + 12 }}" y="{{ $ly + 1 }}" font-size="8" fill="#374151">{{ $rs['label'] }}</text>
                @php $lx += 130; @endphp
            @endforeach
        </svg>
    @else
        <p style="color:#6B7280; font-style: italic;">Pas de données mensuelles pour la période.</p>
    @endif

    <div class="two-col" style="margin-top: 12pt;">
        <div class="col">
            <h3 class="section-title">Classement des sites — Score global</h3>
            @if (!empty($ranking))
                <table class="data">
                    <thead>
                        <tr>
                            <th style="width: 24pt;">#</th>
                            <th>Site</th>
                            <th class="num">Score</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($ranking as $r)
                            @php
                                $rTone = $r['tier'] ?? 'neutral';
                                $rBg   = $toneBg[$rTone]    ?? $toneBg['neutral'];
                                $rFg   = $toneColor[$rTone] ?? $toneColor['neutral'];
                            @endphp
                            <tr>
                                <td><strong>#{{ $r['rank'] }}</strong></td>
                                <td>
                                    <strong>{{ $r['label'] }}</strong><br/>
                                    <span style="font-size: 8pt; color: #6B7280;">{{ $r['sublabel'] }}</span>
                                </td>
                                <td class="num">
                                    <span style="display:inline-block; padding: 2pt 6pt; border-radius: 999pt; background: {{ $rBg }}; color: {{ $rFg }}; font-weight: 600;">
                                        {{ number_format($r['score'], 0, ',', ' ') }}/100
                                    </span>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            @else
                <p style="color:#6B7280; font-style: italic;">Aucun site avec véhicules sur la période.</p>
            @endif
        </div>
        <div class="col">
            <h3 class="section-title">Objectifs vs Réalisé — {{ $meta['period']['label'] }}</h3>
            @if (!empty($objectives))
                <table class="data">
                    <thead>
                        <tr>
                            <th>KPI</th>
                            <th class="num">Objectif</th>
                            <th class="num">Réalisé</th>
                            <th class="num">Écart</th>
                            <th>Statut</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($objectives as $o)
                            @php
                                $sTone = $o['status']['tone'] ?? 'neutral';
                                $sBg   = $toneBg[$sTone]    ?? $toneBg['neutral'];
                                $sFg   = $toneColor[$sTone] ?? $toneColor['neutral'];
                            @endphp
                            <tr>
                                <td>{{ $o['kpi'] }}</td>
                                <td class="num">{{ $o['objective'] }}</td>
                                <td class="num">{{ $o['actual'] }}</td>
                                <td class="num">{{ $o['gap'] }}</td>
                                <td>
                                    <span style="display:inline-block; padding: 2pt 6pt; border-radius: 999pt; background: {{ $sBg }}; color: {{ $sFg }}; font-size: 8pt; font-weight: 600;">
                                        {{ $o['status']['label'] }}
                                    </span>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            @else
                <p style="color:#6B7280; font-style: italic;">Pas d'objectifs définis.</p>
            @endif
        </div>
    </div>
@endsection