<!DOCTYPE html>
<html lang="en">


<!-- Mirrored from techzaa.in/larkon/admin/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 01 May 2025 22:51:04 GMT -->

<head>
  <!-- Title Meta -->
  <meta charset="utf-8" />
  <title>Dashboard | Custom Creations 4 All - Admin Dashboard</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="A fully responsive premium admin dashboard template" />
  <meta name="author" content="Techzaa" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />

  <!-- App favicon -->
  <link rel="shortcut icon" href="/admin/assets/images/favicon.ico">

  <!-- Vendor css (Require in all Page) -->
  <link href="/admin/assets/css/vendor.min.css" rel="stylesheet" type="text/css" />

  <!-- Icons css (Require in all Page) -->
  <link href="/admin/assets/css/icons.min.css" rel="stylesheet" type="text/css" />

  <!-- App css (Require in all Page) -->
  <link href="/admin/assets/css/app.min.css" rel="stylesheet" type="text/css" />

  <!-- Theme Config js (Require in all Page) -->
  <script src="/admin/assets/js/config.js"></script>
</head>

<body>

  <!-- START Wrapper -->
  <div class="wrapper">

    <!-- ========== Topbar Start ========== -->
    <header class="topbar">
      <div class="container-fluid">
        <div class="navbar-header">
          <div class="d-flex align-items-center">
            <!-- Menu Toggle Button -->
            <div class="topbar-item">
              <button type="button" class="button-toggle-menu me-2">
                <iconify-icon icon="solar:hamburger-menu-broken" class="fs-24 align-middle"></iconify-icon>
              </button>
            </div>

            <!-- Menu Toggle Button -->
            <div class="topbar-item">
              <h4 class="fw-bold topbar-button pe-none text-uppercase mb-0">Welcome!</h4>
            </div>
          </div>

          <div class="d-flex align-items-center gap-1">

            <!-- Theme Color (Light/Dark) -->
            <div class="topbar-item">
              <button type="button" class="topbar-button" id="light-dark-mode">
                <iconify-icon icon="solar:moon-bold-duotone" class="fs-24 align-middle"></iconify-icon>
              </button>
            </div>
            <!-- Theme Setting -->
            <!-- <div class="topbar-item d-none d-md-flex">
              <button type="button" class="topbar-button" id="theme-settings-btn" data-bs-toggle="offcanvas" data-bs-target="#theme-settings-offcanvas" aria-controls="theme-settings-offcanvas">
                <iconify-icon icon="solar:settings-bold-duotone" class="fs-24 align-middle"></iconify-icon>
              </button>
            </div> -->
            <!-- User -->
            <div class="dropdown topbar-item">
              <a type="button" class="topbar-button" id="page-header-user-dropdown" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                <span class="d-flex align-items-center">
                  <img class="rounded-circle" width="32" src="/admin/assets/images/users/avatar-1.jpg" alt="avatar-3">
                </span>
              </a>
              <div class="dropdown-menu dropdown-menu-end">
                <!-- item-->
                <h6 class="dropdown-header">Welcome <%- user.firstName %>!</h6>

                <a class="dropdown-item text-danger" href="/api/auth/logout">
                  <i class="bx bx-log-out fs-18 align-middle me-1"></i><span class="align-middle">Logout</span>
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </header>

    <!-- Right Sidebar (Theme Settings) -->
    <!-- <div>
      <div class="offcanvas offcanvas-end border-0" tabindex="-1" id="theme-settings-offcanvas">
        <div class="d-flex align-items-center bg-primary p-3 offcanvas-header">
          <h5 class="text-white m-0">Theme Settings</h5>
          <button type="button" class="btn-close btn-close-white ms-auto" data-bs-dismiss="offcanvas" aria-label="Close"></button>
        </div>

        <div class="offcanvas-body p-0">
          <div data-simplebar class="h-100">
            <div class="p-3 settings-bar">

              <div>
                <h5 class="mb-3 font-16 fw-semibold">Color Scheme</h5>

                <div class="form-check mb-2">
                  <input class="form-check-input" type="radio" name="data-bs-theme" id="layout-color-light" value="light">
                  <label class="form-check-label" for="layout-color-light">Light</label>
                </div>

                <div class="form-check mb-2">
                  <input class="form-check-input" type="radio" name="data-bs-theme" id="layout-color-dark" value="dark">
                  <label class="form-check-label" for="layout-color-dark">Dark</label>
                </div>
              </div>

              <div>
                <h5 class="my-3 font-16 fw-semibold">Topbar Color</h5>

                <div class="form-check mb-2">
                  <input class="form-check-input" type="radio" name="data-topbar-color" id="topbar-color-light" value="light">
                  <label class="form-check-label" for="topbar-color-light">Light</label>
                </div>
                <div class="form-check mb-2">
                  <input class="form-check-input" type="radio" name="data-topbar-color" id="topbar-color-dark" value="dark">
                  <label class="form-check-label" for="topbar-color-dark">Dark</label>
                </div>
              </div>


              <div>
                <h5 class="my-3 font-16 fw-semibold">Menu Color</h5>

                <div class="form-check mb-2">
                  <input class="form-check-input" type="radio" name="data-menu-color" id="leftbar-color-light" value="light">
                  <label class="form-check-label" for="leftbar-color-light">
                    Light
                  </label>
                </div>

                <div class="form-check mb-2">
                  <input class="form-check-input" type="radio" name="data-menu-color" id="leftbar-color-dark" value="dark">
                  <label class="form-check-label" for="leftbar-color-dark">
                    Dark
                  </label>
                </div>
              </div>

              <div>
                <h5 class="my-3 font-16 fw-semibold">Sidebar Size</h5>

                <div class="form-check mb-2">
                  <input class="form-check-input" type="radio" name="data-menu-size" id="leftbar-size-default" value="default">
                  <label class="form-check-label" for="leftbar-size-default">
                    Default
                  </label>
                </div>

                <div class="form-check mb-2">
                  <input class="form-check-input" type="radio" name="data-menu-size" id="leftbar-size-small" value="condensed">
                  <label class="form-check-label" for="leftbar-size-small">
                    Condensed
                  </label>
                </div>

                <div class="form-check mb-2">
                  <input class="form-check-input" type="radio" name="data-menu-size" id="leftbar-hidden" value="hidden">
                  <label class="form-check-label" for="leftbar-hidden">
                    Hidden
                  </label>
                </div>

                <div class="form-check mb-2">
                  <input class="form-check-input" type="radio" name="data-menu-size" id="leftbar-size-small-hover-active" value="sm-hover-active">
                  <label class="form-check-label" for="leftbar-size-small-hover-active">
                    Small Hover Active
                  </label>
                </div>

                <div class="form-check mb-2">
                  <input class="form-check-input" type="radio" name="data-menu-size" id="leftbar-size-small-hover" value="sm-hover">
                  <label class="form-check-label" for="leftbar-size-small-hover">
                    Small Hover
                  </label>
                </div>
              </div>

            </div>
          </div>
        </div>
        <div class="offcanvas-footer border-top p-3 text-center">
          <div class="row">
            <div class="col">
              <button type="button" class="btn btn-danger w-100" id="reset-layout">Reset</button>
            </div>
          </div>
        </div>
      </div>
    </div> -->
    <!-- ========== Topbar End ========== -->

    <!-- ========== App Menu Start ========== -->
    <div class="main-nav">
      <!-- Sidebar Logo -->
      <div class="logo-box">
        <a href="/" class="logo-dark">
          <img src="/admin/assets/images/logo.webp" class="logo-sm" alt="logo sm">
          <img src="/admin/assets/images/logo.webp" class="logo-lg" alt="logo dark">
        </a>
        <!-- Logo Light -->
        <a href="/" class="logo-light">
          <img src="/admin/assets/images/logo.webp" class="logo-sm" alt="logo sm">
          <img src="/admin/assets/images/logo.webp" class="logo-lg" alt="logo light">
        </a>
      </div>

      <!-- Menu Toggle Button (sm-hover) -->
      <button type="button" class="button-sm-hover" aria-label="Show Full Sidebar">
        <iconify-icon icon="solar:double-alt-arrow-right-bold-duotone" class="button-sm-hover-icon"></iconify-icon>
      </button>

      <div class="scrollbar" data-simplebar>
        <ul class="navbar-nav" id="navbar-nav">

          <li class="menu-title">General</li>

          <li class="nav-item">
            <a class="nav-link" href="/admin">
              <span class="nav-icon">
                <iconify-icon icon="solar:widget-5-bold-duotone"></iconify-icon>
              </span>
              <span class="nav-text"> Dashboard </span>
            </a>
          </li>
          <!-- <li class="nav-item">
            <a class="nav-link menu-arrow" href="#CMSsidebar" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="CMSsidebar">
              <span class="nav-icon">
                <iconify-icon icon="solar:clapperboard-text-bold-duotone"></iconify-icon>
              </span>
              <span class="nav-text"> Letters </span>
            </a>
            <div class="collapse" id="CMSsidebar">
              <ul class="nav sub-navbar-nav">
                <li class="sub-nav-item">
                  <a class="sub-nav-link" href="/admin/letters/sepia">Sepia</a>
                </li>
                <li class="sub-nav-item">
                  <a class="sub-nav-link" href="/admin/letters/color">Color</a>
                </li>
              </ul>
            </div>
          </li> -->
          <li class="nav-item">
            <a class="nav-link menu-arrow collapsed" href="#sidebarCategory" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarCategory">
              <span class="nav-icon">
                <iconify-icon icon="solar:clipboard-list-bold-duotone"></iconify-icon>
              </span>
              <span class="nav-text"> Category </span>
            </a>
            <div class="collapse" id="sidebarCategory">
              <ul class="nav sub-navbar-nav">
                <li class="sub-nav-item">
                  <a class="sub-nav-link" href="/admin/category-list">List</a>
                </li>
                <li class="sub-nav-item">
                  <a class="sub-nav-link" href="/admin/new-category">Create</a>
                </li>
              </ul>
            </div>
          </li>
          <li class="nav-item">
            <a class="nav-link menu-arrow collapsed" href="#sidebarProducts" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarProducts">
              <span class="nav-icon">
                <iconify-icon icon="solar:t-shirt-bold-duotone"></iconify-icon>
              </span>
              <span class="nav-text"> Products </span>
            </a>
            <div class="collapse" id="sidebarProducts">
              <ul class="nav sub-navbar-nav">
                <li class="sub-nav-item">
                  <a class="sub-nav-link" href="/admin/product-list">List</a>
                </li>
                <!-- <li class="sub-nav-item">
                  <a class="sub-nav-link" href="/admin/product-grid">Grid</a>
                </li> -->
                <li class="sub-nav-item">
                  <a class="sub-nav-link" href="/admin/new-product">Create</a>
                </li>
              </ul>
            </div>
          </li>
          <li class="nav-item">
            <a class="nav-link menu-arrow" href="#sidebarCoupons" data-bs-toggle="collapse" role="button" aria-expanded="false" aria-controls="sidebarCoupons">
              <span class="nav-icon">
                <iconify-icon icon="solar:leaf-bold-duotone"></iconify-icon>
              </span>
              <span class="nav-text"> Coupons </span>
            </a>
            <div class="collapse" id="sidebarCoupons">
              <ul class="nav sub-navbar-nav">
                <li class="sub-nav-item">
                  <a class="sub-nav-link" href="/admin/coupon/list">List</a>
                </li>
                <li class="sub-nav-item">
                  <a class="sub-nav-link" href="/admin/coupon/new">Add</a>
                </li>
              </ul>
            </div>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="/admin/orders/list">
              <span class="nav-icon">
                <iconify-icon icon="solar:bag-smile-bold-duotone"></iconify-icon>
              </span>
              <span class="nav-text"> Orders </span>
            </a>
          </li>
          <li class="menu-title mt-2">Other</li>
          <li class="nav-item">
            <a class="nav-link" href="/admin/settings">
              <span class="nav-icon">
                <iconify-icon icon="solar:settings-bold-duotone"></iconify-icon>
              </span>
              <span class="nav-text"> Settings </span>
            </a>
          </li>
        </ul>
      </div>
    </div>