{% load static %}        
<nav class="sidebar sidebar-offcanvas" id="sidebar">
   <ul class="nav">
      <li class="nav-item">
         <a class="nav-link" href="/">
         <i class="mdi mdi-home menu-icon"></i>
         <span class="menu-title">Dashboard</span>
         </a>
      </li>
      {% ifequal request.session.userrole 'superadmin' %}
        <li class="nav-item">
           <a class="nav-link" href="/admin/showalladmins/">
              <!-- <i class="mdi mdi-account-switch menu-icon"></i> -->
              <!--  <i class="mdi mdi-comment-account menu-icon"></i> -->
              <img src="/static/images/user-icon-w.png" class="img-custom-c icon-main">
              <img src="/static/images/user-icon-p.png" class="img-custom-c icon-hover">
              <span class="menu-title">Admins</span>
           </a>
        </li>
      {% endifequal %}
      {% ifequal request.session.userrole 'admin' %}
        <li class="nav-item">
           <a class="nav-link" href="/admin/showallassignedtasks/">
              <!-- <i class="mdi mdi-account-switch menu-icon"></i> -->
              <!--  <i class="mdi mdi-comment-account menu-icon"></i> -->
            <!--   <img src="/static/images/user-icon-w.png" class="img-custom-c icon-main">
              <img src="/static/images/user-icon-p.png" class="img-custom-c icon-hover"> -->

               <i class="mdi mdi mdi-file-document-box menu-icon"></i>
              <span class="menu-title">Assigned Tasks</span>
           </a>
        </li>
      {% endifequal %}
      {% ifequal request.session.userrole 'superadmin' %}
        <!-- <li class="nav-item">
           <a class="nav-link" href="/admin/chat/">
              <i class="mdi  mdi-message-text-outline menu-icon"></i>
              <span class="menu-title">Messages</span>
           </a>
        </li> -->
        <li class="nav-item">
           <a class="nav-link" target="_blank" href="http://kwickdelivery.co.uk/admin/chat/test/">
              <i class="mdi  mdi-message-text-outline menu-icon"></i>
              <span class="menu-title">Messages</span>
           </a>
        </li>
      {% endifequal %}
      <li class="nav-item {% ifequal in_allcustomers_section 'yes' %} active {% endifequal %}">
         <a class="nav-link" href="/admin/showallcustomers/">
         <i class="mdi mdi-account-multiple-plus menu-icon"></i>
         <span class="menu-title">Customers</span>
         </a>
      </li>
      <li class="nav-item {% ifequal in_allcompanies_section 'yes' %} active {% endifequal %}">
         <a class="nav-link" href="/admin/showallcompanies/">
         <i class="mdi mdi-city menu-icon"></i>
         <span class="menu-title">Companies</span>
         </a>
      </li>
      <li class="nav-item">
         <a class="nav-link"   data-toggle="collapse" href="#ui-basic" aria-expanded="false" aria-controls="ui-basic">
         <img src="/static/images/cust-white-1.png" class="img-custom-c icon-main">
         <img src="/static/images/cust-white-purple.png" class="img-custom-c icon-hover">
         <span class="menu-title">Customer Jobs</span>
         <i class="menu-arrow"></i>
         </a>
         <div class="collapse" id="ui-basic">
            <ul class="nav flex-column sub-menu   jobs-inner-menu">
               <li class="nav-item"> <a class="nav-link" href="/admin/customerjobs/outstanding/"><i class="mdi mdi-image-filter-vintage menu-icon"></i>Outstanding Jobs</a></li>
               <li class="nav-item"> <a class="nav-link" href="/admin/customerjobs/completed/"><i class="mdi mdi-check menu-icon"></i>Completed Jobs</a></li>
               <li class="nav-item"> <a class="nav-link" href="/admin/customerjobs/failed/"><i class="mdi mdi-close-circle-outline menu-icon"></i>Problem With Drop-Off</a></li>
            </ul>
         </div>
      </li>
      <li class="nav-item">
         <a class="nav-link" href="/admin/showalldrivers/">
            <!--  <i class="mdi mdi-account-multiple-outline  menu-icon"></i> -->
            <img src="/static/images/driver-w.png" class="img-custom-c icon-main">
            <img src="/static/images/driver-p.png" class="img-custom-c icon-hover">
            <span class="menu-title">Drivers</span>
         </a>
      </li>
      {% ifequal request.session.userrole 'superadmin' %}
      
       <li class="nav-item">
         <a class="nav-link"   data-toggle="collapse" href="#ui-basic2" aria-expanded="false" aria-controls="ui-basic2">
         <img src="/static/images/eamil-3w.png" class="img-custom-c icon-main">
         <img src="/static/images/eamil-3p.png" class="img-custom-c icon-hover">
         <span class="menu-title">Bulk Email</span>
         <i class="menu-arrow"></i>
         </a>
         <div class="collapse" id="ui-basic2">
            <ul class="nav flex-column sub-menu   jobs-inner-menu">
               <li class="nav-item"> <a class="nav-link" href="/admin/emailToAll"><i class="mdi mdi-email-check menu-icon"></i>E-Mail To All</a></li>
               <li class="nav-item"> <a class="nav-link" href="/admin/emailByCategory"><i class="mdi mdi-email-box menu-icon"></i>E-Mail By Category</a></li>
            </ul>
         </div>
      </li>

        

      {% endifequal %}

