@extends('reports.pdf.layout')

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

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

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

    // Horizontal-bar geometry — score /100 per garage, ranked desc.
    $barCount = max(1, count($rows));
    $rowH    = 22; $svgPad = 8; $labelW = 140;
    $svgW    = 480; $svgH = $svgPad * 2 + $rowH * $barCount;
    $maxScore = 100;
    $trackW  = $svgW - $labelW - $svgPad - 60; // leave 60pt for the value text
    $scoreColor = function ($s) {
        if ($s >= 80) return '#10B981';
        if ($s >= 60) return '#FBBF24';
        return '#EF4444';
    };
    $scoreTone = function ($s) {
        if ($s >= 80) return 'success';
        if ($s >= 60) return 'warning';
        return 'danger';
    };
@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">Maintenance</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">Garages évalués</div>
                <div class="kpi-value">{{ $fmtNum($k['garages_count']['value']) }}</div>
                <div class="kpi-delta delta-flat">{{ $k['garages_count']['caption'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Meilleur prestataire</div>
                <div class="kpi-value" style="font-size: 12pt;">{{ $k['best_garage']['value'] ?? '—' }}</div>
                <div class="kpi-delta delta-up">{{ $k['best_garage']['caption'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Garage à risque</div>
                <div class="kpi-value" style="font-size: 12pt;">{{ $k['worst_garage']['value'] ?? '—' }}</div>
                <div class="kpi-delta delta-down">{{ $k['worst_garage']['caption'] }}</div>
            </div>
            <div class="kpi-card">
                <div class="kpi-label">Coût moyen / OT</div>
                <div class="kpi-value">{{ $fmtNum($k['avg_cost_ot']['value']) }}<span class="kpi-unit">{{ $k['avg_cost_ot']['unit'] }}</span></div>
                <div class="kpi-delta delta-flat">{{ $k['avg_cost_ot']['caption'] }}</div>
            </div>
        </div>
    </div>

    <h3 class="section-title">Classement des garages (score global /100)</h3>
    @if (!empty($rows))
        <svg width="{{ $svgW }}" height="{{ $svgH }}" viewBox="0 0 {{ $svgW }} {{ $svgH }}" xmlns="http://www.w3.org/2000/svg" style="background: #F9FAFB; border: 1pt solid #E5E7EB; border-radius: 4pt;">
            @foreach ($rows as $i => $r)
                @php
                    $y = $svgPad + $i * $rowH + 4;
                    $w = ($r['score'] / $maxScore) * $trackW;
                    $color = $scoreColor($r['score']);
                @endphp
                <text x="{{ $svgPad }}" y="{{ $y + 11 }}" font-size="9" fill="#374151">{{ \Illuminate\Support\Str::limit($r['garage'], 22) }}</text>
                <rect x="{{ $labelW }}" y="{{ $y + 2 }}" width="{{ $trackW }}" height="12" fill="#E5E7EB" rx="2" />
                <rect x="{{ $labelW }}" y="{{ $y + 2 }}" width="{{ $w }}" height="12" fill="{{ $color }}" rx="2" />
                <text x="{{ $labelW + $trackW + 8 }}" y="{{ $y + 11 }}" font-size="9" fill="#111827">{{ $r['score'] }}/100</text>
            @endforeach
        </svg>
    @else
        <p style="color:#6B7280; font-style: italic;">Aucun OT garage sur la période.</p>
    @endif

    <h3 class="section-title">Détail performance par garage</h3>
    @if (!empty($rows))
        <table class="data">
            <thead>
                <tr>
                    <th>Garage</th>
                    <th class="num">OT</th>
                    <th class="num">Délai (j)</th>
                    <th class="num">Coût moy.</th>
                    <th class="num">Récl.</th>
                    <th class="num">Score</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($rows as $r)
                    @php
                        $tone = $scoreTone($r['score']);
                        $bg = $tone === 'success' ? '#D1FAE5' : ($tone === 'warning' ? '#FEF3C7' : '#FEE2E2');
                        $fg = $tone === 'success' ? '#065F46' : ($tone === 'warning' ? '#92400E' : '#991B1B');
                    @endphp
                    <tr>
                        <td>{{ $r['garage'] }}</td>
                        <td class="num">{{ $r['ot'] }}</td>
                        <td class="num">{{ $r['delay_days'] !== null ? number_format($r['delay_days'], 1, ',', ' ') . ' j' : '—' }}</td>
                        <td class="num">{{ $r['avg_cost'] !== null ? number_format($r['avg_cost'], 0, ',', ' ') . ' €' : '—' }}</td>
                        <td class="num" style="color:#9CA3AF;">À venir</td>
                        <td class="num">
                            <span style="display:inline-block; padding:2pt 6pt; border-radius:3pt; background:{{ $bg }}; color:{{ $fg }}; font-weight:600; font-size:8.5pt;">{{ $r['score'] }}</span>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
        <p style="font-size: 8pt; color: #9CA3AF; margin-top: 4pt;">
            Note clients : module évaluation à venir. Score basé sur le délai moyen et le coût relatif.
        </p>
    @else
        <p style="color:#6B7280; font-style: italic;">Aucun garage à afficher.</p>
    @endif
@endsection