@extends('reports.pdf.layout')

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

@php
    $meta = $data['meta'];
    $k    = $data['kpis'];
    $top  = $data['top_consumers'];

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

    // Bar chart geometry — top 10 consumers.
    $bars = $top;
    $maxBar = !empty($bars)
        ? max(1, max(array_map(fn ($b) => (float) ($b['consumption'] ?? 0), $bars)))
        : 1;
    $barW = 480; $barH = 160; $barPad = 30;
    $barWidth = !empty($bars) ? max(8, (int) (($barW - 2 * $barPad) / max(1, count($bars))) - 8) : 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">Carburant &amp; Énergie</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">Top consommateur</div>
                <div class="kpi-value">{{ $k['top_consumer']['value'] ?? '—' }}</div>
                <div class="kpi-delta delta-flat">{{ $k['top_consumer']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Conso. moy. flotte</div>
                <div class="kpi-value">{{ $fmtNum($k['fleet_avg']['value']) }}<span class="kpi-unit">{{ $k['fleet_avg']['unit'] }}</span></div>
                <div class="kpi-delta delta-flat">{{ $k['fleet_avg']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Coût annuel estimé</div>
                <div class="kpi-value">{{ $fmtNum($k['annual_cost_estimate']['value']) }}<span class="kpi-unit">{{ $k['annual_cost_estimate']['unit'] }}</span></div>
                <div class="kpi-delta delta-flat">{{ $k['annual_cost_estimate']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Cause probable</div>
                <div class="kpi-value">—</div>
                <div class="kpi-delta delta-flat">{{ $k['probable_cause']['delta_label'] }}</div>
            </div>
        </div>
    </div>

    <h3 class="section-title">Top 10 consommateurs</h3>
    @if (!empty($bars))
        <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 - 30 }}" x2="{{ $barW - $barPad }}" y2="{{ $barH - 30 }}" stroke="#D1D5DB" stroke-width="0.5"/>
            @foreach ($bars as $i => $b)
                @php
                    $val = (float) ($b['consumption'] ?? 0);
                    $h = ($val / $maxBar) * ($barH - 60);
                    $x = $barPad + $i * (($barW - 2 * $barPad) / count($bars)) + 4;
                    $y = $barH - 30 - $h;
                    $color = $b['motor'] === 'Electric' ? '#10B981' : ($b['motor'] === 'Diesel' ? '#6B7280' : '#3B82F6');
                @endphp
                <rect x="{{ $x }}" y="{{ $y }}" width="{{ $barWidth }}" height="{{ max(0, $h) }}" fill="{{ $color }}" rx="2" />
                <text x="{{ $x + $barWidth / 2 }}" y="{{ $barH - 18 }}" font-size="7" text-anchor="middle" fill="#6B7280">{{ $b['plate'] ?? '—' }}</text>
                <text x="{{ $x + $barWidth / 2 }}" y="{{ $barH - 8 }}" font-size="7" text-anchor="middle" fill="#9CA3AF">{{ $b['motor'] }}</text>
                <text x="{{ $x + $barWidth / 2 }}" y="{{ $y - 3 }}" font-size="7" text-anchor="middle" fill="#374151">{{ $b['consumption'] !== null ? number_format($b['consumption'], 1, ',', ' ') : '—' }}</text>
            @endforeach
        </svg>
    @else
        <p style="color:#6B7280; font-style: italic;">Aucune consommation enregistrée sur la période.</p>
    @endif

    <h3 class="section-title">Détails et écart à la moyenne</h3>
    @if (!empty($top))
        <table class="data">
            <thead>
                <tr>
                    <th>Immatriculation</th>
                    <th>Marque / Modèle</th>
                    <th>Énergie</th>
                    <th class="num">Consommation</th>
                    <th class="num">Écart à la moy.</th>
                    <th class="num">Coût (€)</th>
                    <th class="num">Coût annuel (€)</th>
                    <th>Cause probable</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($top as $r)
                    <tr>
                        <td>{{ $r['plate'] ?? '—' }}</td>
                        <td>{{ $r['model'] }}</td>
                        <td>{{ $r['motor'] }}</td>
                        <td class="num">{{ $r['consumption'] !== null ? number_format($r['consumption'], 2, ',', ' ') . ' ' . $r['unit'] : '—' }}</td>
                        <td class="num">{{ $r['delta_to_avg'] !== null ? (($r['delta_to_avg'] >= 0 ? '+' : '') . number_format($r['delta_to_avg'], 2, ',', ' ')) : '—' }}</td>
                        <td class="num">{{ number_format($r['cost'], 2, ',', ' ') }}</td>
                        <td class="num">{{ $r['annual_cost'] !== null ? number_format($r['annual_cost'], 0, ',', ' ') : '—' }}</td>
                        <td>{{ $r['cause'] ?? '—' }}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
        <p style="color:#6B7280; font-style: italic; font-size: 8.5pt; margin-top: 6pt;">
            Cause probable : analyse comportementale à venir (signal éco-conduite non disponible).
        </p>
    @else
        <p style="color:#6B7280; font-style: italic;">Aucune donnée à afficher.</p>
    @endif
@endsection