@extends('reports.pdf.layout')

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

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

    $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);
    };

    // Pie geometry helper (single SVG slice path per segment).
    $renderPie = function (array $segments) {
        $cx = 70; $cy = 70; $r = 60;
        $total = array_sum(array_map(fn ($s) => $s['count'] ?? $s['percent'], $segments));
        $slices = [];
        $acc = -90;
        foreach ($segments as $s) {
            $val = $s['count'] ?? $s['percent'];
            if ($total <= 0) break;
            $sweep = ($val / $total) * 360;
            $isFull = $sweep >= 359.999;

            if ($isFull) {
                $path = null;
            } else {
                $rad1 = deg2rad($acc);
                $rad2 = deg2rad($acc + $sweep);
                $x1 = $cx + $r * cos($rad1); $y1 = $cy + $r * sin($rad1);
                $x2 = $cx + $r * cos($rad2); $y2 = $cy + $r * sin($rad2);
                $largeArc = $sweep > 180 ? 1 : 0;
                $path = sprintf('M %s %s L %.2f %.2f A %s %s 0 %d 1 %.2f %.2f Z',
                    $cx, $cy, $x1, $y1, $r, $r, $largeArc, $x2, $y2);
            }

            $slices[] = ['path' => $path, 'color' => $s['color']];
            $acc += $sweep;
        }
        return ['slices' => $slices, 'cx' => $cx, 'cy' => $cy, 'r' => $r];
    };

    $energyPie = $renderPie($data['energy_segments']);
    $bodyPie   = $renderPie($data['body_segments']);

    // Bar chart for age buckets.
    $bars = $data['age_buckets'];
    $maxBar = max(1, max(array_map(fn ($b) => $b['count'], $bars)));
    $barW = 480; $barH = 140; $barPad = 30;
    $barWidth = (int) (($barW - 2 * $barPad) / max(1, count($bars))) - 8;
