@extends('reports.pdf.layout')

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

@php
    $meta    = $data['meta'];
    $kpis    = $data['kpis'];
    $heat    = $data['heatmap'];
    $peaks   = $data['top_peaks'];

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

    // Heatmap geometry — 24 cols × 7 rows.
    $cellW = 18; $cellH = 18; $rowLabelW = 30; $colLabelH = 16;
    $heatW = $rowLabelW + 24 * $cellW + 4;
    $heatH = $colLabelH + 7 * $cellH + 4;
    $maxV = max(1, $heat['max']);

    $cellColor = function ($v) use ($maxV) {
        if ($v <= 0) return '#F3F4F6';
        $ratio = $v / $maxV;
        // Light yellow → amber → red, à la mockup.
        if ($ratio < 0.25) return '#FEF3C7';
        if ($ratio < 0.5)  return '#FCD34D';
        if ($ratio < 0.75) return '#F59E0B';
        return '#EF4444';
    };
@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'utilisation horaire</h3>
    <div class="kpi-grid">
        <div class="kpi-row">
            <div class="kpi-card">
                <div class="kpi-label">Pic d'activité</div>
                <div class="kpi-value">{{ $kpis['peak_activity']['value'] }}</div>
                <div class="kpi-delta delta-flat">{{ $kpis['peak_activity']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Taux d'utilisation</div>
                <div class="kpi-value">{{ $fmtNum($kpis['usage_rate']['value']) }}<span class="kpi-unit">{{ $kpis['usage_rate']['unit'] ?? '' }}</span></div>
                <div class="kpi-delta delta-flat">{{ $kpis['usage_rate']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Hors heures ouvrées</div>
                <div class="kpi-value">{{ $fmtNum($kpis['off_hours']['value']) }}</div>
                <div class="kpi-delta delta-flat">{{ $kpis['off_hours']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Utilisation week-end</div>
                <div class="kpi-value">{{ $fmtNum($kpis['weekend']['value']) }}</div>
                <div class="kpi-delta delta-flat">{{ $kpis['weekend']['delta_label'] }}</div>
            </div>
        </div>
    </div>

    <h3 class="section-title">Heatmap d'activité — Jour × Heure</h3>
    @if ($meta['source'] === null || $meta['samples'] === 0)
        <p style="font-size: 8.5pt; color: #92400E; background: #FEF3C7; padding: 6pt 8pt; border-radius: 4pt;">
            Données détaillées à venir — pas de trajets télématiques enregistrés sur la période.
        </p>
    @else
        <svg width="{{ $heatW }}" height="{{ $heatH }}" viewBox="0 0 {{ $heatW }} {{ $heatH }}" xmlns="http://www.w3.org/2000/svg" style="background: #FFFFFF; border: 1pt solid #E5E7EB; border-radius: 4pt;">
            {{-- Column labels (hours, every 2h to fit) --}}
            @foreach ($heat['columns'] as $h => $label)
                @if ($h % 2 === 0)
                    <text x="{{ $rowLabelW + $h * $cellW + $cellW / 2 }}" y="{{ $colLabelH - 4 }}" font-size="6.5" text-anchor="middle" fill="#6B7280">{{ $label }}</text>
                @endif
            @endforeach
            {{-- Row labels and cells --}}
            @foreach ($heat['rows'] as $d => $rowLabel)
                <text x="{{ $rowLabelW - 4 }}" y="{{ $colLabelH + $d * $cellH + $cellH / 2 + 3 }}" font-size="7" text-anchor="end" fill="#374151">{{ $rowLabel }}</text>
                @foreach ($heat['values'][$d] as $h => $v)
                    @php $color = $cellColor($v); @endphp
                    <rect x="{{ $rowLabelW + $h * $cellW }}" y="{{ $colLabelH + $d * $cellH }}" width="{{ $cellW - 1 }}" height="{{ $cellH - 1 }}" fill="{{ $color }}" stroke="#FFFFFF" stroke-width="0.5" />
                    @if ($v > 0)
                        <text x="{{ $rowLabelW + $h * $cellW + $cellW / 2 }}" y="{{ $colLabelH + $d * $cellH + $cellH / 2 + 2 }}" font-size="5.5" text-anchor="middle" fill="#1F2937">{{ $v }}</text>
                    @endif
                @endforeach
            @endforeach
        </svg>
        <div style="margin-top: 4pt; font-size: 7.5pt; color: #6B7280;">
            Échelle : <span style="display:inline-block;width:8pt;height:8pt;background:#FEF3C7;border:0.5pt solid #FFF;"></span> faible
            <span style="display:inline-block;width:8pt;height:8pt;background:#FCD34D;border:0.5pt solid #FFF;margin-left:6pt;"></span> moyenne
            <span style="display:inline-block;width:8pt;height:8pt;background:#F59E0B;border:0.5pt solid #FFF;margin-left:6pt;"></span> haute
            <span style="display:inline-block;width:8pt;height:8pt;background:#EF4444;border:0.5pt solid #FFF;margin-left:6pt;"></span> pic
            · Source : {{ $meta['source'] }} · {{ $meta['samples'] }} échantillons
        </div>
    @endif

    <h3 class="section-title">Pics d'activité (top 8)</h3>
    @if (!empty($peaks))
        <table class="data">
            <thead>
                <tr>
                    <th>Jour</th>
                    <th>Heure</th>
                    <th class="num">Démarrages</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($peaks as $p)
                    <tr>
                        <td>{{ $p['day'] }}</td>
                        <td>{{ $p['hour'] }}</td>
                        <td class="num">{{ $fmtNum($p['count']) }}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    @else
        <p style="color:#6B7280; font-style: italic;">Aucun pic d'activité identifié.</p>
    @endif
@endsection