@extends('reports.pdf.layout')

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

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

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

    // Bar chart geometry — total incidents per month.
    $chartW = 480; $chartH = 160; $padX = 30; $padY = 24;
    $barCount = max(1, count($series));
    $barW = ($chartW - 2 * $padX) / max(1, $barCount) - 8;
    $maxV = 1;
    foreach ($series as $r) { if ($r['count'] > $maxV) $maxV = $r['count']; }
    $bars = [];
    foreach ($series as $i => $r) {
        $x = $padX + $i * (($chartW - 2 * $padX) / $barCount) + 4;
        $h = (($r['count']) / $maxV) * ($chartH - 2 * $padY);
        $y = $chartH - $padY - $h;
        $bars[] = ['x' => $x, 'y' => $y, 'w' => $barW, 'h' => $h, 'label' => $r['label'], 'value' => $r['count']];
    }
@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">Télématique</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 d'incidents</h3>
    <div class="kpi-grid">
        <div class="kpi-row">
            <div class="kpi-card">
                <div class="kpi-label">Freinages brusques</div>
                <div class="kpi-value">{{ $fmtNum($kpis['harsh_brakes']['value']) }}</div>
                <div class="kpi-delta delta-flat">{{ $kpis['harsh_brakes']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Excès de vitesse</div>
                <div class="kpi-value">{{ $fmtNum($kpis['overspeeds']['value']) }}</div>
                <div class="kpi-delta delta-flat">{{ $kpis['overspeeds']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Chocs détectés</div>
                <div class="kpi-value">{{ $fmtNum($kpis['shocks']['value']) }}</div>
                <div class="kpi-delta delta-flat">{{ $kpis['shocks']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Ralenti excessif</div>
                <div class="kpi-value">{{ $fmtNum($kpis['idle']['value']) }}</div>
                <div class="kpi-delta delta-flat">{{ $kpis['idle']['delta_label'] }}</div>
            </div>
        </div>
    </div>

    @if (!$meta['has_mapping'])
        <p style="margin-top: 6pt; font-size: 8.5pt; color: #92400E; background: #FEF3C7; padding: 6pt 8pt; border-radius: 4pt;">
            Codification télématique à venir — la séparation par type d'incident
            n'est pas encore disponible. Total période : {{ $fmtNum($kpis['total']['value']) }} incidents.
        </p>
    @endif

    <h3 class="section-title">Évolution mensuelle — Incidents totaux (6 mois)</h3>
    @if (!empty($bars))
        <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 ($bars as $b)
                <rect x="{{ $b['x'] }}" y="{{ $b['y'] }}" width="{{ $b['w'] }}" height="{{ max(0, $b['h']) }}" fill="#3B82F6" rx="2" />
                <text x="{{ $b['x'] + $b['w'] / 2 }}" y="{{ $chartH - $padY + 12 }}" font-size="8" text-anchor="middle" fill="#6B7280">{{ $b['label'] }}</text>
                <text x="{{ $b['x'] + $b['w'] / 2 }}" y="{{ $b['y'] - 4 }}" font-size="7" text-anchor="middle" fill="#374151">{{ $b['value'] }}</text>
            @endforeach
        </svg>
    @else
        <p style="color:#6B7280; font-style: italic;">Pas d'incidents enregistrés sur la période.</p>
    @endif

    <h3 class="section-title">Top véhicules avec incidents</h3>
    @if (!empty($top))
        <table class="data">
            <thead>
                <tr>
                    <th>Véhicule</th>
                    <th>Modèle</th>
                    <th class="num">Incidents</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($top as $r)
                    <tr>
                        <td>{{ $r['plate'] }}</td>
                        <td>{{ $r['model'] }}</td>
                        <td class="num">{{ $fmtNum($r['count']) }}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    @else
        <p style="color:#6B7280; font-style: italic;">Aucun véhicule concerné sur la période.</p>
    @endif
@endsection