@extends('layout.app')

@section('title', 'Dashboard - Administration')
@section('page_title', 'Tableau de bord')

@section('content')
<div class="container-fluid">
    <div class="row g-4 mb-4">
        <div class="col-md-3">
            <div class="card-stat text-center p-4">
                <i class="fa-solid fa-user-tie fa-2x text-primary mb-2"></i>
                <h6>Utilisateurs</h6>
                <h3 class="fw-bold">48</h3>
                <button class="btn btn-glo-primary btn-sm mt-2">Voir</button>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card-stat text-center p-4">
                <i class="fa-solid fa-hand-holding-dollar fa-2x text-success mb-2"></i>
                <h6>Budgets</h6>
                <h3 class="fw-bold">250K MAD</h3>
                <button class="btn btn-glo-success btn-sm mt-2">Gérer</button>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card-stat text-center p-4">
                <i class="fa-solid fa-prescription-bottle-medical fa-2x text-primary mb-2"></i>
                <h6>Produits</h6>
                <h3 class="fw-bold">112</h3>
                <button class="btn btn-glo-primary btn-sm mt-2">Liste</button>
            </div>
        </div>
        <div class="col-md-3">
            <div class="card-stat text-center p-4">
                <i class="fa-solid fa-store fa-2x text-success mb-2"></i>
                <h6>Pharmacies</h6>
                <h3 class="fw-bold">76</h3>
                <button class="btn btn-glo-success btn-sm mt-2">Voir</button>
            </div>
        </div>
    </div>

    <div class="card border-0 shadow-sm rounded-4">
        <div class="card-body">
            <h5 class="fw-semibold text-primary mb-3"><i class="fa-solid fa-chart-line me-1"></i> Activités récentes</h5>
            <table class="table table-hover align-middle">
                <thead>
                    <tr>
                        <th>Date</th>
                        <th>Utilisateur</th>
                        <th>Action</th>
                        <th>Résultat</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>20 Juin 2025</td>
                        <td>Salah Salah</td>
                        <td>Ajout visite</td>
                        <td><span class="badge bg-success">Succès</span></td>
                    </tr>
                    <tr>
                        <td>19 Juin 2025</td>
                        <td>Admin</td>
                        <td>Modification Listing</td>
                        <td><span class="badge bg-warning text-dark">Avertissement</span></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection