Éditer admin_caisse/dashboard.php

<?= $this->extend('dashboard/layout') ?>

<?= $this->section('page-title') ?>
<?= $page_title ?>
<?= $this->endSection() ?>

<?= $this->section('breadcrumb') ?>
<li class="breadcrumb-item active">Admin Caisse</li>
<?= $this->endSection() ?>

<?= $this->section('content') ?>

<div class="container-fluid">
    
    <div class="row mb-4">
        <div class="col-xl-3 col-lg-6 col-md-6 col-sm-6">
            <div class="card custom-card">
                <div class="card-body">
                    <div class="d-flex align-items-center">
                        <div class="me-3">
                            <span class="avatar avatar-md bg-primary-transparent">
                                <i class="bx bx-users fs-18"></i>
                            </span>
                        </div>
                        <div class="flex-fill">
                            <span class="d-block fw-semibold">Total Clients</span>
                            <span class="d-block text-muted fs-12"><?= $stats['total_clients'] ?></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-6 col-md-6 col-sm-6">
            <div class="card custom-card">
                <div class="card-body">
                    <div class="d-flex align-items-center">
                        <div class="me-3">
                            <span class="avatar avatar-md bg-success-transparent">
                                <i class="bx bx-cart fs-18"></i>
                            </span>
                        </div>
                        <div class="flex-fill">
                            <span class="d-block fw-semibold">Ventes Aujourd'hui</span>
                            <span class="d-block text-muted fs-12"><?= $stats['ventes_jour'] ?></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-6 col-md-6 col-sm-6">
            <div class="card custom-card">
                <div class="card-body">
                    <div class="d-flex align-items-center">
                        <div class="me-3">
                            <span class="avatar avatar-md bg-warning-transparent">
                                <i class="bx bx-money fs-18"></i>
                            </span>
                        </div>
                        <div class="flex-fill">
                            <span class="d-block fw-semibold">CA ce Mois</span>
                            <span class="d-block text-muted fs-12"><?= number_format($stats['ca_mois'], 0) ?> CDF</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-lg-6 col-md-6 col-sm-6">
            <div class="card custom-card">
                <div class="card-body">
                    <div class="d-flex align-items-center">
                        <div class="me-3">
                            <span class="avatar avatar-md bg-info-transparent">
                                <i class="bx bx-file fs-18"></i>
                            </span>
                        </div>
                        <div class="flex-fill">
                            <span class="d-block fw-semibold">Factures en Attente</span>
                            <span class="d-block text-muted fs-12"><?= $stats['factures_en_attente'] ?></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

<div class="row mb-4">
        <div class="col-12">
            <div class="card custom-card">
                <div class="card-header">
                    <div class="card-title">Actions Rapides</div>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-3 mb-3">
                            <a href="<?= base_url('admin-caisse/nouveau-client') ?>" class="btn btn-primary w-100 h-100 d-flex flex-column align-items-center justify-content-center">
                                <i class="bx bx-user-plus fs-24 mb-2"></i>
                                <span>Nouveau Client</span>
                            </a>
                        </div>
                        <div class="col-md-3 mb-3">
                            <a href="<?= base_url('admin-caisse/nouvelle-vente') ?>" class="btn btn-success w-100 h-100 d-flex flex-column align-items-center justify-content-center">
                                <i class="bx bx-cart-add fs-24 mb-2"></i>
                                <span>Nouvelle Vente</span>
                            </a>
                        </div>
                        <div class="col-md-3 mb-3">
                            <a href="<?= base_url('admin-caisse/clients') ?>" class="btn btn-info w-100 h-100 d-flex flex-column align-items-center justify-content-center">
                                <i class="bx bx-users fs-24 mb-2"></i>
                                <span>Gestion Clients</span>
                            </a>
                        </div>
                        <div class="col-md-3 mb-3">
                            <a href="<?= base_url('admin-caisse/rapports') ?>" class="btn btn-warning w-100 h-100 d-flex flex-column align-items-center justify-content-center">
                                <i class="bx bx-chart fs-24 mb-2"></i>
                                <span>Rapports</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

