<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content="Dashboard">
  <meta name="csrf-token" content="<?php echo e(csrf_token()); ?>">
  <meta name="keyword" content="Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
  <title>Order Mangement System</title>

  <!-- Favicons -->
  <link href="img/favicon.png" rel="icon">
  <link href="img/apple-touch-icon.png" rel="apple-touch-icon">

  <!-- Bootstrap core CSS -->
  <link href="<?php echo e(asset('dash/lib/bootstrap/css/bootstrap.min.css')); ?>" rel="stylesheet">
  <!--external css-->
  <link href="<?php echo e(asset('dash/lib/font-awesome/css/font-awesome.css')); ?>" rel="stylesheet" />
  <link rel="stylesheet" type="text/css" href="<?php echo e(asset('dash/css/zabuto_calendar.css')); ?>">
  <link rel="stylesheet" type="text/css" href="<?php echo e(asset('dash/lib/gritter/css/jquery.gritter.css')); ?>" />
  <!-- Custom styles for this template -->
  <link href="<?php echo e(asset('dash/css/style.css')); ?>" rel="stylesheet">
  <link href="<?php echo e(asset('dash/css/style-responsive.css')); ?>" rel="stylesheet">
  <script src="<?php echo e(asset('dash/lib/chart-master/Chart.js')); ?>"></script>
  <script src="<?php echo e(asset('dash/lib/jquery/jquery.min.js')); ?>"></script>

  <!-- =======================================================
    Template Name: Dashio
    Template URL: https://templatemag.com/dashio-bootstrap-admin-template/
    Author: TemplateMag.com
    License: https://templatemag.com/license/
  ======================================================= -->
</head>

