@extends('reports.pdf.layout')

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

@php
    $meta    = $data['meta'];
    $kpis    = $data['kpis'];
    $ranking = $data['ranking'];
    $dist    = $data['distribution'];
    $note    = $data['note'];

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

    // Rank-list bar — pixel widths proportional to score / 100.
    $tierBg = ['success' => '#10B981', 'warning' => '#F59E0B', 'danger' => '#EF4444', 'neutral' => '#9CA3AF'];

    // Distribution bar chart geometry.
    $chartW = 240; $chartH = 140; $padX = 24; $padY = 18;
    $maxCount = !empty($dist) ? max(array_column($dist, 'count') ?: [0]) : 0;
    if ($maxCount <= 0) $maxCount = 1;
    $barW = count($dist) > 0 ? (($chartW - 2 * $padX) / count($dist)) * 0.65 : 18;
    $stepX = count($dist) > 0 ? ($chartW - 2 * $padX) / count($dist) : 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">Conducteur en tête</div>
                <div class="kpi-value" style="font-size: 12pt;">{{ $kpis['top_driver']['value'] }}</div>
                <div class="kpi-delta delta-flat">{{ $kpis['top_driver']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Score moyen flotte</div>
                <div class="kpi-value">{{ $fmtNum($kpis['avg_score']['value']) }}<span class="kpi-unit">{{ $kpis['avg_score']['unit'] }}</span></div>
                <div class="kpi-delta delta-flat">{{ $kpis['avg_score']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Conducteurs critiques</div>
                <div class="kpi-value">{{ $fmtNum($kpis['critical_drivers']['value']) }}</div>
                <div class="kpi-delta delta-flat">{{ $kpis['critical_drivers']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Écart à la moyenne</div>
                <div class="kpi-value">{{ $fmtNum($kpis['spread']['value']) }}<span class="kpi-unit">{{ $kpis['spread']['unit'] }}</span></div>
                <div class="kpi-delta delta-flat">{{ $kpis['spread']['delta_label'] }}</div>
            </div>
        </div>
    </div>

    <p style="font-size: 8pt; color: #92400E; background: #FEF3C7; padding: 4pt 6pt; border-radius: 4pt; margin: 6pt 0;">
        {{ $note }}
    </p>

    <div class="two-col" style="margin-top: 6pt;">
        <div class="col">
            <h3 class="section-title">Classement complet</h3>
            @if (!empty($ranking))
                <table style="width:100%; border-collapse: collapse; font-size: 9pt;">
                    @foreach ($ranking as $r)
                        @php
                            $w = max(2, (int) round(($r['score'] / 100) * 100));
                            $bg = $tierBg[$r['tier']] ?? $tierBg['neutral'];
                        @endphp
                        <tr>
                            <td style="width: 18pt; padding: 3pt 4pt; color: #6B7280; font-weight: 600;">#{{ $r['rank'] }}</td>
                            <td style="width: 95pt; padding: 3pt 4pt;">{{ $r['driver'] }}</td>
                            <td style="padding: 3pt 4pt;">
                                <div style="background: #F3F4F6; border-radius: 3pt; height: 8pt; width: 100%;">
                                    <div style="background: {{ $bg }}; height: 8pt; width: {{ $w }}%; border-radius: 3pt;"></div>
                                </div>
                            </td>
                            <td style="width: 50pt; padding: 3pt 4pt; text-align: right; font-variant-numeric: tabular-nums;">
                                <strong>{{ number_format($r['score'], 0, ',', ' ') }}</strong>/100
                            </td>
                            <td style="width: 60pt; padding: 3pt 4pt; text-align: right; color: #6B7280;">
                                {{ $r['alerts'] }} alerte{{ $r['alerts'] > 1 ? 's' : '' }}
                            </td>
                        </tr>
                    @endforeach
                </table>
            @else
                <p style="color:#6B7280; font-style: italic;">Aucun conducteur à classer.</p>
            @endif
        </div>
        <div class="col">
            <h3 class="section-title">Distribution des scores</h3>
            @if (!empty($dist))
                <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 ($dist as $i => $b)
                        @php
                            $h = $b['count'] > 0 ? (($b['count'] / $maxCount) * ($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="{{ $b['color'] }}" />
                        <text x="{{ $x + $barW / 2 }}" y="{{ $chartH - $padY + 12 }}" font-size="7" text-anchor="middle" fill="#6B7280">{{ $b['label'] }}</text>
                        @if ($b['count'] > 0)
                            <text x="{{ $x + $barW / 2 }}" y="{{ $y - 3 }}" font-size="7" text-anchor="middle" fill="#374151">{{ $b['count'] }}</text>
                        @endif
                    @endforeach
                </svg>
            @else
                <p style="color:#6B7280; font-style: italic;">Pas de données.</p>
            @endif
        </div>
    </div>
@endsection