@extends('reports.pdf.layout')

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

@php
    $meta    = $data['meta'];
    $kpis    = $data['kpis'];
    $axes    = $data['axes'];
    $actions = $data['actions'];

    $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', 'info' => '#DBEAFE', 'success' => '#D1FAE5', 'neutral' => '#F3F4F6'];
    $toneColor = ['danger' => '#991B1B', 'warning' => '#92400E', 'info' => '#1E3A8A', 'success' => '#065F46', 'neutral' => '#374151'];
@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'] }} ·
            {{ $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">Score conformité</div>
                <div class="kpi-value">{{ $kpis['compliance_score']['value'] }}</div>
                <div class="kpi-delta delta-up">{{ $kpis['compliance_score']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Risques identifiés</div>
                <div class="kpi-value">{{ $kpis['risks_count']['value'] }}</div>
                <div class="kpi-delta delta-down">{{ $kpis['risks_count']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Montant des risques</div>
                <div class="kpi-value">{{ $fmtNum($kpis['risk_amount']['value']) }}<span class="kpi-unit">{{ $kpis['risk_amount']['unit'] }}</span></div>
                <div class="kpi-delta delta-down">{{ $kpis['risk_amount']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Actions correctives</div>
                <div class="kpi-value">{{ $kpis['corrective_count']['value'] }}<span class="kpi-unit">{{ $kpis['corrective_count']['unit'] }}</span></div>
                <div class="kpi-delta delta-flat">{{ $kpis['corrective_count']['delta_label'] }}</div>
            </div>
        </div>
    </div>

    <div class="two-col" style="margin-top: 12pt;">
        <div class="col">
            <h3 class="section-title">Conformité par axe fiscal</h3>
            @if (!empty($axes))
                @foreach ($axes as $a)
                    <div style="margin-bottom: 6pt;">
                        <div style="font-size: 9pt;"><strong>{{ $a['label'] }}</strong> — {{ $a['value'] }}</div>
                        <div style="font-size: 7.5pt; color:#6B7280;">{{ $a['meta'] }}</div>
                        <div style="background: #F3F4F6; border-radius: 2pt; height: 7pt; margin-top: 2pt;">
                            <div style="width: {{ min(100, $a['percent']) }}%; background: {{ $a['color'] }}; height: 7pt; border-radius: 2pt;"></div>
                        </div>
                    </div>
                @endforeach
            @else
                <p style="color:#6B7280; font-style: italic;">Aucun axe à afficher.</p>
            @endif
        </div>
        <div class="col">
            <h3 class="section-title">Plan d'actions correctives</h3>
            @if (!empty($actions))
                @foreach ($actions as $a)
                    @php
                        $tone = $a['tone'] ?? 'neutral';
                        $bg = $toneBg[$tone]; $fg = $toneColor[$tone];
                    @endphp
                    <div style="margin-bottom: 5pt; padding: 6pt 8pt; border-radius: 4pt; background: {{ $bg }}; color: {{ $fg }}; font-size: 8.5pt;">
                        {{ $a['title'] }}
                    </div>
                @endforeach
            @else
                <p style="color:#6B7280; font-style: italic;">Aucune action requise.</p>
            @endif
        </div>
    </div>
@endsection