@extends('reports.pdf.layout')

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

@php
    $meta   = $data['meta'];
    $kpis   = $data['kpis'];
    $break  = $data['status_breakdown'];
    $issues = $data['issue_rows'];

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

    // Pie geometry — 360° fallback to <circle> for the single-segment case.
    $pieCx = 70; $pieCy = 70; $pieR = 60;
    $pieTotal = array_sum(array_map(fn ($s) => $s['count'], $break));
    $pieSlices = [];
    $acc = -90;
    foreach ($break 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' => $s['percent'],
        ];
        $acc += $sweep;
    }

    $statusBadgeBg = [
        'active'   => '#D1FAE5',
        'inactive' => '#FEF3C7',
        'error'    => '#FEE2E2',
        'pending'  => '#DBEAFE',
    ];
    $statusBadgeFg = [
        'active'   => '#065F46',
        'inactive' => '#92400E',
        'error'    => '#991B1B',
        'pending'  => '#1E3A8A',
    ];
@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">État des boîtiers télématiques</h3>
    <div class="kpi-grid">
        <div class="kpi-row">
            <div class="kpi-card">
                <div class="kpi-label">Boîtiers actifs</div>
                <div class="kpi-value">{{ $fmtNum($kpis['active']['value']) }}</div>
                <div class="kpi-delta delta-flat">{{ $kpis['active']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Boîtiers inactifs</div>
                <div class="kpi-value">{{ $fmtNum($kpis['inactive']['value']) }}</div>
                <div class="kpi-delta delta-flat">{{ $kpis['inactive']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Boîtiers en erreur</div>
                <div class="kpi-value">{{ $fmtNum($kpis['error']['value']) }}</div>
                <div class="kpi-delta delta-flat">{{ $kpis['error']['delta_label'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Durée moy. déconnexion</div>
                <div class="kpi-value">{{ $fmtNum($kpis['avg_disconnection']['value']) }}<span class="kpi-unit">{{ $kpis['avg_disconnection']['unit'] }}</span></div>
                <div class="kpi-delta delta-flat">{{ $kpis['avg_disconnection']['delta_label'] }}</div>
            </div>
        </div>
    </div>

    <h3 class="section-title">Répartition des statuts</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> — {{ $s['count'] }} ({{ number_format($s['percent'], 1, ',', ' ') }} %)
                        </div>
                    @endforeach
                </td>
            </tr>
        </table>
    @else
        <p style="color:#6B7280; font-style: italic;">Aucun véhicule à analyser.</p>
    @endif

    <h3 class="section-title">Boîtiers à traiter (inactifs ou en erreur)</h3>
    @if (!empty($issues))
        <table class="data">
            <thead>
                <tr>
                    <th>Véhicule</th>
                    <th>Modèle</th>
                    <th>Statut</th>
                    <th>Dernière synchro</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($issues as $r)
                    @php
                        $bg = $statusBadgeBg[$r['status_key']] ?? '#F3F4F6';
                        $fg = $statusBadgeFg[$r['status_key']] ?? '#374151';
                    @endphp
                    <tr>
                        <td>{{ $r['plate'] }}</td>
                        <td>{{ $r['model'] }}</td>
                        <td>
                            <span style="display:inline-block; padding:1pt 6pt; border-radius:999pt; background:{{ $bg }}; color:{{ $fg }}; font-size:8pt; font-weight:600;">{{ $r['status'] }}</span>
                        </td>
                        <td>{{ $r['last_sync'] }}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    @else
        <p style="color:#6B7280; font-style: italic;">Aucun boîtier inactif ou en erreur — parc 100% opérationnel.</p>
    @endif

    <p style="color:#6B7280; font-size:8pt; margin-top:8pt;">
        Note : la durée de déconnexion s'appuie sur <code>vehicles.updated_at</code> faute d'horodatage de communication
        dédié dans la table <code>devices</code>. Une mesure plus précise sera disponible dès l'ajout d'un
        <code>last_communication_at</code> côté boîtier.
    </p>
@endsection