<!-- <body>
  <section id="container"> -->
    <!-- **********************************************************************************************************************************************************
        TOP BAR CONTENT & NOTIFICATIONS
        *********************************************************************************************************************************************************** -->
    <!--header start-->
    <header class="header black-bg">
      <div class="sidebar-toggle-box">
        <div class="fa fa-bars tooltips" data-placement="right" data-original-title="Toggle Navigation"></div>
      </div>
      <!--logo start-->
      <a href="index.html" class="logo"><b>Order<span>Mangement</span></b></a>
      <!--logo end-->
      <div class="nav notify-row" id="top_menu">
        <!--  notification start -->
        <ul class="nav top-menu">
          <!-- settings start -->
          <!-- <li class="dropdown">
            <a data-toggle="dropdown" class="dropdown-toggle" href="index.html#">
              <i class="fa fa-tasks"></i>
              <span class="badge bg-theme">4</span>
              </a>
            <ul class="dropdown-menu extended tasks-bar">
              <div class="notify-arrow notify-arrow-green"></div>
              <li>
                <p class="green">You have 4 pending tasks</p>
              </li>
              <li>
                <a href="index.html#">
                  <div class="task-info">
                    <div class="desc">Dashio Admin Panel</div>
                    <div class="percent">40%</div>
                  </div>
                  <div class="progress progress-striped">
                    <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
                      <span class="sr-only">40% Complete (success)</span>
                    </div>
                  </div>
                </a>
              </li>
              <li>
                <a href="index.html#">
                  <div class="task-info">
                    <div class="desc">Database Update</div>
                    <div class="percent">60%</div>
                  </div>
                  <div class="progress progress-striped">
                    <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
                      <span class="sr-only">60% Complete (warning)</span>
                    </div>
                  </div>
                </a>
              </li>
              <li>
                <a href="index.html#">
                  <div class="task-info">
                    <div class="desc">Product Development</div>
                    <div class="percent">80%</div>
                  </div>
                  <div class="progress progress-striped">
                    <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
                      <span class="sr-only">80% Complete</span>
                    </div>
                  </div>
                </a>
              </li>
              <li>
                <a href="index.html#">
                  <div class="task-info">
                    <div class="desc">Payments Sent</div>
                    <div class="percent">70%</div>
                  </div>
                  <div class="progress progress-striped">
                    <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%">
                      <span class="sr-only">70% Complete (Important)</span>
                    </div>
                  </div>
                </a>
              </li>
              <li class="external">
                <a href="#">See All Tasks</a>
              </li>
            </ul>
          </li> -->
          <!-- settings end -->
          <!-- inbox dropdown start-->
          <!-- <li id="header_inbox_bar" class="dropdown">
            <a data-toggle="dropdown" class="dropdown-toggle" href="index.html#">
              <i class="fa fa-envelope-o"></i>
              <span class="badge bg-theme">5</span>
              </a>
            <ul class="dropdown-menu extended inbox">
              <div class="notify-arrow notify-arrow-green"></div>
              <li>
                <p class="green">You have 5 new messages</p>
              </li>
              <li>
                <a href="index.html#">
                  <span class="photo"><img alt="avatar" src="img/ui-zac.jpg"></span>
                  <span class="subject">
                  <span class="from">Zac Snider</span>
                  <span class="time">Just now</span>
                  </span>
                  <span class="message">
                  Hi mate, how is everything?
                  </span>
                  </a>
              </li>
              <li>
                <a href="index.html#">
                  <span class="photo"><img alt="avatar" src="img/ui-divya.jpg"></span>
                  <span class="subject">
                  <span class="from">Divya Manian</span>
                  <span class="time">40 mins.</span>
                  </span>
                  <span class="message">
                  Hi, I need your help with this.
                  </span>
                  </a>
              </li>
              <li>
                <a href="index.html#">
                  <span class="photo"><img alt="avatar" src="img/ui-danro.jpg"></span>
                  <span class="subject">
                  <span class="from">Dan Rogers</span>
                  <span class="time">2 hrs.</span>
                  </span>
                  <span class="message">
                  Love your new Dashboard.
                  </span>
                  </a>
              </li>
              <li>
                <a href="index.html#">
                  <span class="photo"><img alt="avatar" src="img/ui-sherman.jpg"></span>
                  <span class="subject">
                  <span class="from">Dj Sherman</span>
                  <span class="time">4 hrs.</span>
                  </span>
                  <span class="message">
                  Please, answer asap.
                  </span>
                  </a>
              </li>
              <li>
                <a href="index.html#">See all messages</a>
              </li>
            </ul>
          </li> -->
          <!-- inbox dropdown end -->
          <!-- notification dropdown start-->
          <!-- <li id="header_notification_bar" class="dropdown">
            <a data-toggle="dropdown" class="dropdown-toggle" href="index.html#">
              <i class="fa fa-bell-o"></i>
              <span class="badge bg-warning">7</span>
              </a>
            <ul class="dropdown-menu extended notification">
              <div class="notify-arrow notify-arrow-yellow"></div>
              <li>
                <p class="yellow">You have 7 new notifications</p>
              </li>
              <li>
                <a href="index.html#">
                  <span class="label label-danger"><i class="fa fa-bolt"></i></span>
                  Server Overloaded.
                  <span class="small italic">4 mins.</span>
                  </a>
              </li>
              <li>
                <a href="index.html#">
                  <span class="label label-warning"><i class="fa fa-bell"></i></span>
                  Memory #2 Not Responding.
                  <span class="small italic">30 mins.</span>
                  </a>
              </li>
              <li>
                <a href="index.html#">
                  <span class="label label-danger"><i class="fa fa-bolt"></i></span>
                  Disk Space Reached 85%.
                  <span class="small italic">2 hrs.</span>
                  </a>
              </li>
              <li>
                <a href="index.html#">
                  <span class="label label-success"><i class="fa fa-plus"></i></span>
                  New User Registered.
                  <span class="small italic">3 hrs.</span>
                  </a>
              </li>
              <li>
                <a href="index.html#">See all notifications</a>
              </li>
            </ul>
          </li> -->
          <!-- notification dropdown end -->
        </ul>
        <!--  notification end -->
      </div>
      <div class="top-menu">
        <ul class="nav pull-right top-menu">
          <li><a class="logout" href="<?php echo e(route('logout')); ?>" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">Logout</a></li>
           <form id="logout-form" action="<?php echo e(route('logout')); ?>" method="POST" style="display: none;">
             <?php echo e(csrf_field()); ?>

            </form>
        </ul>
      </div>
    </header>
    <!--header end-->
    <!-- **********************************************************************************************************************************************************
        MAIN SIDEBAR MENU
        *********************************************************************************************************************************************************** -->
    <!--sidebar start-->
    <aside>
      <div id="sidebar" class="nav-collapse ">
        <!-- sidebar menu start-->
        <ul class="sidebar-menu" id="nav-accordion">
          <!-- <p class="centered"><a href="profile.html"><img src="<?php echo e(asset('dash/img/ui-sam.jpg')); ?>" class="img-circle" width="80"></a></p> -->
          <h5 class="centered"><?php echo e(Auth::user()->name); ?></h5>          
          <h5 class="centered"><?php echo e(Auth::user()->email); ?></h5>
          <li class="mt">
            <a id="home1" href="/home">
              <i class="fa fa-dashboard"></i>
              <span>Dashboard</span>
              </a>
          </li>
          <li class="sub-menu">
            <a id="order1" href="javascript:;">
              <i class="fa fa-desktop"></i>
              <span>Orders</span>
              </a>
            <ul class="sub">
              <li id="pending"><a href="/viewpending">Pending Orders</a></li>
              <li id="today"><a href="/todeliver">Today Deliver</a></li>
              <li id="after"><a href="/viewafter">After Deliver</a></li>
              <li id="notanswer"><a href="/viewnotanswer">Not Answer</a></li>
              <li id="cancel"><a href="/viewcancel">Cancel Order</a></li>
              <li id="return"><a href="/viewreturn">Return Order</a></li>
              <li id="complete"><a href="/viewcomplete">Complete Orders</a></li>
              <li id="all"><a href="/viewallorders">All Orders</a></li>
            </ul>
          </li>
          <li class="sub-menu">
            <a id="addorder" href="/addorder">
              <i class="fa fa-dashboard"></i>
              <span>Add Order</span>
              </a>
          </li>
          <?php if((Auth::user()->type=="super_admin")): ?>
          <li class="sub-menu">
            <a id="product" href="javascript:;">
              <i class="fa fa-desktop"></i>
              <span>Product</span>
              </a>
            <ul class="sub">
              <li id="add"><a href="/addproduct">Add Product</a></li>
              <li id="update"><a href="/updateproduct">Update Product</a></li>
              <!-- <li id="view"><a href="/updateproduct">View Product</a></li> -->
            </ul>
          </li>
         
          <li class="sub-menu">
            <a id="reg" href="javascript:;">
              <i class="fa fa-desktop"></i>
              <span>Register</span>
              </a>
            <ul class="sub">
              <li id="user"><a href="/register">User Register</a></li>
              <li id="user2"><a href="/usermange">User Mange</a></li>
              <li id="page"><a href="/pageregister">Page Register</a></li>
            </ul>
          </li>
          <?php endif; ?>
