English
Spanish
French
0
Notifications
0 Non lues
Aucune notification
Voir toutes
Aucune nouvelle notification
Raccourcis
Tableau de bord
Profil
Paramètres
Voir toutes les apps
Utilisateur
Utilisateur
Profil
Messages
25
Paramètres
Solde
$47.12
Support
Se déconnecter
Dashboard
Dashboard
É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"> <!-- Statistiques rapides --> <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> <!-- Actions rapides --> <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> <!-- Navigation des sections --> <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> <style> .card-body .btn { min-height: 120px; transition: all 0.3s ease; } .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
Enregistrer
Switcher
Theme Styles
Theme Colors
Theme Color Mode:
Light
Dark
Menu Colors: