<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no" name="viewport">
  <title>Ecommerce Dashboard &mdash; Stisla</title>
  <!-- General CSS Files -->
<link rel="stylesheet" href="modules/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="modules/fontawesome/css/all.min.css">


<link rel="stylesheet" href="modules/summernote/summernote-bs4.css">

<!-- CSS Libraries -->
<link rel="stylesheet" href="modules/jqvmap/dist/jqvmap.min.css">
<link rel="stylesheet" href="modules/owlcarousel2/dist/assets/owl.carousel.min.css">
<link rel="stylesheet" href="modules/owlcarousel2/dist/assets/owl.theme.default.min.css">
<link rel="stylesheet" href="modules/select2/dist/css/select2.min.css">
<!-- Template CSS -->
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/components.css">
<link rel="stylesheet" href="snackbar/toastify.min.css">
<script src="js/axios.min.js"></script>

</head>
<body>
  <div id="app">
    <div class="main-wrapper main-wrapper-1">
      <div class="navbar-bg"></div>
      <nav class="navbar navbar-expand-lg main-navbar">
        <form class="form-inline mr-auto">
          <ul class="navbar-nav mr-3">
            <li><a href="#" data-toggle="sidebar" class="nav-link nav-link-lg"><i class="fas fa-bars"></i></a></li>
            <li><a href="#" data-toggle="search" class="nav-link nav-link-lg d-sm-none"><i class="fas fa-search"></i></a></li>
          </ul>
        </form>
        <ul class="navbar-nav navbar-right">
          <li class="dropdown"><a href="#" data-toggle="dropdown" class="nav-link dropdown-toggle nav-link-lg nav-link-user">
            <img alt="image" src="img/avatar/avatar-1.png" class="rounded-circle mr-1">
            <div class="d-sm-none d-lg-inline-block">Hi, Shree</div></a>
            <div class="dropdown-menu dropdown-menu-right">
              <div class="dropdown-title">Logged in sadas</div>
              <a href="features-profile.html" class="dropdown-item has-icon">
                <i class="far fa-user"></i> Profile
              </a>
              <div class="dropdown-divider"></div>
              <a href="logout" class="dropdown-item has-icon text-danger">
                <i class="fas fa-sign-out-alt"></i> Logout
              </a>
            </div>
          </li>
        </ul>
      </nav>
      <div class="main-sidebar sidebar-style-2">
        <aside id="sidebar-wrapper">
          <div class="sidebar-brand">
            <a href="/"><img class="img-fluid" src="img/logo.png" /></a>
          </div>
          <div class="sidebar-brand sidebar-brand-sm">
            <a href="/"><img src="img/shortlogo.png" alt="img"></a>
          </div>
          <ul class="sidebar-menu">
            <li class="menu-header">Dashboard</li>
            <li class="dropdown <%= page_name == 'dashboard' ? 'active' : '' %>">
              <a href="" class="nav-link"><i class="fas fa-fire"></i><span>Dashboard</span></a>
            </li>

            <!-- Products Section -->
            <li class="dropdown <%= page_name == 'All Products' || page_name == 'add Product' ? 'active' : '' %>">
            <li class="dropdown <%= page_name == 'All Products' || page_name == 'add Product' || page_name == 'Edit_product' ? 'active' : '' %>">
              <a href="#" class="nav-link has-dropdown"><i class="fas fa-th"></i> <span>Products</span></a>
              <ul class="dropdown-menu">
                <li class="<%= page_name == 'add Product' ? 'active' : '' %>"><a class="nav-link" href="addProduct">Add Product</a></li>
                <li class="<%= page_name == 'All Products' || page_name == 'Edit_product' ? 'active' : '' %>"><a class="nav-link" href="allProducts">Products</a></li>
              </ul>
            </li>

            <!-- User Section -->
            <li class="menu-header">Users</li>
            <li class="dropdown <%= page_name == 'All Users' || page_name == 'category' ? 'active' : '' %>">
              <a href="#" class="nav-link has-dropdown data-toggle="dropdown"><i class="fas fa-th-list"></i> <span>Users</span></a>
              <ul class="dropdown-menu">
                <li class="<%= page_name == 'All Users' ? 'active' : '' %>"><a class="nav-link" href="allUsers">All Users</a></li>
              </ul>
            </li>

            <!-- Products Section -->
            <li class="menu-header">Orders</li>
            <li class="dropdown <%= page_name == 'All Orders' ? 'active' : '' %>">
              <a href="#" class="nav-link has-dropdown data-toggle="dropdown"><i class="fas fa-th-list"></i> <span>Orders</span></a>
              <ul class="dropdown-menu">
                <li class="<%= page_name == 'All Orders' ? 'active' : '' %>"><a class="nav-link" href="allOrders">All Orders</a></li>
              </ul>
            </li>

            <li class="menu-header">Settings</li>
            <li class="dropdown <%= page_name == '' ? 'active' : '' %>">
              <a href="<%= page_name %>" class="nav-link"><i class="fas fa-fire"></i><span>Logout</span></a>
            </li>
          </ul>
        </aside>
      </div>