@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">Parc &amp; Véhicules</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">Total véhicules</div>
                <div class="kpi-value">{{ $fmtNum($k['total']['value']) }}</div>
                <div class="kpi-delta delta-flat">{{ $k['total']['caption'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Ancienneté moyenne</div>
                <div class="kpi-value">{{ $fmtNum($k['avg_age']['value']) }}<span class="kpi-unit">{{ $k['avg_age']['unit'] }}</span></div>
                <div class="kpi-delta delta-flat">{{ $k['avg_age']['caption'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Part électrique</div>
                <div class="kpi-value">{{ $fmtNum($k['electric_pct']['value']) }}<span class="kpi-unit">%</span></div>
                <div class="kpi-delta delta-flat">{{ $k['electric_pct']['caption'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Part thermique</div>
                <div class="kpi-value">{{ $fmtNum($k['thermal_pct']['value']) }}<span class="kpi-unit">%</span></div>
                <div class="kpi-delta delta-flat">{{ $k['thermal_pct']['caption'] }}</div>
            </div>
        </div>
    </div>

    <div class="two-col" style="margin-top: 12pt;">
        <div class="col">
            <h3 class="section-title">Répartition par énergie</h3>
            @if (!empty($data['energy_segments']))
                <table style="width: 100%; border-collapse: collapse;">
                    <tr>
                        <td style="vertical-align: middle; width: 150pt; padding-right: 8pt;">
                            <svg width="140" height="140" viewBox="0 0 140 140" xmlns="http://www.w3.org/2000/svg">
                                @foreach ($energyPie['slices'] as $idx => $sl)
                                    @if ($sl['path'] === null)
                                        <circle cx="{{ $energyPie['cx'] }}" cy="{{ $energyPie['cy'] }}" r="{{ $energyPie['r'] }}" fill="{{ $sl['color'] }}" stroke="#FFF" stroke-width="0.8" />
                                    @else
                                        <path d="{{ $sl['path'] }}" fill="{{ $sl['color'] }}" stroke="#FFF" stroke-width="0.8" />
                                    @endif
                                @endforeach
                            </svg>
                        </td>
                        <td style="vertical-align: middle;">
                            @foreach ($data['energy_segments'] as $s)
                                <div style="font-size: 8.5pt; padding: 1pt 0;">
                                    <span style="display:inline-block;width:7pt;height:7pt;background:{{ $s['color'] }};border-radius:1pt;margin-right:5pt;"></span>
                                    <strong>{{ $s['label'] }}</strong> — {{ $s['count'] }} véh. ({{ number_format($s['percent'], 1, ',', ' ') }} %)
                                </div>
                            @endforeach
                        </td>
                    </tr>
                </table>
            @else
                <p style="color:#6B7280; font-style: italic;">Aucun véhicule.</p>
            @endif
        </div>
        <div class="col">
            <h3 class="section-title">Répartition par carrosserie</h3>
            @if (!empty($data['body_segments']))
                <table style="width: 100%; border-collapse: collapse;">
                    <tr>
                        <td style="vertical-align: middle; width: 150pt; padding-right: 8pt;">
                            <svg width="140" height="140" viewBox="0 0 140 140" xmlns="http://www.w3.org/2000/svg">
                                @foreach ($bodyPie['slices'] as $sl)
                                    @if ($sl['path'] === null)
                                        <circle cx="{{ $bodyPie['cx'] }}" cy="{{ $bodyPie['cy'] }}" r="{{ $bodyPie['r'] }}" fill="{{ $sl['color'] }}" stroke="#FFF" stroke-width="0.8" />
                                    @else
                                        <path d="{{ $sl['path'] }}" fill="{{ $sl['color'] }}" stroke="#FFF" stroke-width="0.8" />
                                    @endif
                                @endforeach
                            </svg>
                        </td>
                        <td style="vertical-align: middle;">
                            @foreach ($data['body_segments'] as $s)
                                <div style="font-size: 8.5pt; padding: 1pt 0;">
                                    <span style="display:inline-block;width:7pt;height:7pt;background:{{ $s['color'] }};border-radius:1pt;margin-right:5pt;"></span>
                                    <strong>{{ $s['label'] }}</strong> — {{ $s['count'] }} véh. ({{ number_format($s['percent'], 1, ',', ' ') }} %)
                                </div>
                            @endforeach
                        </td>
                    </tr>
                </table>
            @else
                <p style="color:#6B7280; font-style: italic;">Donnée carrosserie non renseignée.</p>
            @endif
        </div>
    </div>

    <h3 class="section-title">Pyramide des âges du parc</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 ($bars as $i => $b)
            @php
                $h = ($b['count'] / $maxBar) * ($barH - 50);
                $x = $barPad + $i * (($barW - 2 * $barPad) / count($bars)) + 4;
                $y = $barH - 24 - $h;
            @endphp
            <rect x="{{ $x }}" y="{{ $y }}" width="{{ $barWidth }}" height="{{ $h }}" fill="#3B82F6" rx="2" />
            <text x="{{ $x + $barWidth / 2 }}" y="{{ $barH - 10 }}" font-size="8" text-anchor="middle" fill="#6B7280">{{ $b['label'] }}</text>
            <text x="{{ $x + $barWidth / 2 }}" y="{{ $y - 3 }}" font-size="8" text-anchor="middle" fill="#374151">{{ $b['count'] }}</text>
        @endforeach
    </svg>

    <h3 class="section-title">Top {{ count($data['brand_segments']) }} marques du parc ({{ $data['brand_count'] }} marques au total)</h3>
    @if (!empty($data['brand_segments']))
        <table class="data">
            <thead>
                <tr>
                    <th>Marque</th>
                    <th class="num">Véhicules</th>
                    <th class="num">% du parc</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($data['brand_segments'] as $b)
                    <tr>
                        <td>
                            <span style="display:inline-block;width:7pt;height:7pt;background:{{ $b['color'] }};border-radius:1pt;margin-right:5pt;"></span>
                            {{ $b['label'] }}
                        </td>
                        <td class="num">{{ $b['count'] }}</td>
                        <td class="num">{{ number_format($b['percent'], 1, ',', ' ') }} %</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    @else
        <p style="color:#6B7280; font-style: italic;">Aucune marque.</p>
    @endif
@endsection