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 layout/default.php
<!DOCTYPE html> <html lang="en" dir="ltr" data-nav-layout="vertical" data-theme-mode="light" data-header-styles="light" data-menu-styles="dark" data-toggled="close"> <head> <!-- Meta Data --> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Tableau de bord</title> <meta name="Description" content="Bootstrap Responsive Admin Web Dashboard HTML5 Template"> <meta name="Author" content="Spruko Technologies Private Limited"> <meta name="keywords" content="admin,admin dashboard,admin panel,admin template,bootstrap,clean,dashboard,flat,jquery,modern,responsive,premium admin templates,responsive admin,ui,ui kit."> <!-- Favicon --> <link rel="icon" href="<?= base_url('assets/images/logo_bcs.jpg') ?>" type="image/x-icon"> <!-- Choices JS --> <script src="<?= base_url('dashboard-assets/assets/') ?>libs/choices.js/public/assets/scripts/choices.min.js"></script> <!-- Main Theme Js --> <script src="<?= base_url('dashboard-assets/assets/') ?>js/main.js"></script> <!-- Bootstrap Css --> <link id="style" href="<?= base_url('dashboard-assets/assets/') ?>libs/bootstrap/css/bootstrap.min.css" rel="stylesheet" > <!-- Style Css --> <link href="<?= base_url('dashboard-assets/assets/') ?>css/styles.min.css" rel="stylesheet" > <!-- Icons Css --> <link href="<?= base_url('dashboard-assets/assets/') ?>css/icons.css" rel="stylesheet" > <!-- Node Waves Css --> <link href="<?= base_url('dashboard-assets/assets/') ?>libs/node-waves/waves.min.css" rel="stylesheet" > <!-- Simplebar Css --> <link href="<?= base_url('dashboard-assets/assets/') ?>libs/simplebar/simplebar.min.css" rel="stylesheet" > <!-- Color Picker Css --> <link rel="stylesheet" href="<?= base_url('dashboard-assets/assets/') ?>libs/flatpickr/flatpickr.min.css"> <link rel="stylesheet" href="<?= base_url('dashboard-assets/assets/') ?>libs/@simonwep/pickr/themes/nano.min.css"> <!-- Choices Css --> <link rel="stylesheet" href="<?= base_url('dashboard-assets/assets/') ?>libs/choices.js/public/assets/styles/choices.min.css"> </head> <body> <!-- Start Switcher --> <div class="offcanvas offcanvas-end" tabindex="-1" id="switcher-canvas" aria-labelledby="offcanvasRightLabel"> <div class="offcanvas-header border-bottom"> <h5 class="offcanvas-title text-default" id="offcanvasRightLabel">Switcher</h5> <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button> </div> <div class="offcanvas-body"> <nav class="border-bottom border-block-end-dashed"> <div class="nav nav-tabs nav-justified" id="switcher-main-tab" role="tablist"> <button class="nav-link active" id="switcher-home-tab" data-bs-toggle="tab" data-bs-target="#switcher-home" type="button" role="tab" aria-controls="switcher-home" aria-selected="true">Theme Styles</button> <button class="nav-link" id="switcher-profile-tab" data-bs-toggle="tab" data-bs-target="#switcher-profile" type="button" role="tab" aria-controls="switcher-profile" aria-selected="false">Theme Colors</button> </div> </nav> <div class="tab-content" id="nav-tabContent"> <div class="tab-pane fade show active border-0" id="switcher-home" role="tabpanel" aria-labelledby="switcher-home-tab" tabindex="0"> <div class=""> <p class="switcher-style-head">Theme Color Mode:</p> <div class="row switcher-style gx-0"> <div class="col-4"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-light-theme"> Light </label> <input class="form-check-input" type="radio" name="theme-style" id="switcher-light-theme" checked> </div> </div> <div class="col-4"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-dark-theme"> Dark </label> <input class="form-check-input" type="radio" name="theme-style" id="switcher-dark-theme"> </div> </div> </div> </div> <div class=""> <p class="switcher-style-head">Directions:</p> <div class="row switcher-style gx-0"> <div class="col-4"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-ltr"> LTR </label> <input class="form-check-input" type="radio" name="direction" id="switcher-ltr" checked> </div> </div> <div class="col-4"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-rtl"> RTL </label> <input class="form-check-input" type="radio" name="direction" id="switcher-rtl"> </div> </div> </div> </div> <div class=""> <p class="switcher-style-head">Navigation Styles:</p> <div class="row switcher-style gx-0"> <div class="col-4"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-vertical"> Vertical </label> <input class="form-check-input" type="radio" name="navigation-style" id="switcher-vertical" checked> </div> </div> <div class="col-4"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-horizontal"> Horizontal </label> <input class="form-check-input" type="radio" name="navigation-style" id="switcher-horizontal"> </div> </div> </div> </div> <div class="navigation-menu-styles"> <p class="switcher-style-head">Vertical & Horizontal Menu Styles:</p> <div class="row switcher-style gx-0 pb-2 gy-2"> <div class="col-4"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-menu-click"> Menu Click </label> <input class="form-check-input" type="radio" name="navigation-menu-styles" id="switcher-menu-click"> </div> </div> <div class="col-4"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-menu-hover"> Menu Hover </label> <input class="form-check-input" type="radio" name="navigation-menu-styles" id="switcher-menu-hover"> </div> </div> <div class="col-4"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-icon-click"> Icon Click </label> <input class="form-check-input" type="radio" name="navigation-menu-styles" id="switcher-icon-click"> </div> </div> <div class="col-4"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-icon-hover"> Icon Hover </label> <input class="form-check-input" type="radio" name="navigation-menu-styles" id="switcher-icon-hover"> </div> </div> </div> </div> <div class="sidemenu-layout-styles"> <p class="switcher-style-head">Sidemenu Layout Styles:</p> <div class="row switcher-style gx-0 pb-2 gy-2"> <div class="col-sm-6"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-default-menu"> Default Menu </label> <input class="form-check-input" type="radio" name="sidemenu-layout-styles" id="switcher-default-menu" checked> </div> </div> <div class="col-sm-6"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-closed-menu"> Closed Menu </label> <input class="form-check-input" type="radio" name="sidemenu-layout-styles" id="switcher-closed-menu"> </div> </div> <div class="col-sm-6"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-icontext-menu"> Icon Text </label> <input class="form-check-input" type="radio" name="sidemenu-layout-styles" id="switcher-icontext-menu"> </div> </div> <div class="col-sm-6"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-icon-overlay"> Icon Overlay </label> <input class="form-check-input" type="radio" name="sidemenu-layout-styles" id="switcher-icon-overlay"> </div> </div> <div class="col-sm-6"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-detached"> Detached </label> <input class="form-check-input" type="radio" name="sidemenu-layout-styles" id="switcher-detached"> </div> </div> <div class="col-sm-6"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-double-menu"> Double Menu </label> <input class="form-check-input" type="radio" name="sidemenu-layout-styles" id="switcher-double-menu"> </div> </div> </div> </div> <div class=""> <p class="switcher-style-head">Page Styles:</p> <div class="row switcher-style gx-0"> <div class="col-4"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-regular"> Regular </label> <input class="form-check-input" type="radio" name="page-styles" id="switcher-regular" checked> </div> </div> <div class="col-4"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-classic"> Classic </label> <input class="form-check-input" type="radio" name="page-styles" id="switcher-classic"> </div> </div> <div class="col-4"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-modern"> Modern </label> <input class="form-check-input" type="radio" name="page-styles" id="switcher-modern"> </div> </div> </div> </div> <div class=""> <p class="switcher-style-head">Layout Width Styles:</p> <div class="row switcher-style gx-0"> <div class="col-4"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-full-width"> Full Width </label> <input class="form-check-input" type="radio" name="layout-width" id="switcher-full-width" checked> </div> </div> <div class="col-4"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-boxed"> Boxed </label> <input class="form-check-input" type="radio" name="layout-width" id="switcher-boxed"> </div> </div> </div> </div> <div class=""> <p class="switcher-style-head">Menu Positions:</p> <div class="row switcher-style gx-0"> <div class="col-4"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-menu-fixed"> Fixed </label> <input class="form-check-input" type="radio" name="menu-positions" id="switcher-menu-fixed" checked> </div> </div> <div class="col-4"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-menu-scroll"> Scrollable </label> <input class="form-check-input" type="radio" name="menu-positions" id="switcher-menu-scroll"> </div> </div> </div> </div> <div class=""> <p class="switcher-style-head">Header Positions:</p> <div class="row switcher-style gx-0"> <div class="col-4"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-header-fixed"> Fixed </label> <input class="form-check-input" type="radio" name="header-positions" id="switcher-header-fixed" checked> </div> </div> <div class="col-4"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-header-scroll"> Scrollable </label> <input class="form-check-input" type="radio" name="header-positions" id="switcher-header-scroll"> </div> </div> </div> </div> <div class=""> <p class="switcher-style-head">Loader:</p> <div class="row switcher-style gx-0"> <div class="col-4"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-loader-enable"> Enable </label> <input class="form-check-input" type="radio" name="page-loader" id="switcher-loader-enable"> </div> </div> <div class="col-4"> <div class="form-check switch-select"> <label class="form-check-label" for="switcher-loader-disable"> Disable </label> <input class="form-check-input" type="radio" name="page-loader" id="switcher-loader-disable" checked> </div> </div> </div> </div> </div> <div class="tab-pane fade border-0" id="switcher-profile" role="tabpanel" aria-labelledby="switcher-profile-tab" tabindex="0"> <div> <div class="theme-colors"> <p class="switcher-style-head">Menu Colors:</p> <div class="d-flex switcher-style pb-2"> <div class="form-check switch-select me-3"> <input class="form-check-input color-input color-white" data-bs-toggle="tooltip" data-bs-placement="top" title="Light Menu" type="radio" name="menu-colors" id="switcher-menu-light"> </div> <div class="form-check switch-select me-3"> <input class="form-check-input color-input color-dark" data-bs-toggle="tooltip" data-bs-placement="top" title="Dark Menu" type="radio" name="menu-colors" id="switcher-menu-dark" checked> </div> <div class="form-check switch-select me-3"> <input class="form-check-input color-input color-primary" data-bs-toggle="tooltip" data-bs-placement="top" title="Color Menu" type="radio" name="menu-colors" id="switcher-menu-primary"> </div> <div class="form-check switch-select me-3"> <input class="form-check-input color-input color-gradient" data-bs-toggle="tooltip" data-bs-placement="top" title="Gradient Menu" type="radio" name="menu-colors" id="switcher-menu-gradient"> </div> <div class="form-check switch-select me-3"> <input class="form-check-input color-input color-transparent" data-bs-toggle="tooltip" data-bs-placement="top" title="Transparent Menu" type="radio" name="menu-colors" id="switcher-menu-transparent"> </div> </div> <div class="px-4 pb-3 text-muted fs-11">Note:If you want to change color Menu dynamically change from below Theme Primary color picker</div> </div> <div class="theme-colors"> <p class="switcher-style-head">Header Colors:</p> <div class="d-flex switcher-style pb-2"> <div class="form-check switch-select me-3"> <input class="form-check-input color-input color-white" data-bs-toggle="tooltip" data-bs-placement="top" title="Light Header" type="radio" name="header-colors" id="switcher-header-light" checked> </div> <div class="form-check switch-select me-3"> <input class="form-check-input color-input color-dark" data-bs-toggle="tooltip" data-bs-placement="top" title="Dark Header" type="radio" name="header-colors" id="switcher-header-dark"> </div> <div class="form-check switch-select me-3"> <input class="form-check-input color-input color-primary" data-bs-toggle="tooltip" data-bs-placement="top" title="Color Header" type="radio" name="header-colors" id="switcher-header-primary"> </div> <div class="form-check switch-select me-3"> <input class="form-check-input color-input color-gradient" data-bs-toggle="tooltip" data-bs-placement="top" title="Gradient Header" type="radio" name="header-colors" id="switcher-header-gradient"> </div> <div class="form-check switch-select me-3"> <input class="form-check-input color-input color-transparent" data-bs-toggle="tooltip" data-bs-placement="top" title="Transparent Header" type="radio" name="header-colors" id="switcher-header-transparent"> </div> </div> <div class="px-4 pb-3 text-muted fs-11">Note:If you want to change color Header dynamically change from below Theme Primary color picker</div> </div> <div class="theme-colors"> <p class="switcher-style-head">Theme Primary:</p> <div class="d-flex flex-wrap align-items-center switcher-style"> <div class="form-check switch-select me-3"> <input class="form-check-input color-input color-primary-1" type="radio" name="theme-primary" id="switcher-primary"> </div> <div class="form-check switch-select me-3"> <input class="form-check-input color-input color-primary-2" type="radio" name="theme-primary" id="switcher-primary1"> </div> <div class="form-check switch-select me-3"> <input class="form-check-input color-input color-primary-3" type="radio" name="theme-primary" id="switcher-primary2"> </div> <div class="form-check switch-select me-3"> <input class="form-check-input color-input color-primary-4" type="radio" name="theme-primary" id="switcher-primary3"> </div> <div class="form-check switch-select me-3"> <input class="form-check-input color-input color-primary-5" type="radio" name="theme-primary" id="switcher-primary4"> </div> <div class="form-check switch-select ps-0 mt-1 color-primary-light"> <div class="theme-container-primary"></div> <div class="pickr-container-primary"></div> </div> </div> </div> <div class="theme-colors"> <p class="switcher-style-head">Theme Background:</p> <div class="d-flex flex-wrap align-items-center switcher-style"> <div class="form-check switch-select me-3"> <input class="form-check-input color-input color-bg-1" type="radio" name="theme-background" id="switcher-background"> </div> <div class="form-check switch-select me-3"> <input class="form-check-input color-input color-bg-2" type="radio" name="theme-background" id="switcher-background1"> </div> <div class="form-check switch-select me-3"> <input class="form-check-input color-input color-bg-3" type="radio" name="theme-background" id="switcher-background2"> </div> <div class="form-check switch-select me-3"> <input class="form-check-input color-input color-bg-4" type="radio" name="theme-background" id="switcher-background3"> </div> <div class="form-check switch-select me-3"> <input class="form-check-input color-input color-bg-5" type="radio" name="theme-background" id="switcher-background4"> </div> <div class="form-check switch-select ps-0 mt-1 tooltip-static-demo color-bg-transparent"> <div class="theme-container-background"></div> <div class="pickr-container-background"></div> </div> </div> </div> <div class="menu-image mb-3"> <p class="switcher-style-head">Menu With Background Image:</p> <div class="d-flex flex-wrap align-items-center switcher-style"> <div class="form-check switch-select m-2"> <input class="form-check-input bgimage-input bg-img1" type="radio" name="theme-bg" id="switcher-bg-img"> </div> <div class="form-check switch-select m-2"> <input class="form-check-input bgimage-input bg-img2" type="radio" name="theme-bg" id="switcher-bg-img1"> </div> <div class="form-check switch-select m-2"> <input class="form-check-input bgimage-input bg-img3" type="radio" name="theme-bg" id="switcher-bg-img2"> </div> <div class="form-check switch-select m-2"> <input class="form-check-input bgimage-input bg-img4" type="radio" name="theme-bg" id="switcher-bg-img3"> </div> <div class="form-check switch-select m-2"> <input class="form-check-input bgimage-input bg-img5" type="radio" name="theme-bg" id="switcher-bg-img4"> </div> </div> </div> </div> </div> <div class="d-grid canvas-footer"> <a href="javascript:void(0);" id="reset-all" class="btn btn-danger m-1">Reset</a> </div> </div> </div> </div> <!-- End Switcher --> <!-- Loader --> <div id="loader" > <img src="<?= base_url('dashboard-assets/assets/') ?>images/media/loader.svg" alt=""> </div> <!-- Loader --> <div class="page"> <!-- app-header --> <header class="app-header"> <!-- Start::main-header-container --> <div class="main-header-container container-fluid"> <!-- Start::header-content-left --> <div class="header-content-left"> <!-- Start::header-element --> <div class="header-element"> <div class="horizontal-logo"> <a href="index.html" class="header-logo"> <img src="<?= base_url('dashboard-assets/assets/') ?>images/brand-logos/desktop-logo.png" alt="logo" class="desktop-logo"> <img src="<?= base_url('dashboard-assets/assets/') ?>images/brand-logos/toggle-logo.png" alt="logo" class="toggle-logo"> <img src="<?= base_url('dashboard-assets/assets/') ?>images/brand-logos/desktop-dark.png" alt="logo" class="desktop-dark"> <img src="<?= base_url('dashboard-assets/assets/') ?>images/brand-logos/toggle-dark.png" alt="logo" class="toggle-dark"> <img src="<?= base_url('dashboard-assets/assets/') ?>images/brand-logos/desktop-white.png" alt="logo" class="desktop-white"> <img src="<?= base_url('dashboard-assets/assets/') ?>images/brand-logos/toggle-white.png" alt="logo" class="toggle-white"> </a> </div> </div> <!-- End::header-element --> <!-- Start::header-element --> <div class="header-element"> <!-- Start::header-link --> <a aria-label="Hide Sidebar" class="sidemenu-toggle header-link animated-arrow hor-toggle horizontal-navtoggle" data-bs-toggle="sidebar" href="javascript:void(0);"><span></span></a> <!-- End::header-link --> </div> <!-- End::header-element --> </div> <!-- End::header-content-left --> <!-- Start::header-content-right --> <div class="header-content-right"> <!-- Start::header-element --> <div class="header-element header-search"> <!-- Start::header-link --> <a href="javascript:void(0);" class="header-link" data-bs-toggle="modal" data-bs-target="#searchModal"> <i class="bx bx-search-alt-2 header-link-icon"></i> </a> <!-- End::header-link --> </div> <!-- End::header-element --> <!-- Start::header-element --> <div class="header-element country-selector"> </div> <!-- End::header-element --> <!-- Start::header-element --> <div class="header-element header-theme-mode"> <!-- Start::header-link|layout-setting --> <a href="javascript:void(0);" class="header-link layout-setting"> <span class="light-layout"> <!-- Start::header-link-icon --> <i class="bx bx-moon header-link-icon"></i> <!-- End::header-link-icon --> </span> <span class="dark-layout"> <!-- Start::header-link-icon --> <i class="bx bx-sun header-link-icon"></i> <!-- End::header-link-icon --> </span> </a> <!-- End::header-link|layout-setting --> </div> <!-- End::header-element --> <?php $layoutCtrl = new \App\Controllers\Layout\LayoutController(); $cartItems = $layoutCtrl->getCartItems(); $totalCount = array_sum(array_map(fn($cart) => count($cart['items']), $cartItems)); ?> <!-- Start::header-element --> <div class="header-element cart-dropdown"> <!-- Start::header-link|dropdown-toggle --> <a href="javascript:void(0);" class="header-link dropdown-toggle" data-bs-auto-close="outside" data-bs-toggle="dropdown"> <i class="bx bx-cart header-link-icon"></i> <span class="badge bg-primary rounded-pill header-icon-badge"><?= $totalCount ?></span> </a> <!-- End::header-link|dropdown-toggle --> <!-- Start::main-header-dropdown --> <div class="main-header-dropdown dropdown-menu dropdown-menu-end" data-popper-placement="none"> <div class="p-3"> <div class="d-flex align-items-center justify-content-between"> <p class="mb-0 fs-17 fw-semibold">Cart Items</p> <span class="badge bg-primary rounded-pill header-icon-badge"><?= $totalCount ?></span> </div> </div> <div><hr class="dropdown-divider"></div> <ul class="list-unstyled mb-0" id="header-cart-items-scroll"> <?php if ($totalCount > 0): ?> <?php foreach ($cartItems as $cart): ?> <?php foreach ($cart['items'] as $item): ?> <li class="dropdown-item"> <div class="d-flex align-items-start cart-dropdown-item"> <img src="<?= $item['image_url'] ?? base_url('dashboard-assets/assets/images/ecommerce/jpg/default.jpg') ?>" class="avatar avatar-sm avatar-rounded br-5 me-3" alt="img"> <div class="flex-grow-1"> <div class="d-flex justify-content-between mb-0"> <div class="fs-13 text-dark fw-semibold"> <?= esc($item['nom_item']) ?> </div> <div> <span class="text-black"><?= $item['prix'] ?> $</span> </div> </div> <div class="fs-11 text-muted">Quantité : <?= $item['quantite'] ?></div> </div> </div> </li> <?php endforeach; ?> <?php endforeach; ?> <?php else: ?> <li class="dropdown-item text-center text-muted">Aucun article dans le panier.</li> <?php endif; ?> </ul> <div class="p-3 empty-header-item border-top"> <div class="d-grid"> <a href="<?= base_url('checkout') ?>" class="btn btn-primary">Valider la commande</a> </div> </div> <div class="p-5 empty-item d-none"> <div class="text-center"> <span class="avatar avatar-xl avatar-rounded bg-warning-transparent"> <i class="ri-shopping-cart-2-line fs-2"></i> </span> <h6 class="fw-bold mb-1 mt-3">Votre panier est vide</h6> <span class="mb-3 fw-normal fs-13 d-block">Ajoutez des articles pour continuer :)</span> <a href="<?= base_url('products') ?>" class="btn btn-primary btn-wave btn-sm m-1">Continuer vos achats <i class="bi bi-arrow-right ms-1"></i></a> </div> </div> </div> <!-- End::main-header-dropdown --> </div> <!-- End::header-element --> <!-- Start::header-element --> <div class="header-element"> <a href="<?= base_url('logout') ?>" class="header-link" title="Déconnexion"> <i class="bx bx-log-out header-link-icon"></i> </a> </div> <!-- Start::header-element --> <div class="header-element notifications-dropdown"> <!-- Start::header-link|dropdown-toggle --> <a href="javascript:void(0);" class="header-link dropdown-toggle" data-bs-toggle="dropdown" data-bs-auto-close="outside" id="messageDropdown" aria-expanded="false"> <i class="bx bx-bell header-link-icon"></i> <span class="badge bg-secondary rounded-pill header-icon-badge pulse pulse-secondary" id="notification-icon-badge">5</span> </a> <!-- End::header-link|dropdown-toggle --> <!-- Start::main-header-dropdown --> <div class="main-header-dropdown dropdown-menu dropdown-menu-end" data-popper-placement="none"> <div class="p-3"> <div class="d-flex align-items-center justify-content-between"> <p class="mb-0 fs-17 fw-semibold">Notifications</p> <span class="badge bg-secondary-transparent" id="notifiation-data">5 Unread</span> </div> </div> <div class="dropdown-divider"></div> <ul class="list-unstyled mb-0" id="header-notification-scroll"> <li class="dropdown-item"> <div class="d-flex align-items-start"> <div class="pe-2"> <span class="avatar avatar-md bg-primary-transparent avatar-rounded"><i class="ti ti-gift fs-18"></i></span> </div> <div class="flex-grow-1 d-flex align-items-center justify-content-between"> <div> <p class="mb-0 fw-semibold"><a href="notifications.html">Your Order Has Been Shipped</a></p> <span class="text-muted fw-normal fs-12 header-notification-text">Order No: 123456 Has Shipped To Your Delivery Address</span> </div> <div> <a href="javascript:void(0);" class="min-w-fit-content text-muted me-1 dropdown-item-close1"><i class="ti ti-x fs-16"></i></a> </div> </div> </div> </li> <li class="dropdown-item"> <div class="d-flex align-items-start"> <div class="pe-2"> <span class="avatar avatar-md bg-secondary-transparent avatar-rounded"><i class="ti ti-discount-2 fs-18"></i></span> </div> <div class="flex-grow-1 d-flex align-items-center justify-content-between"> <div> <p class="mb-0 fw-semibold"><a href="notifications.html">Discount Available</a></p> <span class="text-muted fw-normal fs-12 header-notification-text">Discount Available On Selected Products</span> </div> <div> <a href="javascript:void(0);" class="min-w-fit-content text-muted me-1 dropdown-item-close1"><i class="ti ti-x fs-16"></i></a> </div> </div> </div> </li> <li class="dropdown-item"> <div class="d-flex align-items-start"> <div class="pe-2"> <span class="avatar avatar-md bg-pink-transparent avatar-rounded"><i class="ti ti-user-check fs-18"></i></span> </div> <div class="flex-grow-1 d-flex align-items-center justify-content-between"> <div> <p class="mb-0 fw-semibold"><a href="notifications.html">Account Has Been Verified</a></p> <span class="text-muted fw-normal fs-12 header-notification-text">Your Account Has Been Verified Sucessfully</span> </div> <div> <a href="javascript:void(0);" class="min-w-fit-content text-muted me-1 dropdown-item-close1"><i class="ti ti-x fs-16"></i></a> </div> </div> </div> </li> <li class="dropdown-item"> <div class="d-flex align-items-start"> <div class="pe-2"> <span class="avatar avatar-md bg-warning-transparent avatar-rounded"><i class="ti ti-circle-check fs-18"></i></span> </div> <div class="flex-grow-1 d-flex align-items-center justify-content-between"> <div> <p class="mb-0 fw-semibold"><a href="notifications.html">Order Placed <span class="text-warning">ID: #1116773</span></a></p> <span class="text-muted fw-normal fs-12 header-notification-text">Order Placed Successfully</span> </div> <div> <a href="javascript:void(0);" class="min-w-fit-content text-muted me-1 dropdown-item-close1"><i class="ti ti-x fs-16"></i></a> </div> </div> </div> </li> <li class="dropdown-item"> <div class="d-flex align-items-start"> <div class="pe-2"> <span class="avatar avatar-md bg-success-transparent avatar-rounded"><i class="ti ti-clock fs-18"></i></span> </div> <div class="flex-grow-1 d-flex align-items-center justify-content-between"> <div> <p class="mb-0 fw-semibold"><a href="notifications.html">Order Delayed <span class="text-success">ID: 7731116</span></a></p> <span class="text-muted fw-normal fs-12 header-notification-text">Order Delayed Unfortunately</span> </div> <div> <a href="javascript:void(0);" class="min-w-fit-content text-muted me-1 dropdown-item-close1"><i class="ti ti-x fs-16"></i></a> </div> </div> </div> </li> </ul> <div class="p-3 empty-header-item1 border-top"> <div class="d-grid"> <a href="notifications.html" class="btn btn-primary">View All</a> </div> </div> <div class="p-5 empty-item1 d-none"> <div class="text-center"> <span class="avatar avatar-xl avatar-rounded bg-secondary-transparent"> <i class="ri-notification-off-line fs-2"></i> </span> <h6 class="fw-semibold mt-3">No New Notifications</h6> </div> </div> </div> <!-- End::main-header-dropdown --> </div> <!-- End::header-element --> <!-- Start::header-element --> <div class="header-element header-shortcuts-dropdown"> <!-- Start::header-link|dropdown-toggle --> <a href="javascript:void(0);" class="header-link dropdown-toggle" data-bs-toggle="dropdown" data-bs-auto-close="outside" id="notificationDropdown" aria-expanded="false"> <i class="bx bx-grid-alt header-link-icon"></i> </a> <!-- End::header-link|dropdown-toggle --> <!-- Start::main-header-dropdown --> <div class="main-header-dropdown header-shortcuts-dropdown dropdown-menu pb-0 dropdown-menu-end" aria-labelledby="notificationDropdown"> <div class="p-3"> <div class="d-flex align-items-center justify-content-between"> <p class="mb-0 fs-17 fw-semibold">Related Apps</p> </div> </div> <div class="dropdown-divider mb-0"></div> <div class="main-header-shortcuts p-2" id="header-shortcut-scroll"> <div class="row g-2"> <div class="col-4"> <a href="javascript:void(0);"> <div class="text-center p-3 related-app"> <span class="avatar avatar-sm avatar-rounded"> <img src="<?= base_url('dashboard-assets/assets/') ?>images/apps/figma.png" alt=""> </span> <span class="d-block fs-12">Figma</span> </div> </a> </div> <div class="col-4"> <a href="javascript:void(0);"> <div class="text-center p-3 related-app"> <span class="avatar avatar-sm avatar-rounded"> <img src="<?= base_url('dashboard-assets/assets/') ?>images/apps/microsoft-powerpoint.png" alt=""> </span> <span class="d-block fs-12">Power Point</span> </div> </a> </div> <div class="col-4"> <a href="javascript:void(0);"> <div class="text-center p-3 related-app"> <span class="avatar avatar-sm avatar-rounded"> <img src="<?= base_url('dashboard-assets/assets/') ?>images/apps/microsoft-word.png" alt=""> </span> <span class="d-block fs-12">MS Word</span> </div> </a> </div> <div class="col-4"> <a href="javascript:void(0);"> <div class="text-center p-3 related-app"> <span class="avatar avatar-sm avatar-rounded"> <img src="<?= base_url('dashboard-assets/assets/') ?>images/apps/calender.png" alt=""> </span> <span class="d-block fs-12">Calendar</span> </div> </a> </div> <div class="col-4"> <a href="javascript:void(0);"> <div class="text-center p-3 related-app"> <span class="avatar avatar-sm avatar-rounded"> <img src="<?= base_url('dashboard-assets/assets/') ?>images/apps/sketch.png" alt=""> </span> <span class="d-block fs-12">Sketch</span> </div> </a> </div> <div class="col-4"> <a href="javascript:void(0);"> <div class="text-center p-3 related-app"> <span class="avatar avatar-sm avatar-rounded"> <img src="<?= base_url('dashboard-assets/assets/') ?>images/apps/google-docs.png" alt=""> </span> <span class="d-block fs-12">Docs</span> </div> </a> </div> <div class="col-4"> <a href="javascript:void(0);"> <div class="text-center p-3 related-app"> <span class="avatar avatar-sm avatar-rounded"> <img src="<?= base_url('dashboard-assets/assets/') ?>images/apps/google.png" alt=""> </span> <span class="d-block fs-12">Google</span> </div> </a> </div> <div class="col-4"> <a href="javascript:void(0);"> <div class="text-center p-3 related-app"> <span class="avatar avatar-sm avatar-rounded"> <img src="<?= base_url('dashboard-assets/assets/') ?>images/apps/translate.png" alt=""> </span> <span class="d-block fs-12">Translate</span> </div> </a> </div> <div class="col-4"> <a href="javascript:void(0);"> <div class="text-center p-3 related-app"> <span class="avatar avatar-sm avatar-rounded"> <img src="<?= base_url('dashboard-assets/assets/') ?>images/apps/google-sheets.png" alt=""> </span> <span class="d-block fs-12">Sheets</span> </div> </a> </div> </div> </div> <div class="p-3 border-top"> <div class="d-grid"> <a href="javascript:void(0);" class="btn btn-primary">View All</a> </div> </div> </div> <!-- End::main-header-dropdown --> </div> <!-- End::header-element --> <!-- Start::header-element --> <div class="header-element header-fullscreen"> <!-- Start::header-link --> <a onclick="openFullscreen();" href="javascript:void(0);" class="header-link"> <i class="bx bx-fullscreen full-screen-open header-link-icon"></i> <i class="bx bx-exit-fullscreen full-screen-close header-link-icon d-none"></i> </a> <!-- End::header-link --> </div> <!-- End::header-element --> <!-- Start::header-element --> <div class="header-element"> <!-- Start::header-link|dropdown-toggle --> <a href="javascript:void(0);" class="header-link dropdown-toggle" id="mainHeaderProfile" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false"> <div class="d-flex align-items-center"> <div class="me-sm-2 me-0"> <img src="<?= base_url('dashboard-assets/assets/') ?>images/faces/9.jpg" alt="img" width="32" height="32" class="rounded-circle"> </div> <div class="d-sm-block d-none"> <p class="fw-semibold mb-0 lh-1">Json Taylor</p> <span class="op-7 fw-normal d-block fs-11">Web Designer</span> </div> </div> </a> <!-- End::header-link|dropdown-toggle --> <ul class="main-header-dropdown dropdown-menu pt-0 overflow-hidden header-profile-dropdown dropdown-menu-end" aria-labelledby="mainHeaderProfile"> <li><a class="dropdown-item d-flex" href="profile.html"><i class="ti ti-user-circle fs-18 me-2 op-7"></i>Profile</a></li> <li><a class="dropdown-item d-flex" href="mail.html"><i class="ti ti-inbox fs-18 me-2 op-7"></i>Inbox <span class="badge bg-success-transparent ms-auto">25</span></a></li> <li><a class="dropdown-item d-flex border-block-end" href="to-do-list.html"><i class="ti ti-clipboard-check fs-18 me-2 op-7"></i>Task Manager</a></li> <li><a class="dropdown-item d-flex" href="mail-settings.html"><i class="ti ti-adjustments-horizontal fs-18 me-2 op-7"></i>Settings</a></li> <li><a class="dropdown-item d-flex border-block-end" href="javascript:void(0);"><i class="ti ti-wallet fs-18 me-2 op-7"></i>Bal: $7,12,950</a></li> <li><a class="dropdown-item d-flex" href="chat.html"><i class="ti ti-headset fs-18 me-2 op-7"></i>Support</a></li> <li><a class="dropdown-item d-flex text-danger" href="<?= site_url('logout') ?>"><i class="ti ti-logout fs-18 me-2 op-7"></i>Déconnexion</a></li> </ul> </div> <!-- End::header-element --> <!-- Start::header-element --> <div class="header-element"> <!-- Start::header-link|switcher-icon --> <a href="javascript:void(0);" class="header-link switcher-icon" data-bs-toggle="offcanvas" data-bs-target="#switcher-canvas"> <i class="bx bx-cog header-link-icon"></i> </a> <!-- End::header-link|switcher-icon --> </div> <!-- End::header-element --> </div> <!-- End::header-content-right --> </div> <!-- End::main-header-container --> </header> <!-- /app-header --> <!-- Start::app-sidebar --> <aside class="app-sidebar sticky" id="sidebar"> <!-- Start::main-sidebar-header --> <div class="main-sidebar-header"> <a href="index.html" class="header-logo"> <img src="<?= base_url('dashboard-assets/assets/') ?>images/brand-logos/desktop-logo.png" alt="logo" class="desktop-logo"> <img src="<?= base_url('dashboard-assets/assets/') ?>images/brand-logos/toggle-logo.png" alt="logo" class="toggle-logo"> <img src="<?= base_url('dashboard-assets/assets/') ?>images/brand-logos/desktop-dark.png" alt="logo" class="desktop-dark"> <img src="<?= base_url('dashboard-assets/assets/') ?>images/brand-logos/toggle-dark.png" alt="logo" class="toggle-dark"> <img src="<?= base_url('dashboard-assets/assets/') ?>images/brand-logos/desktop-white.png" alt="logo" class="desktop-white"> <img src="<?= base_url('dashboard-assets/assets/') ?>images/brand-logos/toggle-white.png" alt="logo" class="toggle-white"> </a> </div> <!-- End::main-sidebar-header --> <!-- Start::main-sidebar --> <div class="main-sidebar" id="sidebar-scroll"> <!-- Start::nav --> <nav class="main-menu-container nav nav-pills flex-column sub-open"> <div class="slide-left" id="slide-left"> <svg xmlns="http://www.w3.org/2000/svg" fill="#7b8191" width="24" height="24" viewBox="0 0 24 24"> <path d="M13.293 6.293 7.586 12l5.707 5.707 1.414-1.414L10.414 12l4.293-4.293z"></path> </svg> </div> <ul class="main-menu"> <!-- =============== --> <!-- Lien "Accueil" --> <!-- =============== --> <li class="slide"> <a href="<?= base_url('dashboard/index') ?>" class="side-menu__item"> <i class="bx bx-tachometer side-menu__icon"></i> <span class="side-menu__label">Tableau de bord</span> </a> </li> <!-- =============== --> <!-- Restaurants --> <!-- =============== --> <li class="slide has-sub"> <a href="javascript:void(0);" class="side-menu__item"> <i class="ri-store-2-line"></i> <span class="side-menu__label">Restaurants</span> <i class="ri-arrow-right-s-line side-menu__angle"></i> </a> <ul class="slide-menu child1"> <li class="slide"> <a href="<?= base_url('dashboard/restaurants') ?>" class="side-menu__item">Liste restaurants</a> </li> <li class="slide"> <a href="<?= base_url('restaurants/create') ?>" class="side-menu__item">Nouveau restaurant</a> </li> </ul> </li> <!-- ====================================== --> <!-- GESTION DE CONTENU & CATALOG --> <!-- ====================================== --> <li class="slide has-sub"> <a href="javascript:void(0);" class="side-menu__item"> Gestion de contenu <i class="fe fe-chevron-right side-menu__angle"></i> </a> <ul class="slide-menu child2"> <li class="slide"> <a href="<?= base_url('dashboard/pages') ?>" class="side-menu__item">Pages</a> </li> <li class="slide"> <a href="<?= base_url('dashboard/products') ?>" class="side-menu__item">Produits</a> </li> <li class="slide"> <a href="<?= base_url('dashboard/categories') ?>" class="side-menu__item">Catégories</a> </li> <li class="slide"> <a href="<?= base_url('dashboard/fournisseurs') ?>" class="side-menu__item">Fournisseurs</a> </li> <li class="slide"> <a href="<?= base_url('dashboard/blog') ?>" class="side-menu__item">Blog</a> </li> </ul> </li> <!-- ============================== --> <!-- COMMUNICATION --> <!-- ============================== --> <li class="slide has-sub"> <a href="javascript:void(0);" class="side-menu__item"> Communication <i class="fe fe-chevron-right side-menu__angle"></i> </a> <ul class="slide-menu child2"> <li class="slide"> <a href="<?= base_url('dashboard/sms') ?>" class="side-menu__item"> <i class="bx bx-cart"></i> SMS </a> </li> <li class="slide"> <a href="<?= base_url('dashboard/emailing') ?>" class="side-menu__item"> <i class="bx bx-receipt"></i>Emailing </a> </li> <li class="slide"> <a href="<?= base_url('whatsapp/test') ?>" class="side-menu__item">Test WhatsApp</a> </li> <li class="slide"> <a href="<?= base_url('dashboard/webhooks') ?>" class="side-menu__item">Webhooks</a> </li> <li class="slide"> <a href="<?= base_url('dashboard/emailing') ?>" class="side-menu__item">Emailing</a> </li> </ul> </li> <!-- ================================== --> <!-- ADMIN, RAPPORTS, ETC. --> <!-- ================================== --> <li class="slide has-sub"> <a href="javascript:void(0);" class="side-menu__item"> Administration <i class="fe fe-chevron-right side-menu__angle"></i> </a> <ul class="slide-menu child2"> <li class="slide"> <a href="<?= base_url('users') ?>" class="side-menu__item"> <i class="bx bx-cart"></i> Utilisateurs </a> </li> <li class="slide"> <a href="<?= base_url('dashboard/livrer') ?>" class="side-menu__item"> <i class="ti ti-truck-delivery"></i> Activités </a> </li> <li class="slide"> <a href="<?= base_url('dashboard/livrer') ?>" class="side-menu__item"> <i class="ti ti-truck-delivery"></i> Liste des livreurs </a> </li> <li> <a href="<?= base_url('dashboard/roles/create') ?>" class="side-menu__item"> <i class="bx bx-user-check"></i> Gestion des Rôles </a> </li> <li> <a href="<?= base_url('dashboard/roles') ?>" class="side-menu__item"> <i class="bx bx-list-ul"></i> Liste des Rôles </a> </li> <li> <a href="<?= base_url('dashboard/user-types') ?>" class="side-menu__item"> <i class="bx bx-user-pin"></i> Types d'Utilisateur </a> </li> <li class="slide"> <a href="<?= base_url('dashboard/settings') ?>" class="side-menu__item"> <i class="bx bx-receipt"></i>Paramètres </a> </li> <li class="slide"> <a href="<?= base_url('dashboard/reports') ?>" class="side-menu__item"> Rapports </a> </li> <li class="slide"> <a href="<?= base_url('dashboard/support') ?>" class="side-menu__item"> Support </a> </li> <li class="slide"> <a href="<?= base_url('dashboard/log') ?>" class="side-menu__item"> Log </a> </li> </ul> </li> <!-- ======================= --> <!-- Test de paiement --> <!-- ======================= --> <li class="slide"> <a href="<?= base_url('test') ?>" class="side-menu__item"> <i class="bx bx-test-tube side-menu__icon"></i> <span class="side-menu__label">Test de paiement</span> </a> </li> <!-- ======================================= --> <!-- NOUVEAU : DEVIS, FACTURE, COMMANDE, BL, STOCK --> <!-- ======================================= --> <li class="slide has-sub"> <a href="javascript:void(0);" class="side-menu__item"> Documents & Stock <i class="fe fe-chevron-right side-menu__angle"></i> </a> <ul class="slide-menu child2"> <!-- Devis --> <li class="slide"> <a href="<?= base_url('documents/devis') ?>" class="side-menu__item">Devis</a> </li> <!-- Facture --> <li class="slide"> <a href="<?= base_url('documents?type=factures') ?>" class="side-menu__item">Factures</a> </li> <!-- Commande --> <li class="slide"> <a href="<?= base_url('commande') ?>" class="side-menu__item">Commandes</a> </li> <!-- Bon de livraison --> <li class="slide"> <a href="<?= base_url('documents?type=bons_livraison') ?>" class="side-menu__item">Bons de livraison</a> </li> <!-- Stock --> <li class="slide"> <a href="<?= base_url('dashboard/stock') ?>" class="side-menu__item">Stock</a> </li> <!-- Ajout de stock --> <li class="slide"> <a href="<?= base_url('dashboard/stock/create') ?>" class="side-menu__item">Ajouter un stock</a> </li> <!-- Documents Société --> <li class="slide"> <a href="<?= base_url('documents-societe') ?>" class="side-menu__item">📁 Documents Société</a> </li> </ul> </li> <!-- ======================= --> <!-- GESTION DES TICKETS --> <!-- ======================= --> <li class="slide has-sub"> <a href="javascript:void(0);" class="side-menu__item"> <i class="bx bx-support side-menu__icon"></i> <span class="side-menu__label">Tickets</span> <i class="fe fe-chevron-right side-menu__angle"></i> </a> <ul class="slide-menu child2"> <li class="slide"> <a href="<?= base_url('tickets') ?>" class="side-menu__item">Tous les Tickets</a> </li> <li class="slide"> <a href="<?= base_url('tickets/create') ?>" class="side-menu__item">Nouveau Ticket</a> </li> </ul> </li> </ul> <div class="slide-right" id="slide-right"> <svg xmlns="http://www.w3.org/2000/svg" fill="#7b8191" width="24" height="24" viewBox="0 0 24 24"> <path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"></path> </svg> </div> </nav> <!-- End::nav --> </div> <!-- End::main-sidebar --> </aside> <!-- End::app-sidebar --> <!-- Start::app-content --> <div class="main-content app-content"> <div class="container-fluid"> <!-- Page Header --> <?= $this->renderSection('content') ?> <!-- Page Header Close --> <!-- Start::row-1 --> <div class="row"> </div> <!--End::row-1 --> </div> </div> <!-- End::app-content --> <!--Search Modal Popup--> <div class="modal fade" id="searchModal" tabindex="-1" aria-labelledby="searchModal" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body"> <div class="input-group"> <a href="javascript:void(0);" class="input-group-text" id="Search-Grid"><i class="fe fe-search header-link-icon fs-18"></i></a> <input type="search" class="form-control border-0 px-2" placeholder="Search" aria-label="Username"> <a href="javascript:void(0);" class="input-group-text" id="voice-search"><i class="fe fe-mic header-link-icon"></i></a> <a href="javascript:void(0);" class="btn btn-light btn-icon" data-bs-toggle="dropdown" aria-expanded="false"> <i class="fe fe-more-vertical"></i> </a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="javascript:void(0);">Action</a></li> <li><a class="dropdown-item" href="javascript:void(0);">Another action</a></li> <li><a class="dropdown-item" href="javascript:void(0);">Something else here</a></li> <li><hr class="dropdown-divider"></li> <li><a class="dropdown-item" href="javascript:void(0);">Separated link</a></li> </ul> </div> <div class="mt-4"> <p class="font-weight-semibold text-muted mb-2">Are You Looking For...</p> <span class="search-tags alert"><i class="fe fe-user me-2"></i>People<a href="javascript:void(0)" class="tag-addon" data-bs-dismiss="alert"><i class="fe fe-x"></i></a></span> <span class="search-tags alert"><i class="fe fe-file-text me-2"></i>Pages<a href="javascript:void(0)" class="tag-addon" data-bs-dismiss="alert"><i class="fe fe-x"></i></a></span> <span class="search-tags alert"><i class="fe fe-align-left me-2"></i>Articles<a href="javascript:void(0)" class="tag-addon" data-bs-dismiss="alert"><i class="fe fe-x"></i></a></span> <span class="search-tags alert"><i class="fe fe-server me-2"></i>Tags<a href="javascript:void(0)" class="tag-addon" data-bs-dismiss="alert"><i class="fe fe-x"></i></a></span> </div> <div class="my-4"> <p class="font-weight-semibold text-muted mb-2">Recent Search :</p> <div class="p-2 border br-5 d-flex align-items-center text-muted mb-2 alert"> <a href="notifications.html"><span>Notifications</span></a> <a class="ms-auto lh-1" href="javascript:void(0);" data-bs-dismiss="alert" aria-label="Close"><i class="fe fe-x text-muted"></i></a> </div> <div class="p-2 border br-5 d-flex align-items-center text-muted mb-2 alert"> <a href="alerts.html"><span>Alerts</span></a> <a class="ms-auto lh-1" href="javascript:void(0);" data-bs-dismiss="alert" aria-label="Close"><i class="fe fe-x text-muted"></i></a> </div> <div class="p-2 border br-5 d-flex align-items-center text-muted mb-0 alert"> <a href="mail.html"><span>Mail</span></a> <a class="ms-auto lh-1" href="javascript:void(0);" data-bs-dismiss="alert" aria-label="Close"><i class="fe fe-x text-muted"></i></a> </div> </div> </div> <div class="modal-footer"> <div class="btn-group ms-auto"> <button type="button" class="btn btn-sm btn-primary-light">Search</button> <button type="button" class="btn btn-sm btn-primary">Clear Recents</button> </div> </div> </div> </div> </div> <!--Search Modal Popup--> <!-- Footer Start --> <footer class="footer mt-auto py-3 bg-white text-center"> <div class="container"> <span class="text-muted"> Copyright © <span id="year"></span> <a href="javascript:void(0);" class="text-dark fw-semibold">BCS</a>. Tous droits réservés </span> </div> </footer> <!-- Footer End --> </div> <!-- Scroll To Top --> <div class="scrollToTop"> <span class="arrow"><i class="ri-arrow-up-s-fill fs-20"></i></span> </div> <div id="responsive-overlay"></div> <!-- Scroll To Top --> <!-- Popper JS --> <script src="<?= base_url('dashboard-assets/assets/') ?>libs/@popperjs/core/umd/popper.min.js"></script> <!-- Bootstrap JS --> <script src="<?= base_url('dashboard-assets/assets/') ?>libs/bootstrap/js/bootstrap.bundle.min.js"></script> <!-- Defaultmenu JS --> <script src="<?= base_url('dashboard-assets/assets/') ?>js/defaultmenu.min.js"></script> <!-- Node Waves JS--> <script src="<?= base_url('dashboard-assets/assets/') ?>libs/node-waves/waves.min.js"></script> <!-- Sticky JS --> <script src="<?= base_url('dashboard-assets/assets/') ?>js/sticky.js"></script> <!-- Simplebar JS --> <script src="<?= base_url('dashboard-assets/assets/') ?>libs/simplebar/simplebar.min.js"></script> <script src="<?= base_url('dashboard-assets/assets/') ?>js/simplebar.js"></script> <!-- Color Picker JS --> <script src="<?= base_url('dashboard-assets/assets/') ?>libs/@simonwep/pickr/pickr.es5.min.js"></script> <!-- Custom-Switcher JS --> <script src="<?= base_url('dashboard-assets/assets/') ?>js/custom-switcher.min.js"></script> <!-- Custom JS --> <script src="<?= base_url('dashboard-assets/assets/') ?>js/custom.js"></script> </body> </html>
Annuler
Enregistrer
Switcher
Theme Styles
Theme Colors
Theme Color Mode:
Light
Dark
Menu Colors:
