@extends('layouts.app')
@section('title', 'Tableau de bord')
@section('content')
<h3 class="mb-4">Tableau de bord</h3>

<div class="row g-3 mb-4">
    <div class="col-md-3">
        <div class="card text-center shadow-sm">
            <div class="card-body">
                <div class="display-6">{{ $totalDossiers }}</div>
                <div class="text-muted">Dossiers au total</div>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card text-center shadow-sm">
            <div class="card-body">
                <div class="display-6">{{ $enRetard->count() }}</div>
                <div class="text-muted">Dossiers en retard (ETA dépassée)</div>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card text-center shadow-sm">
            <div class="card-body">
                <div class="display-6">{{ number_format($co2Cumule ?? 0, 1, ',', ' ') }}</div>
                <div class="text-muted">Émissions CO2 cumulées</div>
            </div>
        </div>
    </div>
</div>

<div class="row g-3 mb-4">
    <div class="col-md-6">
        <div class="card shadow-sm">
            <div class="card-header">Dossiers par état</div>
            <ul class="list-group list-group-flush">
                @forelse($parEtat as $nom => $total)
                    <li class="list-group-item d-flex justify-content-between">
                        <span>{{ $nom }}</span><strong>{{ $total }}</strong>
                    </li>
                @empty
                    <li class="list-group-item text-muted">Aucune donnée</li>
                @endforelse
            </ul>
        </div>
    </div>
    <div class="col-md-6">
        <div class="card shadow-sm">
            <div class="card-header">Dossiers par mode de transport</div>
            <ul class="list-group list-group-flush">
                @forelse($parMode as $nom => $total)
                    <li class="list-group-item d-flex justify-content-between">
                        <span>{{ $nom }}</span><strong>{{ $total }}</strong>
                    </li>
                @empty
                    <li class="list-group-item text-muted">Aucune donnée</li>
                @endforelse
            </ul>
        </div>
    </div>
</div>

<div class="card shadow-sm">
    <div class="card-header">Dossiers en retard</div>
    <div class="table-responsive">
        <table class="table table-sm mb-0">
            <thead><tr><th>N° dossier</th><th>Client</th><th>Destination</th><th>État</th><th>ETA</th></tr></thead>
            <tbody>
            @forelse($enRetard as $t)
                <tr>
                    <td><a href="{{ route('transports.show', $t) }}">{{ $t->numero_dossier ?: $t->numero_affaire }}</a></td>
                    <td>{{ $t->client }}</td>
                    <td>{{ $t->destinationPays?->nom }}</td>
                    <td>{{ $t->etat?->nom }}</td>
                    <td>{{ $t->eta?->format('d/m/Y') }}</td>
                </tr>
            @empty
                <tr><td colspan="5" class="text-muted text-center">Aucun dossier en retard 🎉</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection