@extends('layouts.app')
@section('title', 'Tableau de bord partenaire')
@section('content')
<h3 class="mb-4">Bienvenue, {{ auth()->user()->name }} 👋</h3>

@if($recentRequests->isEmpty())
<div class="alert alert-info">
    <strong>Première visite ?</strong> Choisissez un des 4 types de demande ci-dessous pour commencer.
    Une fois envoyée, un agent de collecte sera notifié automatiquement et viendra effectuer la collecte.
    Besoin d'aide ? Consultez la page <a href="{{ route('help') }}" class="alert-link">Aide</a>.
</div>
@endif

<div class="row g-3 mb-4">
    <div class="col-4">
        <div class="card p-3 text-center">
            <div class="fs-3 fw-bold">{{ $stats['en_attente'] }}</div>
            <div class="small text-muted">En attente</div>
        </div>
    </div>
    <div class="col-4">
        <div class="card p-3 text-center">
            <div class="fs-3 fw-bold text-primary">{{ $stats['en_cours'] }}</div>
            <div class="small text-muted">En cours</div>
        </div>
    </div>
    <div class="col-4">
        <div class="card p-3 text-center">
            <div class="fs-3 fw-bold text-success">{{ $stats['terminees'] }}</div>
            <div class="small text-muted">Terminées</div>
        </div>
    </div>
</div>

<h6 class="text-muted mb-2">Faire une nouvelle demande</h6>
<div class="row g-3 mb-4">
    <div class="col-md-3 col-6">
        <a href="{{ route('partner.requests.create', 'prelevement') }}" class="card p-3 text-decoration-none text-dark h-100 mobile-card">
            <div class="fs-3 mb-1"><i class="bi bi-droplet-half text-primary"></i></div>
            <div class="fw-bold">Prélèvement</div>
            <div class="small text-muted">Planifier une collecte</div>
        </a>
    </div>
    <div class="col-md-3 col-6">
        <a href="{{ route('partner.requests.create', 'consommable') }}" class="card p-3 text-decoration-none text-dark h-100 mobile-card">
            <div class="fs-3 mb-1"><i class="bi bi-box-seam text-primary"></i></div>
            <div class="fw-bold">Consommable</div>
            <div class="small text-muted">Réapprovisionnement</div>
        </a>
    </div>
    <div class="col-md-3 col-6">
        <a href="{{ route('partner.requests.create', 'reclamation') }}" class="card p-3 text-decoration-none text-dark h-100 mobile-card">
            <div class="fs-3 mb-1"><i class="bi bi-exclamation-triangle text-primary"></i></div>
            <div class="fw-bold">Réclamation</div>
            <div class="small text-muted">Signaler un problème</div>
        </a>
    </div>
    <div class="col-md-3 col-6">
        <a href="{{ route('partner.requests.create', 'resultat') }}" class="card p-3 text-decoration-none text-dark h-100 mobile-card">
            <div class="fs-3 mb-1"><i class="bi bi-file-earmark-text text-primary"></i></div>
            <div class="fw-bold">Résultats</div>
            <div class="small text-muted">Suivi patient</div>
        </a>
    </div>
</div>

<h5 class="mb-3">Vos dernières demandes</h5>
@forelse($recentRequests as $r)
<div class="card p-3 mb-2 mobile-card d-flex flex-row justify-content-between align-items-center">
    <div>
        <div class="fw-bold">#{{ $r->id }} — {{ \App\Models\ServiceRequest::types()[$r->type] }}</div>
        <div class="small text-muted">{{ $r->created_at->format('d/m/Y H:i') }}</div>
    </div>
    <span class="badge bg-secondary">{{ \App\Models\ServiceRequest::statuses()[$r->status] }}</span>
</div>
@empty
<div class="card p-4 text-center text-muted">Aucune demande pour le moment.</div>
@endforelse
@endsection