@extends('reports.pdf.layout')

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

@php
    $meta = $data['meta'];
    $kpis = $data['kpis'];

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

    // Bar chart geometry — formations par mois (placeholder).
    $monthly = $data['monthly_trainings'];
    $barW = 480; $barH = 140; $padX = 30; $padY = 18;
    $barCount = max(1, count($monthly));
    $barWidth = ($barW - 2 * $padX) / $barCount;
    $maxVal   = 1;
    foreach ($monthly as $r) {
        if (($r['count'] ?? null) !== null && $r['count'] > $maxVal) $maxVal = $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">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>

    <div style="background: #FEF3C7; border: 1pt solid #F59E0B; border-radius: 4pt; padding: 8pt 10pt; margin-bottom: 10pt; font-size: 9pt; color: #92400E;">
        <strong>Module formation à venir.</strong> {{ $data['placeholder_note'] }}
    </div>

    <h3 class="section-title">Indicateurs de formation</h3>
    <div class="kpi-grid">
        <div class="kpi-row">
            <div class="kpi-card">
                <div class="kpi-label">Formations réalisées</div>
                <div class="kpi-value">{{ $fmt($kpis['completed']['value']) }}</div>
                <div class="kpi-delta delta-flat">{{ $kpis['completed']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Taux de couverture</div>
                <div class="kpi-value">{{ $fmt($kpis['coverage_rate']['value']) }}<span class="kpi-unit">{{ $kpis['coverage_rate']['unit'] }}</span></div>
                <div class="kpi-delta delta-flat">{{ $kpis['coverage_rate']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Score moyen post-formation</div>
                <div class="kpi-value">{{ $fmt($kpis['avg_score_post']['value']) }}<span class="kpi-unit">{{ $kpis['avg_score_post']['unit'] }}</span></div>
                <div class="kpi-delta delta-flat">{{ $kpis['avg_score_post']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Formations recommandées</div>
                <div class="kpi-value">{{ $fmt($kpis['recommended']['value']) }}</div>
                <div class="kpi-delta delta-flat">{{ $kpis['recommended']['delta_label'] }}</div>
            </div>
        </div>
    </div>

    <h3 class="section-title">Formations par mois</h3>
    <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="{{ $padX }}" y1="{{ $barH - $padY }}" x2="{{ $barW - $padX }}" y2="{{ $barH - $padY }}" stroke="#D1D5DB" stroke-width="0.5"/>
        @foreach ($monthly as $i => $row)
            @php
                $cx = $padX + $i * $barWidth + $barWidth / 2;
                $val = $row['count'] ?? 0;
                $bh  = $val > 0 ? (($val / $maxVal) * ($barH - 2 * $padY)) : 0;
                $by  = $barH - $padY - $bh;
                $bw  = max(8, $barWidth * 0.55);
                $bx  = $cx - $bw / 2;
            @endphp
            @if ($bh > 0)
                <rect x="{{ $bx }}" y="{{ $by }}" width="{{ $bw }}" height="{{ $bh }}" fill="#8B5CF6" />
            @else
                <rect x="{{ $bx }}" y="{{ $barH - $padY - 2 }}" width="{{ $bw }}" height="2" fill="#E5E7EB" />
            @endif
            <text x="{{ $cx }}" y="{{ $barH - $padY + 12 }}" font-size="8" text-anchor="middle" fill="#6B7280">{{ $row['label'] }}</text>
        @endforeach
        <text x="{{ $barW / 2 }}" y="{{ $barH / 2 }}" font-size="9" text-anchor="middle" fill="#9CA3AF" font-style="italic">Données indisponibles — module à venir</text>
    </svg>

    <h3 class="section-title">Conducteurs ({{ count($data['drivers']) }})</h3>
    @if (!empty($data['drivers']))
        <table class="data">
            <thead>
                <tr>
                    <th>Conducteur</th>
                    <th>Permis</th>
                    <th>Type formation</th>
                    <th>Date</th>
                    <th class="num">Score avant</th>
                    <th class="num">Score après</th>
                    <th class="num">Évolution</th>
                    <th>Statut</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($data['drivers'] as $d)
                    <tr>
                        <td>{{ $d['name'] }}</td>
                        <td>{{ $d['license_number'] ?? '—' }}</td>
                        <td>{{ $d['training_type'] ?? '—' }}</td>
                        <td>{{ $d['training_date'] ?? '—' }}</td>
                        <td class="num">{{ $d['before_score'] ?? '—' }}</td>
                        <td class="num">{{ $d['after_score'] ?? '—' }}</td>
                        <td class="num">{{ $d['evolution'] ?? '—' }}</td>
                        <td><span style="display:inline-block;padding:1pt 6pt;border-radius:4pt;background:#F3F4F6;color:#374151;font-size:8pt;">{{ $d['status'] }}</span></td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    @else
        <p style="color:#6B7280; font-style: italic;">Aucun conducteur dans le périmètre.</p>
    @endif
@endsection