@extends('reports.pdf.layout')

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

@php
    $meta       = $data['meta'];
    $kpis       = $data['kpis'];
    $byDay      = $data['day_of_week'];
    $byHour     = $data['hour_of_day'];
    $perVehicle = $data['per_vehicle'];

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

    $maxDay = 0;
    foreach ($byDay as $r) { $maxDay = max($maxDay, (int) $r['value']); }
    $maxDay = max($maxDay, 100);

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

@section('content')
    <div class="header-band" style="background-color: #8B5CF6;">
        <div class="eyebrow">DADYCAR FLEET MANAGER</div>
        <h1 class="title">{{ $meta['title'] }}</h1>
        <div class="meta">
            <span class="badge">Autopartage & Pool</span>
            <span class="badge">{{ $meta['code'] }}</span>
            Période : {{ $meta['period']['label'] }} · {{ $meta['site_label'] }} ·
            {{ $meta['pool_count'] }} véhicules pool ·
            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 d'occupation</div>
                <div class="kpi-value">{{ $fmtNum($kpis['avg_occupancy']['value']) }}<span class="kpi-unit">{{ $kpis['avg_occupancy']['unit'] }}</span></div>
                <div class="kpi-delta delta-flat">{{ $kpis['avg_occupancy']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Véhicules actifs</div>
                <div class="kpi-value">{{ $kpis['pool_count']['value'] }}<span class="kpi-unit">{{ $kpis['pool_count']['unit'] }}</span></div>
                <div class="kpi-delta delta-flat">{{ $kpis['pool_count']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Heures d'utilisation</div>
                <div class="kpi-value">{{ $kpis['total_hours']['value'] }}<span class="kpi-unit">{{ $kpis['total_hours']['unit'] }}</span></div>
                <div class="kpi-delta delta-flat">{{ $kpis['total_hours']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Km parcourus (pool)</div>
                <div class="kpi-value">{{ $fmtNum($kpis['total_km']['value']) }}<span class="kpi-unit">{{ $kpis['total_km']['unit'] }}</span></div>
                <div class="kpi-delta delta-flat">{{ $kpis['total_km']['delta_label'] }}</div>
            </div>
        </div>
    </div>

    <div class="two-col" style="margin-top: 12pt;">
        <div class="col">
            <h3 class="section-title">Taux d'occupation par jour de la semaine</h3>
            @php
                $barCount = count($byDay);
                $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 ($byDay as $i => $r)
                    @php
                        $h = $maxDay > 0 ? (($r['value'] / $maxDay) * ($barH - 2 * $barPadY)) : 0;
                        $x = $barPadX + $i * $barSlot + ($barSlot - $barWidth) / 2;
                        $y = $barH - $barPadY - $h;
                        $color = $r['value'] >= 80 ? '#EF4444' : ($r['value'] >= 50 ? '#8B5CF6' : '#A78BFA');
                    @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.5" text-anchor="middle" fill="#6B7280">{{ $r['label'] }}</text>
                @endforeach
            </svg>
        </div>
        <div class="col">
            <h3 class="section-title">Taux d'occupation par plage horaire</h3>
            @php
                $barCount2 = count($byHour);
                $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 ($byHour as $i => $r)
                    @php
                        $h = $maxHour > 0 ? (($r['value'] / $maxHour) * ($barH - 2 * $barPadY)) : 0;
                        $x = $barPadX + $i * $barSlot2 + ($barSlot2 - $barWidth2) / 2;
                        $y = $barH - $barPadY - $h;
                        $color = $r['value'] >= 80 ? '#EF4444' : ($r['value'] >= 50 ? '#8B5CF6' : '#A78BFA');
                    @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>
        </div>
    </div>

    <h3 class="section-title">Utilisation par véhicule du pool</h3>
    @if (!empty($perVehicle))
        <table class="data">
            <tr>
                <th>Plaque</th>
                <th>Modèle</th>
                <th class="num">Taux d'occ.</th>
                <th class="num">Rés.</th>
                <th class="num">Km</th>
                <th>Statut</th>
            </tr>
            @foreach ($perVehicle as $r)
                @php
                    $tone = $r['status']['tone'] ?? 'neutral';
                    $bg = $toneBg[$tone]; $fg = $toneColor[$tone];
                @endphp
                <tr>
                    <td>{{ $r['plate'] }}</td>
                    <td>{{ $r['model'] }}</td>
                    <td class="num">{{ $r['occupancy'] }}%</td>
                    <td class="num">{{ $r['reservations'] }}</td>
                    <td class="num">{{ $fmtNum($r['km']) }}</td>
                    <td><span style="display: inline-block; padding: 1pt 6pt; border-radius: 999pt; background: {{ $bg }}; color: {{ $fg }}; font-size: 7.5pt; font-weight: 600;">{{ $r['status']['label'] ?? '' }}</span></td>
                </tr>
            @endforeach
        </table>
    @else
        <p style="color:#6B7280; font-style: italic;">Aucun véhicule pool sur la période.</p>
    @endif
@endsection