@extends('reports.pdf.layout')

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

@php
    $meta   = $data['meta'];
    $kpis   = $data['kpis'];
    $series = $data['monthly_series'];
    $rows   = $data['rows'];

    $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;
    };

    // Bar chart geometry — fixed pixel size (wkhtmltopdf 0.12.x renders
    // width="100%" SVGs at 0×0, see SG-01 for the same caveat).
    $chartW = 480; $chartH = 140; $padX = 30; $padY = 18;
    $values = array_map(fn ($r) => $r['value'], $series);
    $maxV = !empty($values) ? max($values) : 1;
    if ($maxV <= 0) $maxV = 1;
    $barW = count($series) > 0 ? (($chartW - 2 * $padX) / count($series)) * 0.6 : 20;
    $stepX = count($series) > 0 ? ($chartW - 2 * $padX) / count($series) : 0;
@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">Conducteurs</span>
            <span class="badge">{{ $meta['code'] }}</span>
            Période : {{ $meta['period']['label'] }} · {{ $meta['site_label'] }} ·
            {{ $meta['total_drivers'] }} conducteurs ·
            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">Score sécurité moyen</div>
                <div class="kpi-value">{{ $fmtNum($kpis['avg_safety_score']['value']) }}<span class="kpi-unit">{{ $kpis['avg_safety_score']['unit'] }}</span></div>
                <div class="kpi-delta delta-flat">{{ $kpis['avg_safety_score']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Score éco-conduite moyen</div>
                <div class="kpi-value">{{ $fmtNum($kpis['avg_eco_score']['value']) }}<span class="kpi-unit">{{ $kpis['avg_eco_score']['unit'] }}</span></div>
                <div class="kpi-delta delta-flat">{{ $kpis['avg_eco_score']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Conducteurs à risque</div>
                <div class="kpi-value">{{ $fmtNum($kpis['at_risk_drivers']['value']) }}</div>
                <div class="kpi-delta delta-flat">{{ $kpis['at_risk_drivers']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Incidents</div>
                <div class="kpi-value">{{ $fmtNum($kpis['incidents']['value']) }}</div>
                @if (!empty($kpis['incidents']['delta']))
                    <div class="kpi-delta {{ $kpis['incidents']['delta'] > 0 ? 'delta-down' : 'delta-up' }}">
                        {{ $fmtDelta($kpis['incidents']['delta']) }} {{ $kpis['incidents']['delta_label'] }}
                    </div>
                @else
                    <div class="kpi-delta delta-flat">{{ $kpis['incidents']['delta_label'] }}</div>
                @endif
            </div>
        </div>
    </div>

    <h3 class="section-title">Évolution mensuelle des incidents (6 mois)</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;">
            <line x1="{{ $padX }}" y1="{{ $chartH - $padY }}" x2="{{ $chartW - $padX }}" y2="{{ $chartH - $padY }}" stroke="#D1D5DB" stroke-width="0.5"/>
            @foreach ($series as $i => $r)
                @php
                    $h = $r['value'] > 0 ? (($r['value'] / $maxV) * ($chartH - 2 * $padY)) : 0;
                    $x = $padX + $i * $stepX + ($stepX - $barW) / 2;
                    $y = $chartH - $padY - $h;
                @endphp
                <rect x="{{ $x }}" y="{{ $y }}" width="{{ $barW }}" height="{{ max(0, $h) }}" fill="#3B82F6" />
                <text x="{{ $x + $barW / 2 }}" y="{{ $chartH - $padY + 12 }}" font-size="8" text-anchor="middle" fill="#6B7280">{{ $r['label'] }}</text>
                @if ($r['value'] > 0)
                    <text x="{{ $x + $barW / 2 }}" y="{{ $y - 3 }}" font-size="7" text-anchor="middle" fill="#374151">{{ $r['value'] }}</text>
                @endif
            @endforeach
        </svg>
    @else
        <p style="color:#6B7280; font-style: italic;">Pas de données.</p>
    @endif

    <h3 class="section-title">Détail individuel — Scores &amp; Incidents</h3>
    @if (!empty($rows))
        <table class="data">
            <thead>
                <tr>
                    <th>Conducteur</th>
                    <th>Score séc.</th>
                    <th>Score éco</th>
                    <th class="num">Frein.</th>
                    <th class="num">Vitesse</th>
                    <th class="num">Choc</th>
                    <th class="num">Ralenti</th>
                    <th class="num">Total</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($rows as $r)
                    <tr>
                        <td>{{ $r['driver'] }}</td>
                        <td style="color:#6B7280;">{{ $r['safety_score'] === null ? '—' : $r['safety_score'] }}</td>
                        <td style="color:#6B7280;">{{ $r['eco_score'] === null ? '—' : $r['eco_score'] }}</td>
                        <td class="num">{{ $r['braking'] }}</td>
                        <td class="num">{{ $r['speed'] }}</td>
                        <td class="num">{{ $r['shock'] }}</td>
                        <td class="num">{{ $r['idle'] }}</td>
                        <td class="num"><strong>{{ $r['total'] }}</strong></td>
                    </tr>
                @endforeach
            </tbody>
        </table>
        <p style="font-size: 8pt; color:#9CA3AF; margin-top: 6pt;">
            Scores sécurité et éco-conduite — source télématique à venir. Les
            colonnes événementielles agrégent les alertes télématiques de la
            période rattachées au conducteur via son affectation véhicule.
        </p>
    @else
        <p style="color:#6B7280; font-style: italic;">Aucun conducteur sur la période.</p>
    @endif
@endsection