<!-- 
      {% ifequal request.session.userrole 'superadmin' %}
      
       <li class="nav-item">
           <a class="nav-link" id="adminBulkMails">
              <i class="mdi mdi-cash-usd  menu-icon"></i>
              <span class="menu-title">Send Bulk Mails</span>
           </a>
        </li>

        

      {% endifequal %} -->
      <!-- <li class="nav-item">
         <a class="nav-link" href="/admin/allcities">
            <i class="mdi mdi-bank menu-icon"></i>
           <span class="menu-title">Cities</span>
          
         </a>
         </li> -->
      <li class="nav-item {% ifequal vehicletypes_section 'yes' %}active{% endifequal %}">
         <a class="nav-link" href="/admin/allvehicletypes">
         <i class="mdi mdi-bus-side menu-icon"></i>
         <span class="menu-title">Vehicle Types</span>
         </a>
      </li>
      <li class="nav-item">
         <a class="nav-link" href="/admin/allparceltypes">
         <i class="mdi mdi-file-outline menu-icon"></i>
         <span class="menu-title">Parcel Types</span>
         </a>
      </li>
      <li class="nav-item">
         <a class="nav-link" href="/admin/showalltimeslots/">
         <i class="mdi  mdi-alarm-multiple menu-icon"></i>
         <span class="menu-title">Time Slots</span>
         </a>
      </li>
      <li class="nav-item ">
         <a class="nav-link" href="/changepassword/">
         <img src="/static/images/forgot-passwordw.png" class="img-custom-c icon-main">
         <img src="/static/images/forgot-passwordw-p.png" class="img-custom-c icon-hover">
         <span class="menu-title">Change password</span>
         </a>
      </li>
      {% ifequal request.session.userrole 'superadmin' %}
        <li class="nav-item">
           <a class="nav-link" href="/admin/backendcontrol/">
              <i class="mdi mdi-bookmark-check menu-icon"></i>
              <span class="menu-title">Backend Control</span>
           </a>
        </li>
      {% endifequal %}

      {% ifequal request.session.userrole 'superadmin' %}
        <li class="nav-item">
           <a class="nav-link" href="/admin/revenue/">
              <i class="mdi mdi-chart-line menu-icon"></i>
              <span class="menu-title">Revenue</span>
           </a>
        </li>
      {% endifequal %}
      
      {% ifequal request.session.userrole 'superadmin' %}
        <li class="nav-item">
           <a class="nav-link" href="/admin/operationalareas/">
              <i class="mdi mdi-twitter-retweet menu-icon"></i>
              <span class="menu-title">Operational Areas</span>
           </a>
        </li>
      {% endifequal %}
      <script>
        function convertDate(inputFormat) {
          function pad(s) { return (s < 10) ? '0' + s : s; }
          var d = new Date(inputFormat)
          return [pad(d.getDate()), pad(d.getMonth()+1), d.getFullYear()].join('/')
        }


          $(document).on('click','#driverspaymenthistory',function(){
          // alert('clicked')
          yesterday = new Date(Date.now() - 864e5);
          a = convertDate(yesterday)
          location.href = "/admin/driverspaymenthistory/" + '?dt=' + a
        })
      </script>

   </ul>
</nav>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
    
  
  // $('li').removeClass('active')
   path=window.location.href
   console.log('0')
   console.log(path)
   console.log('1')
   $('ul.nav li a').each(function(){
     if(this.href == path)
     {
       $(this).parents().addClass('active')
     }
     else
     {
      $(this).parents().removeClass('active')
     }
   })
  });
</script>