@extends('reports.pdf.layout')

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

@php
    $meta    = $data['meta'];
    $kpis    = $data['kpis'];
    $split   = $data['connection_split'];
    $listing = $data['eligible_listing'];

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

    // Pie geometry — 360° single-segment falls back to <circle>.
    $pieR = 60; $pieCx = 70; $pieCy = 70;
    $pieTotal = array_sum(array_map(fn ($s) => $s['count'], $split));
    $pieSlices = [];
    $acc = -90;
    foreach ($split as $s) {
        if ($pieTotal <= 0 || $s['count'] <= 0) continue;
        $sweep = ($s['count'] / $pieTotal) * 360;
        $isFull = $sweep >= 359.999;
        if ($isFull) {
            $path = null;
        } else {
            $r1 = deg2rad($acc); $r2 = deg2rad($acc + $sweep);
            $x1 = $pieCx + $pieR * cos($r1); $y1 = $pieCy + $pieR * sin($r1);
            $x2 = $pieCx + $pieR * cos($r2); $y2 = $pieCy + $pieR * sin($r2);
            $large = $sweep > 180 ? 1 : 0;
            $path = sprintf('M %s %s L %.2f %.2f A %s %s 0 %d 1 %.2f %.2f Z', $pieCx, $pieCy, $x1, $y1, $pieR, $pieR, $large, $x2, $y2);
        }
        $pieSlices[] = [
            'path'    => $path,
            'color'   => $s['color'],
            'label'   => $s['label'],
            'count'   => $s['count'],
            'percent' => $pieTotal > 0 ? round(($s['count'] / $pieTotal) * 100, 1) : 0,
        ];
        $acc += $sweep;
    }
@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">Télématique</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 de déploiement</h3>
    <div class="kpi-grid">
        <div class="kpi-row">
            <div class="kpi-card">
                <div class="kpi-label">Véhicules connectés</div>
                <div class="kpi-value">{{ $fmtNum($kpis['connected_count']['value']) }}</div>
                <div class="kpi-delta delta-flat">{{ $kpis['connected_count']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Non connectés éligibles</div>
                <div class="kpi-value">{{ $fmtNum($kpis['disconnected_eligible']['value']) }}</div>
                <div class="kpi-delta delta-flat">{{ $kpis['disconnected_eligible']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Boîtiers commandés</div>
                <div class="kpi-value">{{ $fmtNum($kpis['ordered_devices']['value']) }}</div>
                <div class="kpi-delta delta-flat">{{ $kpis['ordered_devices']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Boîtiers en panne</div>
                <div class="kpi-value">{{ $fmtNum($kpis['broken_devices']['value']) }}</div>
                <div class="kpi-delta delta-flat">{{ $kpis['broken_devices']['delta_label'] }}</div>
            </div>
        </div>
    </div>

    <h3 class="section-title">Répartition des statuts de connexion</h3>
    @if (!empty($pieSlices))
        <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 ($pieSlices as $s)
                            @if ($s['path'] === null)
                                <circle cx="{{ $pieCx }}" cy="{{ $pieCy }}" r="{{ $pieR }}" fill="{{ $s['color'] }}" stroke="#FFF" stroke-width="0.8" />
                            @else
                                <path d="{{ $s['path'] }}" fill="{{ $s['color'] }}" stroke="#FFF" stroke-width="0.8" />
                            @endif
                        @endforeach
                    </svg>
                </td>
                <td style="vertical-align: middle;">
                    @foreach ($pieSlices as $s)
                        <div style="font-size: 9pt; padding: 2pt 0;">
                            <span style="display:inline-block;width:8pt;height:8pt;background:{{ $s['color'] }};border-radius:1pt;margin-right:5pt;"></span>
                            <strong>{{ $s['label'] }}</strong> — {{ $fmtNum($s['count']) }} ({{ number_format($s['percent'], 1, ',', ' ') }} %)
                        </div>
                    @endforeach
                </td>
            </tr>
        </table>
    @else
        <p style="color:#6B7280; font-style: italic;">Aucun véhicule sur la période.</p>
    @endif

    <h3 class="section-title">Véhicules non connectés éligibles</h3>
    @if (!empty($listing))
        <table class="data">
            <thead>
                <tr>
                    <th>Véhicule</th>
                    <th>Modèle</th>
                    <th>Statut</th>
                    <th>Site</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($listing as $r)
                    <tr>
                        <td>{{ $r['plate'] }}</td>
                        <td>{{ $r['model'] }}</td>
                        <td>{{ $r['status'] }}</td>
                        <td>{{ $r['site'] }}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    @else
        <p style="color:#6B7280; font-style: italic;">Aucun véhicule éligible non connecté.</p>
    @endif
@endsection