Éditer dashboard/test_layout.php

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

<?= $this->section('page-title') ?>
Tableau de Bord Principal
<?= $this->endSection() ?>

<?= $this->section('breadcrumb') ?>
<li class="breadcrumb-item active" aria-current="page">Accueil</li>
<?= $this->endSection() ?>

<?= $this->section('content') ?>
<div class="row">
    <div class="col-xl-12">
        <div class="row">
            <div class="col-xl-12">
                <div class="row">
                    <div class="col-xxl-3 col-lg-6 col-md-6">
                        <div class="card custom-card">
                            <div class="card-body">
                                <div class="d-flex align-items-top justify-content-between">
                                    <div>
                                        <span class="avatar avatar-md avatar-rounded bg-primary">
                                            <i class="bx bx-store fs-16"></i>
                                        </span>
                                    </div>
                                    <div class="flex-fill ms-3">
                                        <div class="d-flex align-items-center justify-content-between flex-wrap">
                                            <div>
                                                <p class="text-muted mb-0">Total Commandes</p>
                                                <h4 class="fw-semibold mt-1"><?= number_format($stats['commandes'] ?? 0) ?></h4>
                                            </div>
                                            <div id="crm-total-customers"></div>
                                        </div>
                                        <div class="d-flex align-items-center justify-content-between mt-1">
                                            <div>
                                                <span class="text-success me-2 fw-semibold">
                                                    <i class="ri-arrow-up-s-line me-1 align-middle"></i>1.31%
                                                </span>
                                                <span class="text-muted op-7 fs-11">ce mois</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xxl-3 col-lg-6 col-md-6">
                        <div class="card custom-card">
                            <div class="card-body">
                                <div class="d-flex align-items-top justify-content-between">
                                    <div>
                                        <span class="avatar avatar-md avatar-rounded bg-secondary">
                                            <i class="bx bx-file fs-16"></i>
                                        </span>
                                    </div>
                                    <div class="flex-fill ms-3">
                                        <div class="d-flex align-items-center justify-content-between flex-wrap">
                                            <div>
                                                <p class="text-muted mb-0">Total Factures</p>
                                                <h4 class="fw-semibold mt-1"><?= number_format($stats['factures'] ?? 0) ?></h4>
                                            </div>
                                            <div id="crm-total-revenue"></div>
                                        </div>
                                        <div class="d-flex align-items-center justify-content-between mt-1">
                                            <div>
                                                <span class="text-success me-2 fw-semibold">
                                                    <i class="ri-arrow-up-s-line me-1 align-middle"></i>1.14%
                                                </span>
                                                <span class="text-muted op-7 fs-11">ce mois</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xxl-3 col-lg-6 col-md-6">
                        <div class="card custom-card">
                            <div class="card-body">
                                <div class="d-flex align-items-top justify-content-between">
                                    <div>
                                        <span class="avatar avatar-md avatar-rounded bg-success">
                                            <i class="bx bx-receipt fs-16"></i>
                                        </span>
                                    </div>
                                    <div class="flex-fill ms-3">
                                        <div class="d-flex align-items-center justify-content-between flex-wrap">
                                            <div>
                                                <p class="text-muted mb-0">Total Devis</p>
                                                <h4 class="fw-semibold mt-1"><?= number_format($stats['devis'] ?? 0) ?></h4>
                                            </div>
                                            <div id="crm-conversion-ratio"></div>
                                        </div>
                                        <div class="d-flex align-items-center justify-content-between mt-1">
                                            <div>
                                                <span class="text-danger me-2 fw-semibold">
                                                    <i class="ri-arrow-down-s-line me-1 align-middle"></i>0.25%
                                                </span>
                                                <span class="text-muted op-7 fs-11">ce mois</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xxl-3 col-lg-6 col-md-6">
                        <div class="card custom-card">
                            <div class="card-body">
                                <div class="d-flex align-items-top justify-content-between">
                                    <div>
                                        <span class="avatar avatar-md avatar-rounded bg-warning">
                                            <i class="bx bx-user fs-16"></i>
                                        </span>
                                    </div>
                                    <div class="flex-fill ms-3">
                                        <div class="d-flex align-items-center justify-content-between flex-wrap">
                                            <div>
                                                <p class="text-muted mb-0">Clients</p>
                                                <h4 class="fw-semibold mt-1"><?= number_format($stats['clients'] ?? 0) ?></h4>
                                            </div>
                                            <div id="crm-total-deals"></div>
                                        </div>
                                        <div class="d-flex align-items-center justify-content-between mt-1">
                                            <div>
                                                <span class="text-success me-2 fw-semibold">
                                                    <i class="ri-arrow-up-s-line me-1 align-middle"></i>2.08%
                                                </span>
                                                <span class="text-muted op-7 fs-11">ce mois</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-xl-9">
        <div class="card custom-card">
            <div class="card-header">
                <div class="card-title">
                    Activité Récente
                </div>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table text-nowrap table-striped">
                        <thead>
                            <tr>
                                <th scope="col">Type</th>
                                <th scope="col">Description</th>
                                <th scope="col">Date</th>
                                <th scope="col">Statut</th>
                                <th scope="col">Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            <?php if (!empty($commandes)): ?>
                                <?php foreach (array_slice($commandes, 0, 5) as $commande): ?>
                                <tr>
                                    <td><span class="badge bg-primary">Commande</span></td>
                                    <td>Commande #<?= $commande['id'] ?? 'N/A' ?></td>
                                    <td><?= date('d/m/Y H:i', strtotime($commande['created_at'] ?? 'now')) ?></td>
                                    <td>
                                        <span class="badge bg-<?= ($commande['statut'] ?? '') === 'validee' ? 'success' : (($commande['statut'] ?? '') === 'en_attente' ? 'warning' : 'secondary') ?>">
                                            <?= ucfirst($commande['statut'] ?? 'Non défini') ?>
                                        </span>
                                    </td>
                                    <td>
                                        <a href="<?= base_url('commandes/view/' . ($commande['id'] ?? '')) ?>" class="btn btn-sm btn-primary">Voir</a>
                                    </td>
                                </tr>
                                <?php endforeach; ?>
                            <?php else: ?>
                                <tr>
                                    <td colspan="5" class="text-center">Aucune commande récente</td>
                                </tr>
                            <?php endif; ?>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xl-3">
        <div class="card custom-card">
            <div class="card-header">
                <div class="card-title">
                    Notifications Récentes
                </div>
            </div>
            <div class="card-body">
                <ul class="list-unstyled mb-0 crm-recent-activity">
                    <?php if (!empty($header_data['notifications'])): ?>
                        <?php foreach (array_slice($header_data['notifications'], 0, 3) as $notification): ?>
                        <li class="crm-recent-activity-content">
                            <div class="d-flex align-items-top">
                                <div class="me-3">
                                    <span class="avatar avatar-xs bg-<?= $notification['type'] ?>-transparent avatar-rounded">
                                        <i class="<?= $notification['icon'] ?> fs-12"></i>
                                    </span>
                                </div>
                                <div class="crm-timeline-content">
                                    <span class="fw-semibold"><?= esc($notification['title']) ?></span>
                                    <p class="mb-0 text-muted fs-12"><?= esc($notification['message']) ?></p>
                                    <span class="fs-11 text-muted op-7"><?= $notification['time'] ?></span>
                                </div>
                            </div>
                        </li>
                        <?php endforeach; ?>
                    <?php else: ?>
                        <li class="text-center text-muted">
                            <p>Aucune notification récente</p>
                        </li>
                    <?php endif; ?>
                </ul>
            </div>
        </div>
    </div>
</div>
<?= $this->endSection() ?>

Annuler

Dashboard

Éditer dashboard/test_layout.php

Switcher