<div class="sidebar">
      <div class="sidebar-header">
        <a href="../" class="sidebar-logo">Naksha <span class="text-primary">Admin</span></a>
      </div><!-- sidebar-header -->
      <div id="sidebarMenu" class="sidebar-body">
        <div class="nav-group show">
          <a href="#" class="nav-label">Main</a>
          <ul class="nav nav-sidebar">
            <li class="nav-item">
              <a href="../dashboard/finance.html" class="nav-link active"><i class="ri-pie-chart-2-fill"></i> <span>Dashboard</span></a>
            </li>
            
          </ul>
        </div><!-- nav-group -->
        <div class="nav-group show">
        <a href="#" class="nav-label">Web Apps</a>
        <ul class="nav nav-sidebar">
          c
          <li class="nav-item">
            <a href="edit" class="nav-link has-sub"><i class="ri-suitcase-line"></i> <span>Sales Data</span></a>
            <nav class="nav nav-sub">
              <a href="" class="nav-sub-link">DSR</a>
              <a href="" class="nav-sub-link">Mice</a>
              <a href="" class="nav-sub-link">Package</a>
            </nav>
          </li>
          <li class="nav-item">
            <a href="edit" class="nav-link has-sub"><i class="ri-suitcase-line"></i> <span>Approvals</span></a>
            <nav class="nav nav-sub">
              <a href="" class="nav-sub-link">Corprate Customers</a>
              <a href="" class="nav-sub-link">Individual Customers</a>
              <a href="" class="nav-sub-link">Invoice</a>
              <a href="" class="nav-sub-link">GRN</a>
            </nav>
          </li>
          <li class="nav-item">
            <a href="edit" class="nav-link has-sub"><i class="ri-suitcase-line"></i> <span>Sales</span></a>
            <nav class="nav nav-sub">
              <a href="" class="nav-sub-link">Quotation</a>
              <a href="" class="nav-sub-link">Pro=Forma</a>
              <a href="" class="nav-sub-link">Invoice</a>
              <a href="" class="nav-sub-link">Credit Note</a>
              <a href="" class="nav-sub-link">Payment Received</a>
            </nav>
          </li>
          <li class="nav-item">
            <a href="edit" class="nav-link has-sub"><i class="ri-suitcase-line"></i> <span>Purchases</span></a>
            <nav class="nav nav-sub">
              <a href="" class="nav-sub-link">Supplier</a>
              <a href="" class="nav-sub-link">Expenses</a>
              <a href="" class="nav-sub-link">Debit Note</a>
              <a href="" class="nav-sub-link">Bills</a>
              <a href="" class="nav-sub-link">Payment Made</a>
              <a href="" class="nav-sub-link">Payment Order</a>
            </nav>
          </li>
          <li class="nav-item">
            <a href="edit" class="nav-link has-sub"><i class="ri-suitcase-line"></i> <span>GRN</span></a>
            <nav class="nav nav-sub">
              <a href="" class="nav-sub-link">GRN</a>
            </nav>
          </li>
          <li class="nav-item">
            <a href="edit" class="nav-link has-sub"><i class="ri-suitcase-line"></i> <span>Products & Services</span></a>
            <nav class="nav nav-sub">
              <a href="" class="nav-sub-link">Inventory</a>
              <a href="" class="nav-sub-link">Non -Inventory</a>
              <a href="" class="nav-sub-link">Services</a>

            </nav>
          </li>

          <li class="nav-item">
            <a href="list" class="nav-link"><i class="ri-folder-2-line"></i> <span>Employee List</span></a>
          </li>
          <li class="nav-item">
            <a href="edit" class="nav-link"><i class="ri-list-check-2"></i> <span>Edit Form</span></a>
          </li>
          <!-- <li class="nav-item">
            <a href="../apps/calendar.html" class="nav-link"><i class="ri-calendar-line"></i> <span>Calendar</span></a>
          </li>
          <li class="nav-item">
            <a href="../apps/chat.html" class="nav-link"><i class="ri-question-answer-line"></i> <span>Chat</span></a>
          </li>
          <li class="nav-item">
            <a href="../apps/contact.html" class="nav-link"><i class="ri-contacts-book-line"></i> <span>Contacts</span></a>
          </li>
          <li class="nav-item">
            <a href="../apps/tasks.html" class="nav-link"><i class="ri-checkbox-multiple-line"></i> <span>Task Manager</span></a>
          </li>
          <li class="nav-item">
            <a href="" class="nav-link has-sub"><i class="ri-gallery-line"></i> <span>Media Gallery</span></a>
            <nav class="nav nav-sub">
              <a href="../apps/gallery-music.html" class="nav-sub-link">Music Stream</a>
              <a href="../apps/gallery-video.html" class="nav-sub-link">Video Stream</a>
            </nav>
          </li> -->
        </ul>
      </div><!-- nav-group -->
      </div><!-- sidebar-body -->
      <div class="sidebar-footer">
        <div class="sidebar-footer-top">
          <div class="sidebar-footer-thumb">
            <img src="../assets/img/img1.jpg" alt="">
          </div><!-- sidebar-footer-thumb -->
          <div class="sidebar-footer-body">
            <h6><a href="../pages/profile.html">John Doe</a></h6>
            <p>Admin</p>
          </div><!-- sidebar-footer-body -->
          <a id="sidebarFooterMenu" href="" class="dropdown-link"><i class="ri-arrow-down-s-line"></i></a>
        </div><!-- sidebar-footer-top -->
        <div class="sidebar-footer-menu">
          <nav class="nav">
            <a href=""><i class="ri-edit-2-line"></i> Edit Profile</a>
            <a href=""><i class="ri-profile-line"></i> View Profile</a>
          </nav>
          <hr>
          <nav class="nav">
            <a href=""><i class="ri-question-line"></i> Help Center</a>
            <a href=""><i class="ri-lock-line"></i> Privacy Settings</a>
            <a href=""><i class="ri-user-settings-line"></i> Account Settings</a>
            <a href=""><i class="ri-logout-box-r-line"></i> Log Out</a>
          </nav>
        </div><!-- sidebar-footer-menu -->
      </div><!-- sidebar-footer -->
    </div><!-- sidebar -->

    <div class="header-main px-3 px-lg-4">
      <a id="menuSidebar" href="#" class="menu-link me-3 me-lg-4"><i class="ri-menu-2-fill"></i></a>

      <div class="form-search me-auto">
        <input type="text" class="form-control" placeholder="Search">
        <i class="ri-search-line"></i>
      </div><!-- form-search -->

      <div class="dropdown dropdown-skin">
        <a href="" class="dropdown-link" data-bs-toggle="dropdown" data-bs-auto-close="outside"><i class="ri-settings-3-line"></i></a>
        <div class="dropdown-menu dropdown-menu-end mt-10-f">
          <label>Skin Mode</label>
          <nav id="skinMode" class="nav nav-skin">
            <a href="" class="nav-link active">Light</a>
            <a href="" class="nav-link">Dark</a>
          </nav>
          <hr>
          <label>Sidebar Skin</label>
          <nav id="sidebarSkin" class="nav nav-skin">
            <a href="" class="nav-link active">Default</a>
            <a href="" class="nav-link">Prime</a>
            <a href="" class="nav-link">Dark</a>
          </nav>
          <hr>
          <label>Direction</label>
          <nav id="layoutDirection" class="nav nav-skin">
            <a href="" class="nav-link active">LTR</a>
            <a href="" class="nav-link">RTL</a>
          </nav>
        </div><!-- dropdown-menu -->
      </div><!-- dropdown -->

      <div class="dropdown dropdown-notification ms-3 ms-xl-4">
        <a href="" class="dropdown-link" data-bs-toggle="dropdown" data-bs-auto-close="outside"><small>3</small><i class="ri-notification-3-line"></i></a>
        <div class="dropdown-menu dropdown-menu-end mt-10-f me--10-f">
          <div class="dropdown-menu-header">
            <h6 class="dropdown-menu-title">Notifications</h6>
          </div><!-- dropdown-menu-header -->
          <ul class="list-group">
            <li class="list-group-item">
              <div class="avatar online"><img src="../assets/img/img10.jpg" alt=""></div>
              <div class="list-group-body">
                <p><strong>Dominador Manuel</strong> and <strong>100 other people</strong> reacted to your comment "Tell your partner that...</p>
                <span>Aug 20 08:55am</span>
              </div><!-- list-group-body -->
            </li>
            <li class="list-group-item">
              <div class="avatar online"><img src="../assets/img/img11.jpg" alt=""></div>
              <div class="list-group-body">
                <p><strong>Angela Ighot</strong> tagged you and <strong>9 others</strong> in a post.</p>
                <span>Aug 18 10:30am</span>
              </div><!-- list-group-body -->
            </li>
            <li class="list-group-item">
              <div class="avatar"><span class="avatar-initial bg-primary">a</span></div>
              <div class="list-group-body">
                <p>New listings were added that match your search alert <strong>house for rent</strong></p>
                <span>Aug 15 08:10pm</span>
              </div><!-- list-group-body -->
            </li>
            <li class="list-group-item">
              <div class="avatar online"><img src="../assets/img/img14.jpg" alt=""></div>
              <div class="list-group-body">
                <p>Reminder: <strong>Jerry Cuares</strong> invited you to like <strong>Cuares Surveying Services</strong>. <br><a href="">Accept</a> or <a href="">Decline</a></p>
                <span>Aug 14 11:50pm</span>
              </div><!-- list-group-body -->
            </li>
            <li class="list-group-item">
              <div class="avatar online"><img src="../assets/img/img15.jpg" alt=""></div>
              <div class="list-group-body">
                <p><strong>Dyanne Aceron</strong> reacted to your post <strong>King of the Bed</strong>.</p>
                <span>Aug 10 05:30am</span>
              </div><!-- list-group-body -->
            </li>
          </ul>
          <div class="dropdown-menu-footer"><a href="">Show all Notifications</a></div>
        </div><!-- dropdown-menu -->
      </div><!-- dropdown -->
      <div class="dropdown dropdown-profile ms-3 ms-xl-4">
          <a href="" class="dropdown-link" data-bs-toggle="dropdown" data-bs-auto-close="outside"><div class="avatar online"><img src="../assets/img/img1.jpg" alt=""></div></a>
          <div class="dropdown-menu dropdown-menu-end mt-10-f">
            <div class="dropdown-menu-body">
              <div class="avatar avatar-xl online mb-3"><img src="../assets/img/img1.jpg" alt=""></div>
              <h5 class="mb-1 text-dark fw-semibold">John Doe</h5>
              <p class="fs-sm text-secondary">Admin</p>

              <nav class="nav">
                <a href=""><i class="ri-edit-2-line"></i> Edit Profile</a>
                <a href=""><i class="ri-profile-line"></i> View Profile</a>
              </nav>
              <hr>
              <nav class="nav">
                <a href=""><i class="ri-question-line"></i> Help Center</a>
                <a href=""><i class="ri-lock-line"></i> Privacy Settings</a>
                <a href=""><i class="ri-user-settings-line"></i> Account Settings</a>
                <a href=""><i class="ri-logout-box-r-line"></i> Log Out</a>
              </nav>
            </div><!-- dropdown-menu-body -->
          </div><!-- dropdown-menu -->
      </div><!-- dropdown -->
    </div><!-- header-main -->