@extends('reports.pdf.layout')

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

@php
    $meta      = $data['meta'];
    $kpis      = $data['kpis'];
    $quarterly = $data['quarterly'];
    $drivers   = $data['drivers'];
    $byType    = $data['by_type'];
    $action    = $data['action'];

    $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'];

    // Stacked bar geometry.
    $barW = 320; $barH = 160; $barPadX = 30; $barPadY = 22;
    $maxV = 0;
    foreach ($quarterly as $q) { $maxV = max($maxV, ($q['responsible'] + $q['non_responsible'])); }
    $maxV = max($maxV, 1);
    $barCount = count($quarterly);
    $barSlot = $barCount > 0 ? ($barW - 2 * $barPadX) / $barCount : 0;
    $barWidth = $barSlot * 0.55;

    $maxByType = 0;
    foreach ($byType as $t) { $maxByType = max($maxByType, $t['responsible'] + $t['non_responsible']); }
    $maxByType = max($maxByType, 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">Taux de responsabilité</div>
                <div class="kpi-value">{{ $kpis['responsibility_rate']['value'] !== null ? $kpis['responsibility_rate']['value'] : '—' }}<span class="kpi-unit">{{ $kpis['responsibility_rate']['unit'] }}</span></div>
                <div class="kpi-delta delta-flat">{{ $kpis['responsibility_rate']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Sinistres responsables</div>
                <div class="kpi-value">{{ $kpis['responsible_count']['value'] }}</div>
                <div class="kpi-delta delta-flat">{{ $kpis['responsible_count']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Récidivistes</div>
                <div class="kpi-value">{{ $kpis['repeat_offenders']['value'] }}</div>
                <div class="kpi-delta delta-flat">{{ $kpis['repeat_offenders']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Coût responsables</div>
                <div class="kpi-value">{{ $fmtNum($kpis['responsible_cost']['value']) }}<span class="kpi-unit">{{ $kpis['responsible_cost']['unit'] }}</span></div>
                <div class="kpi-delta delta-flat">{{ $kpis['responsible_cost']['delta_label'] }}</div>
            </div>
        </div>
    </div>

    <div class="two-col" style="margin-top: 12pt;">
        <div class="col">
            <h3 class="section-title">Évolution taux de responsabilité (trimestriel)</h3>
            @if ($maxV > 0)
                <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 ($quarterly as $i => $q)
                        @php
                            $total = $q['responsible'] + $q['non_responsible'];
                            $hTotal = $maxV > 0 ? ($total / $maxV) * ($barH - 2 * $barPadY) : 0;
                            $hResp  = $maxV > 0 ? ($q['responsible'] / $maxV) * ($barH - 2 * $barPadY) : 0;
                            $hNon   = $hTotal - $hResp;
                            $x = $barPadX + $i * $barSlot + ($barSlot - $barWidth) / 2;
                            $yResp = $barH - $barPadY - $hResp;
                            $yNon  = $yResp - $hNon;
                        @endphp
                        <rect x="{{ $x }}" y="{{ $yNon }}" width="{{ $barWidth }}" height="{{ $hNon }}" fill="#10B981" rx="1.5" />
                        <rect x="{{ $x }}" y="{{ $yResp }}" width="{{ $barWidth }}" height="{{ $hResp }}" fill="#EF4444" rx="1.5" />
                        <text x="{{ $x + $barWidth / 2 }}" y="{{ $barH - $barPadY + 12 }}" font-size="8" text-anchor="middle" fill="#6B7280">{{ $q['label'] }}</text>
                    @endforeach
                </svg>
                <div style="font-size: 8pt; color: #6B7280; margin-top: 3pt;">
                    <span style="display:inline-block;width:7pt;height:7pt;background:#EF4444;border-radius:1pt;margin-right:5pt;"></span>Responsable
                    <span style="display:inline-block;width:7pt;height:7pt;background:#10B981;border-radius:1pt;margin:0 5pt 0 12pt;"></span>Non responsable
                </div>
            @else
                <p style="color:#6B7280; font-style: italic;">Pas de données.</p>
            @endif
        </div>
        <div class="col">
            <h3 class="section-title">Conducteurs impliqués</h3>
            @if (!empty($drivers))
                @foreach ($drivers as $d)
                    @php
                        $tone = $d['resp_rate'] >= 67 ? 'danger' : ($d['resp_rate'] >= 33 ? 'warning' : 'success');
                        $bg = $toneBg[$tone]; $fg = $toneColor[$tone];
                    @endphp
                    <div style="display: table; width: 100%; padding: 4pt 0; border-bottom: 0.5pt solid #F3F4F6;">
                        <div style="display: table-cell; vertical-align: top;">
                            <div style="font-size: 9pt; font-weight: 600;">{{ $d['name'] }}</div>
                            <div style="font-size: 7.5pt; color: #6B7280;">{{ $d['count'] }} sinistres · {{ $d['responsible'] }} responsables · Coût : {{ $fmtNum($d['cost'], '€') }} · Score séc. {{ $d['safety_score'] }}/100</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;">{{ $d['resp_rate'] }} % resp.</span>
                        </div>
                    </div>
                @endforeach
            @else
                <p style="color:#6B7280; font-style: italic;">Aucun conducteur impliqué.</p>
            @endif
        </div>
    </div>

    <h3 class="section-title">Responsabilité par type de sinistre</h3>
    @if ($maxByType > 0)
        @foreach ($byType as $t)
            @php
                $total = $t['responsible'] + $t['non_responsible'];
                $pctResp = $total > 0 ? ($t['responsible'] / $total) * 100 : 0;
                $pctNon  = $total > 0 ? ($t['non_responsible'] / $total) * 100 : 0;
                $rowW = $maxByType > 0 ? ($total / $maxByType) * 100 : 0;
            @endphp
            <div style="margin-bottom: 5pt;">
                <div style="font-size: 9pt;">{{ $t['label'] }} <span style="color:#6B7280; font-size:8pt;">({{ $t['responsible'] }} resp. / {{ $t['non_responsible'] }} non resp.)</span></div>
                <div style="background: #F3F4F6; border-radius: 2pt; height: 10pt; margin-top: 2pt; position: relative; width: {{ $rowW }}%;">
                    <div style="display: inline-block; width: {{ $pctResp }}%; background: #EF4444; height: 10pt; border-top-left-radius: 2pt; border-bottom-left-radius: 2pt;"></div><div style="display: inline-block; width: {{ $pctNon }}%; background: #10B981; height: 10pt; border-top-right-radius: 2pt; border-bottom-right-radius: 2pt;"></div>
                </div>
            </div>
        @endforeach
    @else
        <p style="color:#6B7280; font-style: italic;">Pas de données.</p>
    @endif

    @if (!empty($action['label']))
        @php $aTone = $action['tone'] ?? 'neutral'; @endphp
        <div style="margin-top: 10pt; padding: 8pt; border-radius: 4pt; background: {{ $toneBg[$aTone] ?? $toneBg['neutral'] }}; color: {{ $toneColor[$aTone] ?? $toneColor['neutral'] }}; font-size: 8.5pt;">
            <strong>Plan d'action :</strong> {{ $action['label'] }}
        </div>
    @endif
@endsection