<!-- side bar color -->
<!-- <ul class="navbar-nav bg-info sidebar sidebar-dark accordion" id="accordionSidebar"> -->
<ul class="navbar-nav bg-gradient-primary sidebar sidebar-dark accordion" id="accordionSidebar">
<!-- <ul class="navbar-nav bg-info sidebar sidebar-dark accordion" id="accordionSidebar"> -->

<!-- <ul class="navbar-nav bg-info sidebar sidebar-dark accordion" id="accordionSidebar">
  -->
<!-- Sidebar - Brand -->
    <a class="sidebar-brand d-flex align-items-center justify-content-center" href="index.html">
        <div class="sidebar-brand-icon rotate-n-15">
            <i class="fas fa-university"></i>
        </div>
        <div class="sidebar-brand-text mx-3">HITECHBAY_inc</div>
    </a>

    <!-- Divider -->
    <hr class="sidebar-divider my-0">

    <!-- Nav Item - Dashboard -->
    <li class="nav-item active">
        <a class="nav-link" href="{{ route('home') }}">
            <i class="fas fa-fw fa-tachometer-alt"></i>
            <span>Dashboard</span></a>
    </li>
<!-- Divider -->
<hr class="sidebar-divider">

<!-- Heading -->
<div class="sidebar-heading">
    Production 
</div>
<!-- Nav Item - Pages Collapse Menu -->
<li class="nav-item">
        <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#taTpDropDown1"
            aria-expanded="true" aria-controls="taTpDropDown1">
            <i class="fas fa-user-alt"></i>
            <span>Production Control</span>
        </a>
        <div id="taTpDropDown1" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionSidebar">
            <div class="bg-white py-2 collapse-inner rounded">
                <h6 class="collapse-header">Production Management:</h6>
                <a class="collapse-item" href="{{ route('users.index') }}">New Orders</a>
                <a class="collapse-item" href="{{ route('users.create') }}">Order Collections</a>
                <a class="collapse-item" href="{{ route('users.import') }}">Order Preparation</a>
                <a class="collapse-item" href="{{ route('users.import') }}">Tech Check</a>
                <a class="collapse-item" href="{{ route('users.import') }}">Quality Check</a>
                <a class="collapse-item" href="{{ route('users.import') }}">Skinning</a>
                <a class="collapse-item" href="{{ route('users.import') }}">Packing</a>
            </div>
        </div>
    </li>
 <!-- Divider -->
 <hr class="sidebar-divider">

<!-- Heading -->
<div class="sidebar-heading">
    Inventory Contacts
</div>
<!-- Nav Inventorty - Pages Collapse Menu -->
<li class="nav-item">
        <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#taTpDropDown2"
            aria-expanded="true" aria-controls="taTpDropDown2">
            <i class="fas fa-user-alt"></i>
            <span>Inventory and Others </span>
        </a>
        <div id="taTpDropDown2" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionSidebar">
            <div class="bg-white py-2 collapse-inner rounded">
                <h6 class="collapse-header">Stocks:</h6>
                <a class="collapse-item" href="{{ route('warehouselist.index') }}">Manage Warehouse</a>
              <a class="collapse-item" href="{{ route('channellist.index') }}">Manage Channels</a> 
                <a class="collapse-item" href="{{ route('categorylist.index') }}">Manage Category</a>
                <a class="collapse-item" href="{{ route('productlist.index') }}">Manage Inventory</a>
                <a class="collapse-item" href="{{ route('customerlist.index') }}">Manage Customer</a> 
                <a class="collapse-item" href="{{ route('shipperlist.index') }}">Manage Shippers</a> 
            </div>
    </li>

    <!-- Divider -->
    <hr class="sidebar-divider">

    <!-- Heading -->
    <div class="sidebar-heading">
        Management
    </div>

    <!-- Nav Item - Pages Collapse Menu -->
    <li class="nav-item">
        <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#taTpDropDown"
            aria-expanded="true" aria-controls="taTpDropDown">
            <i class="fas fa-user-alt"></i>
            <span>User Management</span>
        </a>
        <div id="taTpDropDown" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionSidebar">
            <div class="bg-white py-2 collapse-inner rounded">
                <h6 class="collapse-header">User Management:</h6>
                <a class="collapse-item" href="{{ route('users.index') }}">User List</a>
                <a class="collapse-item" href="{{ route('users.create') }}">Add New User</a>
              <a class="collapse-item" href="{{ route('roles.index') }}">Roles</a>
                <a class="collapse-item" href="{{ route('permissions.index') }}">Permissions</a>
                <a class="collapse-item" href="{{ route('users.import') }}">Import UserData</a>
           
            </div>
    </li>

    <!-- Divider -->
    <hr class="sidebar-divider">

    <!-- @hasrole('Admin') -->
        <!-- Heading -->
        <!-- <div class="sidebar-heading">
            Admin Section
        </div> -->

        <!-- Nav Item - Pages Collapse Menu -->
        <!-- <li class="nav-item">
            <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapsePages"
                aria-expanded="true" aria-controls="collapsePages">
                <i class="fas fa-fw fa-folder"></i>
                <span>Masters</span>
            </a>
            <div id="collapsePages" class="collapse" aria-labelledby="headingPages" data-parent="#accordionSidebar">
                <div class="bg-white py-2 collapse-inner rounded">
                    <h6 class="collapse-header">Role & Permissions</h6>
                    <a class="collapse-item" href="{{ route('roles.index') }}">Roles</a>
                    <a class="collapse-item" href="{{ route('permissions.index') }}">Permissions</a>
                </div>
            </div>
        </li> -->

        <!-- Divider -->
        <!-- <hr class="sidebar-divider d-none d-md-block"> -->
    <!-- @endhasrole -->

   
   <!-- Divider
   <hr class="sidebar-divider"> -->

<!-- Heading -->
<div class="sidebar-heading">
    Reports Section
</div>
   
   
    <li class="nav-item">
        <a class="nav-link" href="#" data-toggle="modal" data-target="#logoutModal">
            <i class="fas fa-sign-out-alt"></i>
            <span>Logout</span>
        </a>
    </li>
    <!-- Sidebar Toggler (Sidebar) -->
    <div class="text-center d-none d-md-inline">
        <button class="rounded-circle border-0" id="sidebarToggle"></button>
    </div>

<!-- Divider -->
<hr class="sidebar-divider">

<!-- Date -->
<div class="sidebar-heading">
    Login Date:
</div>
<br>
<!-- Time -->
<div class="sidebar-heading">
    Login Time:
</div>

</ul>