<div class="row">
        <div class="col-md-6">
            <div class="card custom-card">
                <div class="card-header">
                    <div class="card-title">Gestion</div>
                </div>
                <div class="card-body">
                    <div class="list-group list-group-flush">
                        <a href="<?= base_url('admin-caisse/clients') ?>" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
                            <div>
                                <i class="bx bx-users me-2"></i>
                                Gestion des Clients
                            </div>
                            <span class="badge bg-primary rounded-pill"><?= $stats['total_clients'] ?></span>
                        </a>
                        <a href="<?= base_url('admin-caisse/ventes') ?>" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
                            <div>
                                <i class="bx bx-cart me-2"></i>
                                Gestion des Ventes
                            </div>
                            <span class="badge bg-success rounded-pill"><?= $stats['ventes_jour'] ?></span>
                        </a>
                        <a href="<?= base_url('admin-caisse/factures') ?>" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
                            <div>
                                <i class="bx bx-file me-2"></i>
                                Gestion des Factures
                            </div>
                            <span class="badge bg-warning rounded-pill"><?= $stats['factures_en_attente'] ?></span>
                        </a>
                        <a href="<?= base_url('admin-caisse/produits') ?>" class="list-group-item list-group-item-action">
                            <i class="bx bx-package me-2"></i>
                            Gestion des Produits
                        </a>
                        <a href="<?= base_url('admin-caisse/catalogue') ?>" class="list-group-item list-group-item-action">
                            <i class="bx bx-book me-2"></i>
                            Catalogue
                        </a>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="col-md-6">
            <div class="card custom-card">
                <div class="card-header">
                    <div class="card-title">Rapports & Configuration</div>
                </div>
                <div class="card-body">
                    <div class="list-group list-group-flush">
                        <a href="<?= base_url('admin-caisse/rapport-ventes') ?>" class="list-group-item list-group-item-action">
                            <i class="bx bx-chart me-2"></i>
                            Rapport des Ventes
                        </a>
                        <a href="<?= base_url('admin-caisse/rapport-clients') ?>" class="list-group-item list-group-item-action">
                            <i class="bx bx-user-check me-2"></i>
                            Rapport des Clients
                        </a>
                        <a href="<?= base_url('admin-caisse/parametres') ?>" class="list-group-item list-group-item-action">
                            <i class="bx bx-cog me-2"></i>
                            Paramètres
                        </a>
                        <a href="<?= base_url('factures') ?>" class="list-group-item list-group-item-action">
                            <i class="bx bx-file-blank me-2"></i>
                            Système de Facturation
                        </a>
                        <a href="<?= base_url('services') ?>" class="list-group-item list-group-item-action">
                            <i class="bx bx-wrench me-2"></i>
                            Gestion des Services
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

.card-body .btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.list-group-item {
    border-left: none;
    border-right: none;
    transition: all 0.3s ease;
}

.list-group-item:hover {
    background-color: rgba(var(--bs-primary-rgb), 0.1);
    transform: translateX(5px);
}

.avatar {
    transition: all 0.3s ease;
}

.card:hover .avatar {
    transform: scale(1.1);
}
</style>

<?= $this->endSection() ?>

<?= $this->section('scripts') ?>
<script>
document.addEventListener('DOMContentLoaded', function() {
    // Animation des cartes de statistiques
    const cards = document.querySelectorAll('.card');
    cards.forEach((card, index) => {
        card.style.animationDelay = (index * 0.1) + 's';
        card.classList.add('animate__animated', 'animate__fadeInUp');
    });
    
    // Actualisation automatique des stats toutes les 5 minutes
    setInterval(function() {
        // Ici vous pouvez ajouter une requête AJAX pour actualiser les stats
        console.log('Actualisation des statistiques...');
    }, 300000); // 5 minutes
});
</script>
<?= $this->endSection() ?>

Annuler

Dashboard

Éditer admin_caisse/dashboard.php

Switcher