Éditer dashboard/layout.php

<!DOCTYPE html>
<html lang="fr" dir="ltr" data-nav-layout="vertical" data-theme-mode="light" data-header-styles="light" data-menu-styles="dark" data-toggled="close">

<head>

<script src="<?= base_url('public/dashboard_assets/assets/js/ynex-safe-loader.js') ?>"></script>

<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> YNEX - Bootstrap 5 Premium Admin &amp; Dashboard Template </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.">

<link rel="icon" href="<?= base_url('public/dashboard_assets/assets/images/brand-logos/favicon.ico') ?>" type="image/x-icon">

<script src="<?= base_url('public/dashboard_assets/assets/libs/choices.js/public/assets/scripts/choices.min.js') ?>"></script>

<script src="<?= base_url('public/dashboard_assets/assets/js/main.js') ?>"></script>

<link id="style" href="<?= base_url('public/dashboard_assets/assets/libs/bootstrap/css/bootstrap.min.css') ?>" rel="stylesheet" >

<link href="<?= base_url('public/dashboard_assets/assets/css/styles.min.css') ?>" rel="stylesheet" >

<link href="<?= base_url('public/dashboard_assets/assets/css/icons.css') ?>" rel="stylesheet" >

<link href="<?= base_url('public/dashboard_assets/assets/libs/node-waves/waves.min.css') ?>" rel="stylesheet" >

<link href="<?= base_url('public/dashboard_assets/assets/libs/simplebar/simplebar.min.css') ?>" rel="stylesheet" >

<link rel="stylesheet" href="<?= base_url('public/dashboard_assets/assets/libs/flatpickr/flatpickr.min.css') ?>">
    <link rel="stylesheet" href="<?= base_url('public/dashboard_assets/assets/libs/@simonwep/pickr/themes/nano.min.css') ?>">

<link rel="stylesheet" href="<?= base_url('public/dashboard_assets/assets/libs/choices.js/public/assets/styles/choices.min.css') ?>">

<style>
        .app-sidebar,
        .main-content {
            transition: all 0.3s ease !important;
        }
        
        /* Ensure proper spacing */
        .sidemenu-toggle span {
            transition: all 0.3s ease;
        }
    </style>

</head>

<body>

<div id="loader">
        <img src="<?= base_url('public/dashboard_assets/assets/images/media/loader.svg') ?>" alt="">
    </div>

<div class="page">
        
        <?= $this->include('dashboard/partials/header') ?>
        
        
        <?= $this->include('dashboard/partials/sidebar') ?>

<div class="main-content app-content">
            <div class="container-fluid">
                
                <div class="d-md-flex d-block align-items-center justify-content-between my-4 page-header-breadcrumb">
                    <h1 class="page-title fw-semibold fs-18 mb-0"><?= $this->renderSection('page-title', true) ?: 'Dashboard' ?></h1>
                    <div class="ms-md-1 ms-0">
                        <nav>
                            <ol class="breadcrumb mb-0">
                                <li class="breadcrumb-item"><a href="<?= base_url('dashboard') ?>">Dashboard</a></li>
                                <?php if ($this->renderSection('breadcrumb', true)): ?>
                                    <?= $this->renderSection('breadcrumb') ?>
                                <?php endif; ?>
                            </ol>
                        </nav>
                    </div>
                </div>

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

</div>
        </div>

<div class="modal fade" id="searchModal" tabindex="-1" aria-labelledby="searchModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-body">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="Rechercher...">
                            <button class="btn btn-primary" type="button">
                                <i class="bx bx-search-alt-2"></i>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>

<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 ITCD</a>.
                    Designed with <span class="bi bi-heart-fill text-danger"></span> by <a href="javascript:void(0);">
                        <span class="fw-semibold text-primary text-decoration-underline">BCS Team</span>
                    </a> All
                    rights
                    reserved
                </span>
            </div>
        </footer>

</div>

<div class="scrollToTop">
        <span class="arrow"><i class="ri-arrow-up-s-fill fs-20"></i></span>
    </div>
    <div id="responsive-overlay"></div>
    
    
    <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>
                <div class="tab-pane fade border-0" id="switcher-profile" role="tabpanel" aria-labelledby="switcher-profile-tab" tabindex="0">
                    <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>
                    </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>

<script src="<?= base_url('public/dashboard_assets/assets/libs/@popperjs/core/umd/popper.min.js') ?>"></script>

<script src="<?= base_url('public/dashboard_assets/assets/libs/bootstrap/js/bootstrap.bundle.min.js') ?>"></script>

<script src="<?= base_url('public/dashboard_assets/assets/js/defaultmenu.min.js') ?>"></script>

<script src="<?= base_url('public/dashboard_assets/assets/libs/node-waves/waves.min.js') ?>"></script>

<script src="<?= base_url('public/dashboard_assets/assets/js/sticky.js') ?>"></script>

<script src="<?= base_url('public/dashboard_assets/assets/libs/simplebar/simplebar.min.js') ?>"></script>
    <script src="<?= base_url('public/dashboard_assets/assets/js/simplebar.js') ?>"></script>

<script src="<?= base_url('public/dashboard_assets/assets/libs/@simonwep/pickr/pickr.es5.min.js') ?>"></script>

<script src="<?= base_url('public/dashboard_assets/assets/js/custom-switcher.min.js') ?>"></script>

<script src="<?= base_url('public/dashboard_assets/assets/js/custom.js') ?>"></script>

<script>
        // Global fullscreen function
        function openFullscreen() {
            if (document.documentElement.requestFullscreen) {
                if (document.fullscreenElement) {
                    document.exitFullscreen();
                } else {
                    document.documentElement.requestFullscreen();
                }
            }
        }
        
        // Set year when DOM loads
        document.addEventListener('DOMContentLoaded', function() {
            const yearElement = document.getElementById('year');
            if (yearElement) {
                yearElement.textContent = new Date().getFullYear();
            }
        });
    </script>

<?= $this->renderSection('scripts') ?>

</body>

</html>

Annuler