@extends('reports.pdf.layout')

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

@php
    $meta   = $data['meta'];
    $k      = $data['kpis'];
    $rows   = $data['rows'];
    $series = $data['replacement_series'];

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

    $barW = 480; $barH = 140; $barPad = 30;
    $barCount = max(1, count($series));
    $groupW = ($barW - 2 * $barPad) / $barCount;
    $barWidth = max(8, (int) ($groupW / 3));
@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">Maintenance</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">Kilométrage moy. pneus</div>
                <div class="kpi-value">{{ $fmtNum($k['avg_mileage']['value']) }}<span class="kpi-unit">{{ $k['avg_mileage']['unit'] }}</span></div>
                <div class="kpi-delta delta-flat">{{ $k['avg_mileage']['caption'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Usure moyenne flotte</div>
                <div class="kpi-value">{{ $fmtNum($k['avg_wear']['value']) }}<span class="kpi-unit">{{ $k['avg_wear']['unit'] }}</span></div>
                <div class="kpi-delta delta-flat">{{ $k['avg_wear']['caption'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Prochains remplacements</div>
                <div class="kpi-value">{{ $fmtNum($k['next_replacements']['value']) }}</div>
                <div class="kpi-delta delta-flat">{{ $k['next_replacements']['caption'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Coût total pneus</div>
                <div class="kpi-value">{{ $fmtNum($k['total_cost']['value']) }}<span class="kpi-unit">{{ $k['total_cost']['unit'] }}</span></div>
                <div class="kpi-delta delta-flat">{{ $k['total_cost']['caption'] }}</div>
            </div>
        </div>
    </div>

    <h3 class="section-title">Planification des remplacements</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="{{ $barPad }}" y1="{{ $barH - 24 }}" x2="{{ $barW - $barPad }}" y2="{{ $barH - 24 }}" stroke="#D1D5DB" stroke-width="0.5"/>
        @foreach ($series as $i => $s)
            @php
                $cx = $barPad + $i * $groupW + $groupW / 2;
            @endphp
            <text x="{{ $cx }}" y="{{ $barH - 10 }}" font-size="8" text-anchor="middle" fill="#6B7280">{{ $s['label'] }}</text>
            <text x="{{ $cx }}" y="{{ $barH / 2 }}" font-size="8" text-anchor="middle" fill="#9CA3AF" font-style="italic">À venir</text>
        @endforeach
    </svg>
    <p style="font-size: 8pt; color: #9CA3AF; margin-top: 4pt;">
        Module pneumatiques à venir — la planification des remplacements n'est pas encore disponible côté application.
    </p>

    <h3 class="section-title">État des pneumatiques par véhicule</h3>
    @if (!empty($rows))
        <table class="data">
            <thead>
                <tr>
                    <th>Plaque</th>
                    <th>Véhicule</th>
                    <th class="num">Usure estimée</th>
                    <th class="num">Km utiles</th>
                    <th>Statut</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($rows as $r)
                    <tr>
                        <td><strong>{{ $r['plate'] ?? '—' }}</strong></td>
                        <td>{{ $r['mark_model'] ?? '—' }}</td>
                        <td class="num">{{ $r['wear'] ?? '—' }}</td>
                        <td class="num">{{ $r['useful_km'] ?? '—' }}</td>
                        <td>{{ $r['status'] ?? '—' }}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    @else
        <div style="padding: 24pt; text-align: center; background: #F9FAFB; border: 1pt dashed #D1D5DB; border-radius: 4pt;">
            <p style="color:#6B7280; font-style: italic; margin: 0;">
                {{ $data['placeholder'] ?? 'Module pneumatiques à venir' }}
            </p>
            <p style="color:#9CA3AF; font-size: 8pt; margin: 6pt 0 0;">
                Le suivi de l'usure et la liste des véhicules critiques seront disponibles avec l'arrivée du module pneumatiques.
            </p>
        </div>
    @endif
@endsection