<aside class="sidenav navbar shadow navbar-vertical navbar-expand-xs border-0 border-radius-xl my-1 fixed-start ms-3 "
  id="sidenav-main">
  <div class="sidenav-header">
    <i class="fa fa-times p-1 cursor-pointer text-secondary opacity-5 position-absolute end-0 top-0 d-none d-xl-none"
      aria-hidden="true" id="iconSidenav"></i>
    <a class="navbar-brand px-3 d-flex m-0" href=" {{url_for('admin_dashboard')}} ">
      <img src="{{url_for('static', filename='admin/img/favicon.png')}}"
        class="navbar-brand-img icon icon-shape icon-sm shadow border-radius-md bg-white text-center me-2 border-radius-md h-100"
        alt="main_logo">
      <h4 class="ms-1 font-weight-bold">{{config.get('PROJECT_NAME')}}</h4>
    </a>
  </div>
  <hr class="horizontal dark mt-0">
  <div class="collapse navbar-collapse  w-auto " id="sidenav-collapse-main">
    <ul class="accordion accordion-flush navbar-nav g-0">
      <div class="nav-item px-0 py-0 my-0">
        <a class="nav-link px-0  mt-1 mb-2 py-0 {% if request.path == '/admin' %} active {% endif %}"
          href="{{url_for('admin_dashboard')}}">
          <div
            class="icon icon-shape icon-sm shadow border-radius-md bg-white text-center me-2 d-flex align-items-center justify-content-center">
            <i class="ni ni-laptop text-info text-sm opacity-10"></i>
          </div>
          <span class="nav-link-text ms-1">Dashboard</span>
        </a>
      </div>
      <div class="accordion-item nav-item" id="accordionFlushExample">
        <a class="nav-link px-0 mt-1 mb-2 py-0 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#apps_id"
          aria-expanded="false" aria-controls="apps_id">
          <div
            class="icon icon-shape icon-sm shadow border-radius-md bg-white text-center me-2 d-flex align-items-center justify-content-center">
            <i class="ni ni-app text-info text-sm opacity-10"></i>
          </div><span class="nav-link-text ms-1">Listing</span>
        </a>
        <div id="apps_id" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
          <div class="accordion-body my-0 py-0">
            <ul class="navbar-nav my-0 py-0">
              <li class="nav-item">
                <div class="nav-item px-0 py-0">
                  <a href="{{url_for('add_listing')}}" class="nav-link px-0  mt-1 mb-2 py-0">
                    <span class="nav-link-text ms-1"><i
                        class="ni ni-bold-right text-dark text-sm opacity-10 me-2"></i>Add Listing</span>
                  </a>
                </div>
                <div class="nav-item px-0 py-0">
                  <a href="{{url_for('all_listing')}}" class="nav-link px-0  mt-1 mb-2 py-0">
                    <span class="nav-link-text ms-1"><i
                        class="ni ni-bold-right text-dark text-sm opacity-10 me-2"></i>All Listings</span>
                  </a>
                </div>
                <div class="nav-item px-0 py-0">
                  <a href="{{url_for('featured_listing')}}" class="nav-link px-0  mt-1 mb-2 py-0">
                    <span class="nav-link-text ms-1"><i
                        class="ni ni-bold-right text-dark text-sm opacity-10 me-2"></i>Featured Listings</span>
                  </a>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <div class="accordion-item nav-item" id="vehicle-utilities">
        <a class="nav-link px-0  mt-1 mb-2 py-0 collapsed vehicle-utilities" type="button" data-bs-toggle="collapse"
          data-bs-target="#v-utilities" aria-expanded="false" aria-controls="v-utilities">
          <div
            class="icon icon-shape icon-sm shadow border-radius-md bg-white text-center me-2 d-flex align-items-center justify-content-center">
            <i class="ni ni-app text-info text-sm opacity-10"></i>
          </div><span class="nav-link-text ms-1">Vehicle Properties</span>
        </a>
        <div id="v-utilities" class="accordion-collapse collapse" data-bs-parent="#vehicle-utilities">
          <div class="accordion-body my-0 py-0">
            <ul class="navbar-nav my-0 py-0">
              <li class="nav-item">
                <div class="nav-item px-0 py-0">
                  <a href="{{url_for('status')}}" class="nav-link status_ px-0  mt-1 mb-2 py-0">
                    <span class="nav-link-text ms-1"><i
                        class="ni ni-bold-right text-dark text-sm opacity-10 me-2"></i>Vehicle Status</span>
                  </a>
                </div>
                <div class="nav-item px-0 py-0">
                  <a href="{{url_for('makes')}}" class="nav-link makes_ px-0  mt-1 mb-2 py-0">
                    <span class="nav-link-text ms-1"><i
                        class="ni ni-bold-right text-dark text-sm opacity-10 me-2"></i>Makes/Brands</span>
                  </a>
                </div>
                <div class="nav-item px-0 py-0">
                  <a href="{{url_for('models')}}" class="nav-link models_ px-0  mt-1 mb-2 py-0">
                    <span class="nav-link-text ms-1"><i
                        class="ni ni-bold-right text-dark text-sm opacity-10 me-2"></i>Models</span>
                  </a>
                </div>
                <div class="nav-item px-0 py-0">
                  <a href="{{url_for('body_types')}}" class="nav-link px-0 body_types  my-2 py-0">
                    <span class="nav-link-text ms-1"><i
                        class="ni ni-bold-right text-dark text-sm opacity-10 me-2"></i>Body Types</span>
                  </a>
                </div>
                <div class="nav-item px-0 py-0">
                  <a href="{{url_for('conditions')}}" class="nav-link px-0 conditions_ my-2 py-0">
                    <span class="nav-link-text ms-1"><i
                        class="ni ni-bold-right text-dark text-sm opacity-10 me-2"></i>Conditions</span>
                  </a>
                </div>
                <div class="nav-item px-0 py-0">
                  <a href="{{url_for('drive_types')}}" class="nav-link px-0 drive_types  my-2 py-0">
                    <span class="nav-link-text ms-1"><i
                        class="ni ni-bold-right text-dark text-sm opacity-10 me-2"></i>Drive Types</span>
                  </a>
                </div>
                <div class="nav-item px-0 py-0">
                  <a href="{{url_for('transmisions')}}" class="nav-link px-0 transmisions my-2 py-0">
                    <span class="nav-link-text ms-1"><i
                        class="ni ni-bold-right text-dark text-sm opacity-10 me-2"></i>Transmisions</span>
                  </a>
                </div>
                <div class="nav-item px-0 py-0">
                  <a href="{{url_for('fuel_types')}}" class="nav-link px-0 fuel_types my-2 py-0">
                    <span class="nav-link-text ms-1"><i
                        class="ni ni-bold-right text-dark text-sm opacity-10 me-2"></i>Fuel Types</span>
                  </a>
                </div>
                <div class="nav-item px-0 py-0">
                  <a href="{{url_for('cylinders')}}" class="nav-link px-0 cylinders my-2 py-0">
                    <span class="nav-link-text ms-1"><i
                        class="ni ni-bold-right text-dark text-sm opacity-10 me-2"></i>Cylinders</span>
                  </a>
                </div>
                <div class="nav-item px-0 py-0">
                  <a href="{{url_for('external_colours')}}" class="nav-link px-0 external_colours my-2 py-0">
                    <span class="nav-link-text ms-1"><i
                        class="ni ni-bold-right text-dark text-sm opacity-10 me-2"></i>External Colours</span>
                  </a>
                </div>
                <div class="nav-item px-0 py-0">
                  <a href="{{url_for('doors')}}" class="nav-link px-0 doors my-2 py-0">
                    <span class="nav-link-text ms-1"><i
                        class="ni ni-bold-right text-dark text-sm opacity-10 me-2"></i>Doors</span>
                  </a>
                </div>
                <div class="nav-item px-0 py-0">
                  <a href="{{url_for('features')}}" class="nav-link px-0 features my-2 py-0">
                    <span class="nav-link-text ms-1"><i
                        class="ni ni-bold-right text-dark text-sm opacity-10 me-2"></i>Features</span>
                  </a>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <div class="nav-item px-0 py-0 my-0">
        <a class="nav-link px-0  mt-1 mb-2 py-0 {% if request.path == '/admin/slider' %} active {% endif %} "
          href="{{url_for('admin_slider')}}">
          <div
            class="icon icon-shape icon-sm shadow border-radius-md bg-white text-center me-2 d-flex align-items-center justify-content-center">
            <i class="ni ni-ui-04 text-info text-sm opacity-10"></i>
          </div>
          <span class="nav-link-text ms-1">Slider</span>
        </a>
      </div>
      <!-- <div class="nav-item px-0 py-0 my-0">
        <a class="nav-link px-0  mt-1 mb-2 py-0 {% if request.path == '/admin/staff' %} active {% endif %} "
          href="{{url_for('admin_staff')}}">
          <div
            class="icon icon-shape icon-sm shadow border-radius-md bg-white text-center me-2 d-flex align-items-center justify-content-center">
            <i class="ni ni-fat-add text-info text-sm opacity-10"></i>
          </div>
          <span class="nav-link-text ms-1">Staff</span>
        </a>
      </div> -->
      <div class="accordion-item nav-item" id="vehicle-staff">
        <a class="nav-link px-0  mt-1 mb-2 py-0 collapsed vehicle-staff" type="button" data-bs-toggle="collapse"
          data-bs-target="#v-staff" aria-expanded="false" aria-controls="v-staff">
          <div
            class="icon icon-shape icon-sm shadow border-radius-md bg-white text-center me-2 d-flex align-items-center justify-content-center">
            <i class="ni ni-fat-add text-info text-sm opacity-10"></i>
          </div><span class="nav-link-text ms-1">Staff</span>
        </a>
        <div id="v-staff" class="accordion-collapse collapse" data-bs-parent="#vehicle-staff">
          <div class="accordion-body my-0 py-0">
            <ul class="navbar-nav my-0 py-0">
              <li class="nav-item">
                <div class="nav-item px-0 py-0">
                  <a href="{{url_for('admin_departments')}}" class="nav-link departments px-0  mt-1 mb-2 py-0">
                    <span class="nav-link-text ms-1"><i
                        class="ni ni-bold-right text-dark text-sm opacity-10 me-2"></i>Departments</span>
                  </a>
                </div>
                <div class="nav-item px-0 py-0">
                  <a href="{{url_for('admin_staff')}}" class="nav-link staff px-0  mt-1 mb-2 py-0">
                    <span class="nav-link-text ms-1"><i
                        class="ni ni-bold-right text-dark text-sm opacity-10 me-2"></i>Staff</span>
                  </a>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <div class="nav-item px-0 py-0 my-0">
        <a class="nav-link px-0  mt-1 mb-2 py-0  {% if request.path == '/admin/requests' %} active {% endif %}"
          href="{{url_for('admin_requests')}}">
          <div
            class="icon icon-shape icon-sm shadow border-radius-md bg-white text-center me-2 d-flex align-items-center justify-content-center">
            <i class="ni ni-settings-gear-65 text-info text-sm opacity-10"></i>
          </div>
          <span class="nav-link-text ms-1">Requests</span>
        </a>
      </div>
      <div class="nav-item px-0 py-0 my-0">
        <a class="nav-link px-0  mt-1 mb-2 py-0 {% if request.path == '/admin/news' %} active {% endif %} "
          href="{{url_for('admin_news')}}">
          <div
            class="icon icon-shape icon-sm shadow border-radius-md bg-white text-center me-2 d-flex align-items-center justify-content-center">
            <i class="ni ni-paper-diploma text-info text-sm opacity-10"></i>
          </div>
          <span class="nav-link-text ms-1">Our Blog</span>
        </a>
      </div>
      

      <div class="accordion-item nav-item" id="vehicle-details">
        <a class="nav-link px-0  mt-1 mb-2 py-0 collapsed" type="button" data-bs-toggle="collapse"
          data-bs-target="#v-details" aria-expanded="false" aria-controls="v-details">
          <div
            class="icon icon-shape icon-sm shadow border-radius-md bg-white text-center me-2 d-flex align-items-center justify-content-center">
            <i class="ni ni-settings-gear-65 text-info text-sm opacity-10"></i>
          </div><span class="nav-link-text ms-1">Other Details</span>
        </a>
        <div id="v-details" class="accordion-collapse collapse" data-bs-parent="#vehicle-details">
          <div class="accordion-body my-0 py-0">
            <ul class="navbar-nav my-0 py-0">
              <li class="nav-item">
                <div class="nav-item px-0 py-0">
                  <a class="nav-link px-0  my-1 py-0" href="{{url_for('admin_gallery')}}">
                    <div class="icon icon-shape icon-sm text-center d-flex align-items-center justify-content-center">
                      <i class="ni ni-bold-right text-dark text-sm opacity-10"></i>
                    </div>
                    <span class="nav-link-text ms-1">Gallery</span>
                  </a>
                </div>
                <div class="nav-item px-0 py-0">
                  <a class="nav-link px-0  my-1 py-0" href="{{url_for('admin_contacts')}}">
                    <div class="icon icon-shape icon-sm text-center d-flex align-items-center justify-content-center">
                      <i class="ni ni-bold-right text-dark text-sm opacity-10"></i>
                    </div>
                    <span class="nav-link-text ms-1">Contacts</span>
                  </a>
                </div>
                <div class="nav-item px-0 py-0">
                  <a class="nav-link px-0  my-1 py-0" href="{{url_for('admin_about')}}">
                    <div class="icon icon-shape icon-sm text-center d-flex align-items-center justify-content-center">
                      <i class="ni ni-bold-right text-dark text-sm opacity-10"></i>
                    </div>
                    <span class="nav-link-text ms-1">About Us</span>
                  </a>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <div class="nav-item px-0 py-0 my-0">
        <a class="nav-link px-0  mt-1 mb-2 py-0 {% if request.path == '/admin/reviews' %} active {% endif %} "
          href="{{url_for('admin_reviews')}}">
          <div
            class="icon icon-shape icon-sm shadow border-radius-md bg-white text-center me-2 d-flex align-items-center justify-content-center">
            <i class="ni ni-paper-diploma text-info text-sm opacity-10"></i>
          </div>
          <span class="nav-link-text ms-1">Reviews</span>
        </a>
      </div>
      <div class="nav-item px-0 py-0 my-0">
        <a class="nav-link px-0  mt-1 mb-2 py-0 {% if request.path == '/admin/reviews' %} active {% endif %} "
          href="{{url_for('admin_car_sell')}}">
          <div
            class="icon icon-shape icon-sm shadow border-radius-md bg-white text-center me-2 d-flex align-items-center justify-content-center">
            <i class="ni ni-paper-diploma text-info text-sm opacity-10"></i>
          </div>
          <span class="nav-link-text ms-1">Sell Car Request</span>
        </a>
      </div>
      <div class="nav-item px-0 py-0 my-0">
        <a class="nav-link px-0  mt-1 mb-2 py-0 {% if request.path == '/admin/reviews' %} active {% endif %} "
          href="{{url_for('admin_contact_request')}}">
          <div
            class="icon icon-shape icon-sm shadow border-radius-md bg-white text-center me-2 d-flex align-items-center justify-content-center">
            <i class="ni ni-paper-diploma text-info text-sm opacity-10"></i>
          </div>
          <span class="nav-link-text ms-1">Contacts Enquiries</span>
        </a>
      </div>

    </ul>
  </div>
</aside>