<script>
$(function(){
    var current = location.pathname;
    // alert(current);
        if(current=='/home'){
            // $this.addClass('active');
            var elem = document.getElementById( 'home1' );
            elem.classList.add('active');
        }
        else if(current=='/viewpending'){
          var elem = document.getElementById( 'order1' );
          var elem2 = document.getElementById( 'pending' );
          elem.classList.add('active');
          elem2.classList.add('active');
        }
        else if(current=='/todeliver'){
          var elem = document.getElementById( 'order1' );
          var elem2 = document.getElementById( 'today' );
          elem.classList.add('active');
          elem2.classList.add('active');
        }
        else if(current=='/viewafter'){
          var elem = document.getElementById( 'order1' );
          var elem2 = document.getElementById( 'after' );
          elem.classList.add('active');
          elem2.classList.add('active');
        }
        else if(current=='/viewnotanswer'){
          var elem = document.getElementById( 'order1' );
          var elem2 = document.getElementById( 'notanswer' );
          elem.classList.add('active');
          elem2.classList.add('active');
        }
        else if(current=='/viewcancel'){
          var elem = document.getElementById( 'order1' );
          var elem2 = document.getElementById( 'cancel' );
          elem.classList.add('active');
          elem2.classList.add('active');
        }
        else if(current=='/viewreturn'){
          var elem = document.getElementById( 'order1' );
          var elem2 = document.getElementById( 'return' );
          elem.classList.add('active');
          elem2.classList.add('active');
        }
        else if(current=='/viewcomplete'){
          var elem = document.getElementById( 'order1' );
          var elem2 = document.getElementById( 'complete' );
          elem.classList.add('active');
          elem2.classList.add('active');
        }
        else if(current=='/viewallorders'){
          var elem = document.getElementById( 'order1' );
          var elem2 = document.getElementById( 'all' );
          elem.classList.add('active');
          elem2.classList.add('active');
        }



        else if(current=='/addorder'){
          var elem = document.getElementById( 'addorder' );
          elem.classList.add('active');
        }
        else if(current=='/addproduct'){
          var elem = document.getElementById( 'product' );
          var elem2 = document.getElementById( 'add' );
          elem.classList.add('active');
          elem2.classList.add('active');
        }
        else if(current=='/updateproduct'){
          var elem = document.getElementById( 'product' );
          var elem2 = document.getElementById( 'update' );
          elem.classList.add('active');
          elem2.classList.add('active');
        }
        else if(current=='/register'){
          var elem = document.getElementById( 'reg' );
          var elem2 = document.getElementById( 'user' );
          elem.classList.add('active');
          elem2.classList.add('active');
        }
        else if(current=='/pageregister'){
          var elem = document.getElementById( 'reg' );
          var elem2 = document.getElementById( 'page' );
          elem.classList.add('active');
          elem2.classList.add('active');
        }
        else if(current=='/usermange'){
          var elem = document.getElementById( 'reg' );
          var elem2 = document.getElementById( 'user2' );
          elem.classList.add('active');
          elem2.classList.add('active');
        }
})
</script>
          <!-- <li class="sub-menu">
            <a href="javascript:;">
              <i class="fa fa-cogs"></i>
              <span>Components</span>
              </a>
            <ul class="sub">
              <li><a href="grids.html">Grids</a></li>
              <li><a href="calendar.html">Calendar</a></li>
              <li><a href="gallery.html">Gallery</a></li>
              <li><a href="todo_list.html">Todo List</a></li>
              <li><a href="dropzone.html">Dropzone File Upload</a></li>
              <li><a href="inline_editor.html">Inline Editor</a></li>
              <li><a href="file_upload.html">Multiple File Upload</a></li>
            </ul>
          </li> -->
          <!-- <li class="sub-menu">
            <a href="javascript:;">
              <i class="fa fa-book"></i>
              <span>Extra Pages</span>
              </a>
            <ul class="sub">
              <li><a href="blank.html">Blank Page</a></li>
              <li><a href="login.html">Login</a></li>
              <li><a href="lock_screen.html">Lock Screen</a></li>
              <li><a href="profile.html">Profile</a></li>
              <li><a href="invoice.html">Invoice</a></li>
              <li><a href="pricing_table.html">Pricing Table</a></li>
              <li><a href="faq.html">FAQ</a></li>
              <li><a href="404.html">404 Error</a></li>
              <li><a href="500.html">500 Error</a></li>
            </ul>
          </li> -->
          <!-- <li class="sub-menu">
            <a href="javascript:;">
              <i class="fa fa-tasks"></i>
              <span>Forms</span>
              </a>
            <ul class="sub">
              <li><a href="form_component.html">Form Components</a></li>
              <li><a href="advanced_form_components.html">Advanced Components</a></li>
              <li><a href="form_validation.html">Form Validation</a></li>
              <li><a href="contactform.html">Contact Form</a></li>
            </ul>
          </li>
          <li class="sub-menu">
            <a href="javascript:;">
              <i class="fa fa-th"></i>
              <span>Data Tables</span>
              </a>
            <ul class="sub">
              <li><a href="basic_table.html">Basic Table</a></li>
              <li><a href="responsive_table.html">Responsive Table</a></li>
              <li><a href="advanced_table.html">Advanced Table</a></li>
            </ul>
          </li>
          <li>
            <a href="inbox.html">
              <i class="fa fa-envelope"></i>
              <span>Mail </span>
              <span class="label label-theme pull-right mail-info">2</span>
              </a>
          </li>
          <li class="sub-menu">
            <a href="javascript:;">
              <i class=" fa fa-bar-chart-o"></i>
              <span>Charts</span>
              </a>
            <ul class="sub">
              <li><a href="morris.html">Morris</a></li>
              <li><a href="chartjs.html">Chartjs</a></li>
              <li><a href="flot_chart.html">Flot Charts</a></li>
              <li><a href="xchart.html">xChart</a></li>
            </ul>
          </li>
          <li class="sub-menu">
            <a href="javascript:;">
              <i class="fa fa-comments-o"></i>
              <span>Chat Room</span>
              </a>
            <ul class="sub">
              <li><a href="lobby.html">Lobby</a></li>
              <li><a href="chat_room.html"> Chat Room</a></li>
            </ul>
          </li>
          <li>
            <a href="google_maps.html">
              <i class="fa fa-map-marker"></i>
              <span>Google Maps </span>
              </a>
          </li> -->
        </ul>
        <!-- sidebar menu end-->
      </div>
    </aside>