@extends('reports.pdf.layout')

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

@php
    $meta       = $data['meta'];
    $kpis       = $data['kpis'];
    $byCategory = $data['by_category'];
    $evolution  = $data['evolution'];
    $anomaly    = $data['anomaly'];

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

    // Line geometry.
    $lineW = 320; $lineH = 140; $linePadX = 30; $linePadY = 22;
    $maxLine = 0;
    foreach ($evolution as $e) { $maxLine = max($maxLine, (float) $e['recoverable'], (float) $e['non_recoverable']); }
    $maxLine = max($maxLine, 1);
    $lineSlot = count($evolution) > 1 ? ($lineW - 2 * $linePadX) / (count($evolution) - 1) : 0;
@endphp

@section('content')
    <div class="header-band" style="background-color: #F59E0B;">
        <div class="eyebrow">DADYCAR FLEET MANAGER</div>
        <h1 class="title">{{ $meta['title'] }}</h1>
        <div class="meta">
            <span class="badge">Fiscalité</span>
            <span class="badge">{{ $meta['code'] }}</span>
            Période : {{ $meta['period']['label'] }} · {{ $meta['site_label'] }} ·
            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">TVA récupérable</div>
                <div class="kpi-value">{{ $fmtNum($kpis['tva_recoverable']['value']) }}<span class="kpi-unit">{{ $kpis['tva_recoverable']['unit'] }}</span></div>
                <div class="kpi-delta delta-up">{{ $kpis['tva_recoverable']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">TVA non récupérable</div>
                <div class="kpi-value">{{ $fmtNum($kpis['tva_non_recoverable']['value']) }}<span class="kpi-unit">{{ $kpis['tva_non_recoverable']['unit'] }}</span></div>
                <div class="kpi-delta delta-down">{{ $kpis['tva_non_recoverable']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Taux de récup.</div>
                <div class="kpi-value">{{ $kpis['recovery_rate']['value'] !== null ? $kpis['recovery_rate']['value'] : '—' }}<span class="kpi-unit">{{ $kpis['recovery_rate']['unit'] }}</span></div>
                <div class="kpi-delta delta-flat">{{ $kpis['recovery_rate']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Gain mensuel</div>
                <div class="kpi-value">+{{ $fmtNum($kpis['monthly_gain']['value']) }}<span class="kpi-unit">{{ $kpis['monthly_gain']['unit'] }}</span></div>
                <div class="kpi-delta delta-up">{{ $kpis['monthly_gain']['delta_label'] }}</div>
            </div>
        </div>
    </div>

    <div class="two-col" style="margin-top: 12pt;">
        <div class="col">
            <h3 class="section-title">TVA par catégorie de dépense</h3>
            @if (!empty($byCategory))
                @foreach ($byCategory as $c)
                    <div style="margin-bottom: 5pt;">
                        <div style="font-size: 9pt;"><strong>{{ $c['label'] }}</strong> — {{ $c['value'] }} <span style="color:#6B7280;">({{ $c['meta'] }})</span></div>
                        <div style="background: #F3F4F6; border-radius: 2pt; height: 7pt; margin-top: 2pt;">
                            <div style="width: {{ min(100, $c['percent']) }}%; background: {{ $c['color'] }}; height: 7pt; border-radius: 2pt;"></div>
                        </div>
                    </div>
                @endforeach
            @else
                <p style="color:#6B7280; font-style: italic;">Pas de dépenses sur la période.</p>
            @endif
        </div>
        <div class="col">
            <h3 class="section-title">Évolution TVA récupérable vs non récupérable</h3>
            <svg width="{{ $lineW }}" height="{{ $lineH }}" viewBox="0 0 {{ $lineW }} {{ $lineH }}" xmlns="http://www.w3.org/2000/svg" style="background: #F9FAFB; border: 1pt solid #E5E7EB; border-radius: 4pt;">
                <line x1="{{ $linePadX }}" y1="{{ $lineH - $linePadY }}" x2="{{ $lineW - $linePadX }}" y2="{{ $lineH - $linePadY }}" stroke="#D1D5DB" stroke-width="0.5"/>
                @php $px1=null;$py1=null;$px2=null;$py2=null; @endphp
                @foreach ($evolution as $i => $e)
                    @php
                        $x = $linePadX + $i * $lineSlot;
                        $y1 = $lineH - $linePadY - (($e['recoverable']     / $maxLine) * ($lineH - 2 * $linePadY));
                        $y2 = $lineH - $linePadY - (($e['non_recoverable'] / $maxLine) * ($lineH - 2 * $linePadY));
                    @endphp
                    @if ($px1 !== null)
                        <line x1="{{ $px1 }}" y1="{{ $py1 }}" x2="{{ $x }}" y2="{{ $y1 }}" stroke="#10B981" stroke-width="2" />
                        <line x1="{{ $px2 }}" y1="{{ $py2 }}" x2="{{ $x }}" y2="{{ $y2 }}" stroke="#EF4444" stroke-width="2" />
                    @endif
                    <circle cx="{{ $x }}" cy="{{ $y1 }}" r="2.5" fill="#10B981" />
                    <circle cx="{{ $x }}" cy="{{ $y2 }}" r="2.5" fill="#EF4444" />
                    <text x="{{ $x }}" y="{{ $lineH - $linePadY + 12 }}" font-size="7.5" text-anchor="middle" fill="#6B7280">{{ $e['label'] }}</text>
                    @php $px1=$x;$py1=$y1;$px2=$x;$py2=$y2; @endphp
                @endforeach
            </svg>
            <div style="font-size: 8pt; color: #6B7280; margin-top: 3pt;">
                <span style="display:inline-block;width:7pt;height:7pt;background:#10B981;border-radius:1pt;margin-right:5pt;"></span>Récupérable
                <span style="display:inline-block;width:7pt;height:7pt;background:#EF4444;border-radius:1pt;margin:0 5pt 0 12pt;"></span>Non récupérable
            </div>
        </div>
    </div>

    @if ($anomaly)
        <div style="margin-top: 10pt; padding: 8pt; border-radius: 4pt; background: #FEF3C7; color: #92400E; font-size: 8.5pt;">
            <strong>Anomalie détectée :</strong> {{ $anomaly }}
        </div>
    @endif
@endsection