@extends('reports.pdf.layout')

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

@php
    $meta   = $data['meta'];
    $kpis   = $data['kpis'];
    $items  = $data['items'];
    $total  = $data['total'];
    $series = $data['monthly_series'];

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

    $directionTone = ['success' => 'delta-up', 'danger' => 'delta-down', 'warning' => 'delta-down', 'neutral' => 'delta-flat'];

    // Bar lengths : scale to the max(actual, budget) across all rows so bars
    // are comparable across categories. Actual on top, budget below as a
    // light overlay — same idea as the FE mockup.
    $maxScale = 0;
    foreach ($items as $i) {
        $maxScale = max($maxScale, (float) $i['actual'], (float) $i['budget']);
    }
    if ($maxScale <= 0) { $maxScale = 1; }
    $barTrackW = 220; // pt

    // Multi-series line chart — one polyline per series.
    $chartW = 480; $chartH = 160; $padX = 30; $padY = 22;
    $allValues = [];
    foreach ($series['series'] as $s) {
        foreach ($s['data'] as $v) {
            if ($v !== null) $allValues[] = $v;
        }
    }
    $minV = !empty($allValues) ? min($allValues) : 0;
    $maxV = !empty($allValues) ? max($allValues) : 1;
    if ($minV === $maxV) { $maxV = $minV + 1; }
    $stepX = count($series['labels']) > 1 ? ($chartW - 2 * $padX) / (count($series['labels']) - 1) : 0;
    $polylines = [];
    foreach ($series['series'] as $s) {
        $pts = [];
        foreach ($s['data'] as $i => $v) {
            if ($v === null) continue;
            $x = $padX + $i * $stepX;
            $y = $chartH - $padY - (($v - $minV) / ($maxV - $minV)) * ($chartH - 2 * $padY);
            $pts[] = "{$x},{$y}";
        }
        $polylines[] = ['color' => $s['color'], 'label' => $s['label'], 'points' => implode(' ', $pts)];
    }
