@extends('reports.pdf.layout')

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

@php
    $meta     = $data['meta'];
    $kpis     = $data['kpis'];
    $topZones = $data['top_zones'];
    $byHour   = $data['by_hour'];
    $byDay    = $data['by_day'];

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

    $toneBg    = ['danger' => '#FEE2E2', 'warning' => '#FEF3C7', 'success' => '#D1FAE5', 'neutral' => '#F3F4F6'];
    $toneColor = ['danger' => '#991B1B', 'warning' => '#92400E', 'success' => '#065F46', 'neutral' => '#374151'];

    $barW = 320; $barH = 130; $barPadX = 28; $barPadY = 22;

    $maxHour = 0;
    foreach ($byHour as $r) { $maxHour = max($maxHour, (int) $r['value']); }
    $maxHour = max($maxHour, 1);

    $maxDay = 0;
    foreach ($byDay as $r) { $maxDay = max($maxDay, (int) $r['value']); }
    $maxDay = max($maxDay, 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">Sinistres</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">Zones à risque</div>
                <div class="kpi-value">{{ $kpis['zones_at_risk']['value'] }}</div>
                <div class="kpi-delta delta-flat">{{ $kpis['zones_at_risk']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Pic horaire</div>
                <div class="kpi-value" style="font-size: 14pt;">{{ $kpis['peak_hour']['value'] }}</div>
                <div class="kpi-delta delta-flat">{{ $kpis['peak_hour']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Jour le + accidentogène</div>
                <div class="kpi-value" style="font-size: 14pt;">{{ $kpis['peak_day']['value'] }}</div>
                <div class="kpi-delta delta-flat">{{ $kpis['peak_day']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Sinistres zone urbaine</div>
                <div class="kpi-value">{{ $kpis['urban_share']['value'] }}<span class="kpi-unit">{{ $kpis['urban_share']['unit'] }}</span></div>
                <div class="kpi-delta delta-flat">{{ $kpis['urban_share']['delta_label'] }}</div>
            </div>
        </div>
    </div>

    <h3 class="section-title">Top 5 zones accidentogènes</h3>
    @if (!empty($topZones))
        @foreach ($topZones as $z)
            @php $tone = $z['tone']; $bg = $toneBg[$tone]; $fg = $toneColor[$tone]; @endphp
            <div style="display: table; width: 100%; padding: 5pt 0; border-bottom: 0.5pt solid #F3F4F6;">
                <div style="display: table-cell; vertical-align: top;">
                    <div style="font-size: 9pt; font-weight: 600;">{{ $z['name'] }}</div>
                    <div style="font-size: 7.5pt; color: #6B7280;">{{ $z['when'] }} · {{ $z['sample'] }}</div>
                </div>
                <div style="display: table-cell; vertical-align: middle; text-align: right; width: 25%;">
                    <span style="display: inline-block; padding: 2pt 8pt; border-radius: 999pt; background: {{ $bg }}; color: {{ $fg }}; font-size: 8pt; font-weight: 600;">{{ $z['count'] }} sinistres · {{ $z['level'] }}</span>
                </div>
            </div>
        @endforeach
    @else
        <p style="color:#6B7280; font-style: italic;">Pas de zones identifiées.</p>
    @endif

    <div class="two-col" style="margin-top: 12pt;">
        <div class="col">
            <h3 class="section-title">Sinistres par plage horaire</h3>
            @if ($maxHour > 0)
                @php
                    $barCount = count($byHour);
                    $barSlot = $barCount > 0 ? ($barW - 2 * $barPadX) / $barCount : 0;
                    $barWidth = $barSlot * 0.55;
                @endphp
                <svg width="{{ $barW }}" height="{{ $barH }}" viewBox="0 0 {{ $barW }} {{ $barH }}" xmlns="http://www.w3.org/2000/svg" style="background: #F9FAFB; border: 1pt solid #E5E7EB; border-radius: 4pt;">
                    <line x1="{{ $barPadX }}" y1="{{ $barH - $barPadY }}" x2="{{ $barW - $barPadX }}" y2="{{ $barH - $barPadY }}" stroke="#D1D5DB" stroke-width="0.5"/>
                    @foreach ($byHour as $i => $r)
                        @php
                            $h = $maxHour > 0 ? (($r['value'] / $maxHour) * ($barH - 2 * $barPadY)) : 0;
                            $x = $barPadX + $i * $barSlot + ($barSlot - $barWidth) / 2;
                            $y = $barH - $barPadY - $h;
                            $color = $r['value'] === $maxHour ? '#EF4444' : '#3B82F6';
                        @endphp
                        <rect x="{{ $x }}" y="{{ $y }}" width="{{ $barWidth }}" height="{{ $h }}" fill="{{ $color }}" rx="2" />
                        <text x="{{ $x + $barWidth / 2 }}" y="{{ $y - 3 }}" font-size="7" text-anchor="middle" fill="#374151">{{ $r['value'] }}</text>
                        <text x="{{ $x + $barWidth / 2 }}" y="{{ $barH - $barPadY + 12 }}" font-size="7" text-anchor="middle" fill="#6B7280">{{ $r['label'] }}</text>
                    @endforeach
                </svg>
            @else
                <p style="color:#6B7280; font-style: italic;">Pas de données.</p>
            @endif
        </div>
        <div class="col">
            <h3 class="section-title">Sinistres par jour de la semaine</h3>
            @if ($maxDay > 0)
                @php
                    $barCount2 = count($byDay);
                    $barSlot2 = $barCount2 > 0 ? ($barW - 2 * $barPadX) / $barCount2 : 0;
                    $barWidth2 = $barSlot2 * 0.55;
                @endphp
                <svg width="{{ $barW }}" height="{{ $barH }}" viewBox="0 0 {{ $barW }} {{ $barH }}" xmlns="http://www.w3.org/2000/svg" style="background: #F9FAFB; border: 1pt solid #E5E7EB; border-radius: 4pt;">
                    <line x1="{{ $barPadX }}" y1="{{ $barH - $barPadY }}" x2="{{ $barW - $barPadX }}" y2="{{ $barH - $barPadY }}" stroke="#D1D5DB" stroke-width="0.5"/>
                    @foreach ($byDay as $i => $r)
                        @php
                            $h = $maxDay > 0 ? (($r['value'] / $maxDay) * ($barH - 2 * $barPadY)) : 0;
                            $x = $barPadX + $i * $barSlot2 + ($barSlot2 - $barWidth2) / 2;
                            $y = $barH - $barPadY - $h;
                            $color = $r['value'] === $maxDay ? '#EF4444' : '#3B82F6';
                        @endphp
                        <rect x="{{ $x }}" y="{{ $y }}" width="{{ $barWidth2 }}" height="{{ $h }}" fill="{{ $color }}" rx="2" />
                        <text x="{{ $x + $barWidth2 / 2 }}" y="{{ $y - 3 }}" font-size="7" text-anchor="middle" fill="#374151">{{ $r['value'] }}</text>
                        <text x="{{ $x + $barWidth2 / 2 }}" y="{{ $barH - $barPadY + 12 }}" font-size="7" text-anchor="middle" fill="#6B7280">{{ $r['label'] }}</text>
                    @endforeach
                </svg>
            @else
                <p style="color:#6B7280; font-style: italic;">Pas de données.</p>
            @endif
        </div>
    </div>
@endsection