<!---nav bar-->

<style>
    
.men{
        overflow:scroll;
     height:100vh;
}
@media (max-width: 500px) {
 .men{
    overflow:scroll;
     height:auto;
 }
  }
</style>
<div class="row no-gutters ">
      <div  class="col-sm-2 men ">
        <div class="nav-side-menu">
      <h6><img  style="width: 50px;" src="logo/<?php echo $store_image ?>" alt="store logo" srcset=""> <?php echo $store_name ?></h6> 
             
           
          <i style="color: white; font-size: 30px;" class="bi bi-list toggle-btn " data-toggle="collapse" data-target="#menu-content"></i>
         
         
         
          
              <div class="menu-list text-white">
        
                  <ul id="menu-content" class="menu-content  collapse out">


                      <li style="display:<?php echo $place_order ?>;">
                        <a href="place_order"><i class="fa fa-cart-plus fa-lg"></i> Place order</a>
                      </li>
                   
                      
      
                      <li style="display:<?php echo $m_menu_rest ?>;" data-toggle="collapse" data-target="#products" class="collapsed">
                        <a href="#"><i class="fa fa-hourglass-half fa-lg"></i>Orders<span class="arrow"></span></a>
                      </li>
                      <ul class="sub-menu collapse" id="products">
                          <li ><a href="orders">Active Orders</a></li>
                          <li ><a href="track_status">Track Status</a></li>
                          <li><a href="today_order_history"> Today Order History</a></li>
                          <li><a href="order_history">Order History</a></li>
                         
                      </ul>
      
      

                      
                      <li style="display:<?php echo $m_menu_rest ?>;" data-toggle="collapse" data-target="#service" class="collapsed">
                        <a  href="#" ><i class="fa fa-cart-arrow-down fa-lg"></i> Menu<span class="arrow"></span></a>
                      </li>  
                      <ul class="sub-menu collapse" id="service">
                        <li><a href="restaurant_menu">Restaurant Menu</a></li>
                        <li><a href="bar">Bar Menu</a></li>
                      </ul>
      
      
                      <li data-toggle="collapse" data-target="#online" class="collapsed">
                          <a  href="#"><i class="fa  fa-mobile fa-lg"></i>Online Orders <span class="arrow"></span></a>
                        </li>
                        <ul class="sub-menu collapse" id="online">
                        <li><a href="online_orders">Orders</a></li>
                        <li><a href="today_online_history">Today History</a></li>
                        <li><a href="online_history">History</a></li>
                        </ul>
      
      
                       <li  style="display:<?php echo  $customer?>;">
                        <a href="customer">
                        <i class="fa fa-users fa-lg"></i> Customers
                        </a>
                        </li>

                        <li  style="display:<?php echo  $customer?>;">
                        <a href="feedbacks">
                        <i class="fa fa-star fa-lg"></i> Feedback
                        </a>
                        </li>


      
    

  
                        <li  style="display:<?php echo  $m_user ?>;" data-toggle="collapse" data-target="#user" class="collapsed">
                          <a  href="#"><i class="fa  fa-user fa-lg"></i> Users <span class="arrow"></span></a>
                        </li>
                        <ul class="sub-menu collapse" id="user">
                        <li><a href="user">Manage Users</a></li>
                        <li><a href="user_role"> Manage user role</a></li>
                        </ul>


                        <li  style="display:<?php echo $inventory?>;" data-toggle="collapse" data-target="#ac" class="collapsed">
                              <a  href="#" ><i class="fa fa-line-chart fa-lg"></i> Account<span class="arrow"></span></a>
                            </li>
                            <ul class="sub-menu collapse" id="ac">
                            <li><a href="add_account">Close Account</a></li>
                        <li style="display:<?php echo $analytics?>;"><a href="sales">Sales</a></li>
                            </ul>
  
                        <!---    <li style="display:<?php echo $inventory?>;" data-toggle="collapse" data-target="#audi" class="collapsed">
                        <a ><i class="fa fa-glass fa-lg"></i> Auditing <span class="arrow"></span></a>
                      </li>
                      <ul class="sub-menu collapse" id="audi">
                      <li><a href="add_audit">Bar Auditing</a></li>
                      <li><a href="stock_audit">Stock Auditing</a></li>
                        <li  style="display:<?php echo $analytics?>;" > <a href="auditing">Auditing Result</a> </li>
                      </ul>
  ---->
                          <li  style="display:<?php echo $analytics?>;" data-toggle="collapse" data-target="#wa" class="collapsed">
                              <a  href="#"><i class="fa fa-line-chart fa-lg"></i> Analytics<span class="arrow"></span></a>
                            </li>
                            <ul class="sub-menu collapse" id="wa">
                            <li><a href="report">Today Sales</a></li>
                        <li><a href="analytics_by_day">All time Sales</a></li>
                        <li><a href="analytics_by_month">Monthly Sales</a></li>
                            </ul>
                            
  
                            <li style="display:<?php echo $inventory?>;" data-toggle="collapse" data-target="#you" class="collapsed">
                              <a  href="#"><i class="fa fa-bookmark fa-lg"></i> Inventory<span class="arrow"></span></a>
                            </li>
                            <ul class="sub-menu collapse" id="you">
                            <li><a href="inventory">Add Items</a></li>
                            <li><a href="items_in">Items in stock</a></li>
                            <li><a href="items_out">Items out</a></li>
                            <!--<li> <a href="bar_inventory">Bar Inventory</a> </li>
                            <li> <a href="res_inventory">Restaurant Inventory</a> </li>-->
                            </ul>
                            <li  style="display:<?php echo  $customer?>;">
                        <a href="settings">
                        <i class="fa fa-cogs fa-lg"></i> Settings
                        </a>
                        </li>

                       
                        <li  style="">
                        <a  href="https://wa.me/233540948579?text=I will like to learn more about" target="_blank" >
                        <i class="fa fa-bookmark fa-lg"></i> Support
                        </a>
                        </li> 
                        
                         <li  style="">
                        <a href="logout">
                        <b><i class="bi bi-box-arrow-right bi-lg"></i></b> Logout
                        </a>
                        </li>
                  </ul>

                

                 
           </div>
           
      </div>
      </div> 