@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">Dépenses & Coûts</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">Dépenses totales</div>
                <div class="kpi-value">{{ $fmtNum($kpis['total_expenses']['value']) }}<span class="kpi-unit">{{ $kpis['total_expenses']['unit'] }}</span></div>
                @if ($kpis['total_expenses']['delta'] !== null)
                    <div class="kpi-delta {{ ($kpis['total_expenses']['delta'] ?? 0) > 0 ? 'delta-down' : 'delta-up' }}">
                        {{ $fmtDelta($kpis['total_expenses']['delta']) }} {{ $kpis['total_expenses']['delta_label'] }}
                    </div>
                @else
                    <div class="kpi-delta delta-flat">{{ $kpis['total_expenses']['delta_label'] }}</div>
                @endif
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Poste principal</div>
                <div class="kpi-value">{{ $kpis['top_category']['value'] }}</div>
                @if (!empty($kpis['top_category']['unit']))
                    <div class="kpi-delta delta-flat">{{ $kpis['top_category']['unit'] }}</div>
                @endif
                <div class="kpi-delta delta-flat">{{ $kpis['top_category']['delta_label'] ?? '' }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Carburant</div>
                <div class="kpi-value">{{ $fmtNum($kpis['fuel_delta']['value']) }}<span class="kpi-unit">{{ $kpis['fuel_delta']['unit'] }}</span></div>
                <div class="kpi-delta delta-flat">{{ $kpis['fuel_delta']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Amendes</div>
                <div class="kpi-value">{{ $fmtNum($kpis['fines_delta']['value']) }}<span class="kpi-unit">{{ $kpis['fines_delta']['unit'] }}</span></div>
                <div class="kpi-delta delta-flat">{{ $kpis['fines_delta']['delta_label'] }}</div>
            </div>
        </div>
    </div>

    <h3 class="section-title">Dépenses par catégorie — Réel vs Budget</h3>
    @if (!empty($items))
        <table style="width: 100%; border-collapse: collapse;">
            @foreach ($items as $i)
                @php
                    $actW = $maxScale > 0 ? ($i['actual'] / $maxScale) * $barTrackW : 0;
                    $budW = $maxScale > 0 ? ($i['budget'] / $maxScale) * $barTrackW : 0;
                    $tone = $directionTone[$i['direction'] ?? 'neutral'] ?? 'delta-flat';
                @endphp
                <tr style="border-bottom: 0.5pt solid #F3F4F6;">
                    <td style="padding: 6pt 4pt; vertical-align: middle; width: 28%;">
                        <div style="font-size: 9pt; font-weight: 600; color: #1F2937;">{{ $i['label'] }}</div>
                        <div style="font-size: 8pt; color: #6B7280;">Budget : {{ $fmtNum($i['budget']) }} €</div>
                    </td>
                    <td style="padding: 6pt 4pt; vertical-align: middle;">
                        <div style="background: #F3F4F6; height: 14pt; width: {{ $barTrackW }}pt; border-radius: 2pt; position: relative;">
                            <div style="background: {{ $i['color'] }}; height: 14pt; width: {{ $actW }}pt; border-radius: 2pt;"></div>
                        </div>
                        <div style="background: #E5E7EB; height: 6pt; width: {{ $budW }}pt; border-radius: 2pt; margin-top: 2pt;"></div>
                    </td>
                    <td style="padding: 6pt 4pt; vertical-align: middle; text-align: right; width: 18%;">
                        <div style="font-size: 10pt; font-weight: 600;">{{ $fmtNum($i['actual']) }} €</div>
                        @if ($i['delta_pct'] !== null)
                            <div class="kpi-delta {{ $tone }}" style="margin-top: 2pt;">{{ $fmtDelta($i['delta_pct']) }}</div>
                        @endif
                    </td>
                </tr>
            @endforeach
            <tr>
                <td style="padding: 8pt 4pt; font-weight: 700; color: #111827;">{{ $total['label'] }}</td>
                <td></td>
                <td style="padding: 8pt 4pt; text-align: right; font-weight: 700; color: #111827;">{{ $fmtNum($total['actual']) }} €</td>
            </tr>
        </table>
    @else
        <p style="color:#6B7280; font-style: italic;">Aucune dépense pour la période et les filtres choisis.</p>
    @endif

    <h3 class="section-title">Évolution mensuelle par catégorie (6 mois)</h3>
    @if (!empty($polylines))
        <svg width="{{ $chartW }}" height="{{ $chartH }}" viewBox="0 0 {{ $chartW }} {{ $chartH }}" xmlns="http://www.w3.org/2000/svg" style="background: #F9FAFB; border: 1pt solid #E5E7EB; border-radius: 4pt;">
            <line x1="{{ $padX }}" y1="{{ $chartH - $padY }}" x2="{{ $chartW - $padX }}" y2="{{ $chartH - $padY }}" stroke="#D1D5DB" stroke-width="0.5"/>
            @foreach ($polylines as $pl)
                <polyline points="{{ $pl['points'] }}" fill="none" stroke="{{ $pl['color'] }}" stroke-width="2" />
            @endforeach
            @foreach ($series['labels'] as $i => $lbl)
                @php $x = $padX + $i * $stepX; @endphp
                <text x="{{ $x }}" y="{{ $chartH - $padY + 12 }}" font-size="8" text-anchor="middle" fill="#6B7280">{{ $lbl }}</text>
            @endforeach
        </svg>
        <div style="margin-top: 6pt; font-size: 8pt; color: #374151;">
            @foreach ($polylines as $pl)
                <span style="display: inline-block; margin-right: 10pt;">
                    <span style="display:inline-block;width:8pt;height:8pt;background:{{ $pl['color'] }};border-radius:1pt;margin-right:4pt;vertical-align:middle;"></span>
                    {{ $pl['label'] }}
                </span>
            @endforeach
        </div>
    @else
        <p style="color:#6B7280; font-style: italic;">Pas de données mensuelles pour la période.</p>
    @endif
@endsection