halohalo

<!doctype html> <html lang="en" class=" layout-navbar-fixed layout-menu-fixed layout-compact " dir="ltr" data-skin="default" data-bs-theme="light" data-assets-path="assets/" data-template="vertical-menu-template"> <head> <script> (function() { var templateName = "vertical-menu-template"; var theme = localStorage.getItem("templateCustomizer-" + templateName + "--Theme") || "light"; if (theme === "system") { theme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"; } document.documentElement.setAttribute("data-bs-theme", theme); })(); </script> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> <meta name="robots" content="noindex, nofollow"> <title>Dashboard - eCommerce | Stnjo </title> <meta name="description" content="Vuexy is the best bootstrap 5 dashboard for responsive web apps. Streamline your app development process with ease."> <!-- Canonical SEO --> <meta name="keywords" content="Vuexy bootstrap dashboard, vuexy bootstrap 5 dashboard, themeselection, html dashboard, web dashboard, frontend dashboard, responsive bootstrap theme"> <meta property="og:title" content="Vuexy bootstrap Dashboard by Pixinvent"> <meta property="og:type" content="product"> <meta property="og:url" content="https://themeforest.net/item/vuexy-vuejs-html-laravel-admin-dashboard-template/23328599"> <meta property="og:image" content="https://pixinvent.com/wp-content/uploads/2023/06/vuexy-hero-image.png"> <meta property="og:description" content="Vuexy is the best bootstrap 5 dashboard for responsive web apps. Streamline your app development process with ease."> <meta property="og:site_name" content="Pixinvent"> <link rel="canonical" href="https://themeforest.net/item/vuexy-vuejs-html-laravel-admin-dashboard-template/23328599"> <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-5J3LMKC'); </script> <!-- Favicon --> <link rel="icon" type="image/x-icon" href="assets/img/favicon/favicon.ico"> <!-- Fonts: Inter --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet"> <link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'> <style> * { font-family: 'Inter', sans-serif !important; } html, body { overflow-x: hidden !important; width: 100%; position: relative; } .layout-wrapper, .layout-container { overflow-x: hidden !important; } /* Compact Table Styling */ .table:not(.table-borderless):not(.table-light) th, .table:not(.table-borderless):not(.table-light) td { padding: 0.6rem 0.8rem !important; font-size: 13px !important; vertical-align: middle !important; } .table thead th { text-transform: uppercase; font-size: 11px !important; letter-spacing: 0.5px; background-color: #f8f9fa !important; } /* Custom Action Buttons as per Screenshot */ .btn-custom-edit { background-color: #00bcd4 !important; border-color: #00bcd4 !important; color: #fff !important; font-weight: 500 !important; padding: 0.4rem 1rem !important; font-size: 13px !important; border-radius: 6px !important; } .btn-custom-delete { background-color: #ff5252 !important; border-color: #ff5252 !important; color: #fff !important; font-weight: 500 !important; padding: 0.4rem 1rem !important; font-size: 13px !important; border-radius: 6px !important; } .btn-custom-edit:hover, .btn-custom-delete:hover { opacity: 0.9; color: #fff !important; } .d-flex.gap-2 { flex-wrap: nowrap !important; } </style> <link rel="stylesheet" href="assets/vendor/fonts/iconify-icons.css"> <!-- Core CSS --> <!-- build:css assets/vendor/css/theme.css --> <link rel="stylesheet" href="assets/vendor/libs/node-waves/node-waves.css"> <link rel="stylesheet" href="assets/vendor/libs/pickr/pickr-themes.css"> <link rel="stylesheet" href="assets/vendor/css/core.css"> <link rel="stylesheet" href="assets/css/demo.css"> <!-- Vendors CSS --> <link rel="stylesheet" href="assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.css"> <!-- endbuild --> <link rel="stylesheet" href="assets/vendor/libs/apex-charts/apex-charts.css"> <link rel="stylesheet" href="assets/vendor/libs/datatables-bs5/datatables.bootstrap5.css"> <link rel="stylesheet" href="assets/vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.css"> <link rel="stylesheet" href="assets/vendor/libs/datatables-buttons-bs5/buttons.bootstrap5.css"> <!-- Page CSS --> <!-- Helpers --> <script src="assets/vendor/js/helpers.js"></script> <script src="assets/js/config.js"></script> </head> <body> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5J3LMKC" height="0" width="0" style="display: none; visibility: hidden"></iframe></noscript> <!-- Layout wrapper --> <div class="layout-wrapper layout-content-navbar "> <div class="layout-container"> <?php include('sidebar.php'); ?> <div class="menu-mobile-toggler d-xl-none rounded-1"> <a href="javascript:void(0);" class="layout-menu-toggle menu-link text-large text-bg-secondary p-2 rounded-1"> <i class="ti tabler-menu icon-base"></i> <i class="ti tabler-chevron-right icon-base"></i> </a> </div> <!-- / Menu --> <!-- Layout container --> <div class="layout-page"> <nav class="layout-navbar container-xxl navbar-detached navbar navbar-expand-xl align-items-center bg-navbar-theme" id="layout-navbar"> <div class="layout-menu-toggle navbar-nav align-items-xl-center me-3 me-xl-0 d-xl-none "> <a class="nav-item nav-link px-0 me-xl-6" href="javascript:void(0)"> <i class="icon-base ti tabler-menu-2 icon-md"></i> </a> </div> <div class="navbar-nav-right d-flex align-items-center justify-content-end" id="navbar-collapse"> <!-- Search --> <div class="navbar-nav align-items-center"> <div class="nav-item navbar-search-wrapper px-md-0 px-2 mb-0"> <a class="nav-item nav-link search-toggler d-flex align-items-center px-0" href="javascript:void(0);"> <span class="d-inline-block text-body-secondary fw-normal" id="autocomplete"></span> </a> </div> </div> <!-- /Search --> <ul class="navbar-nav flex-row align-items-center ms-md-auto"> <!-- Style Switcher --> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle hide-arrow btn btn-icon btn-text-secondary rounded-pill" id="nav-theme" href="javascript:void(0);" data-bs-toggle="dropdown"> <i class="icon-base ti tabler-sun icon-22px theme-icon-active text-heading"></i> <span class="d-none ms-2" id="nav-theme-text">Toggle theme</span> </a> <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="nav-theme-text"> <li> <button type="button" class="dropdown-item align-items-center active" data-bs-theme-value="light" aria-pressed="false"> <span><i class="icon-base ti tabler-sun icon-22px me-3" data-icon="sun"></i>Light</span> </button> </li> <li> <button type="button" class="dropdown-item align-items-center" data-bs-theme-value="dark" aria-pressed="true"> <span><i class="icon-base ti tabler-moon-stars icon-22px me-3" data-icon="moon-stars"></i>Dark</span> </button> </li> <li> <button type="button" class="dropdown-item align-items-center" data-bs-theme-value="system" aria-pressed="false"> <span><i class="icon-base ti tabler-device-desktop-analytics icon-22px me-3" data-icon="device-desktop-analytics"></i>System</span> </button> </li> </ul> </li> <!-- / Style Switcher--> <!-- User --> <li class="nav-item navbar-dropdown dropdown-user dropdown"> <a class="nav-link dropdown-toggle hide-arrow p-0" href="javascript:void(0);" data-bs-toggle="dropdown"> <div class="avatar avatar-online"> <img src="assets/img/avatars/1.png" alt="" class="rounded-circle"> </div> </a> <ul class="dropdown-menu dropdown-menu-end"> <li> <a class="dropdown-item mt-0" href="#"> <div class="d-flex align-items-center"> <div class="flex-shrink-0 me-2"> <div class="avatar avatar-online"> <img src="assets/img/avatars/1.png" alt="" class="rounded-circle"> </div> </div> <div class="flex-grow-1"> <h6 class="mb-0">John Doe</h6> <small class="text-body-secondary">Admin</small> </div> </div> </a> </li> <li> <div class="dropdown-divider my-1 mx-n2"></div> </li> <!-- <li> <a class="dropdown-item" href="pages-profile-user.html"> <i class="icon-base ti tabler-user me-3 icon-md"></i><span class="align-middle">My Profile</span> </a> </li> --> <li> <a class="dropdown-item" href="settings.php"> <i class="icon-base ti tabler-settings me-3 icon-md"></i><span class="align-middle">Settings</span> </a> </li> <li> <div class="d-grid px-2 pt-2 pb-1"> <a class="btn btn-sm btn-danger d-flex" href="logout.php" target="_blank"> <small class="align-middle">Logout</small> <i class="icon-base ti tabler-logout ms-2 icon-14px"></i> </a> </div> </li> </ul> </li> <!--/ User --> </ul> </div> </nav> <!-- / Navbar -->