@extends('layouts.app')
@section('head')

@endsection
@section('content')
<div class="page-container" ng-controller="productController" ng-init="getstatus();getpermissions();getdriverorders();" ng-cloak>
   <!--/content-inner-->
  <div class="left-content">
	  <div class="mother-grid-inner">
		  <div id="loadercontainer" style="display:none"><div class="loader pull-right"></div></div>
        
				<div class="clearfix"> </div>
        <!--heder end here-->
        <div class="validation-form" ng-if="!newproductshow">
        <div class="vali-form">
          <div class="col-md-4 form-group1 group-mail">
            <input  type="text" placeholder="Search By Order " ng-model="search.searchname"  ng-blur="getdriverorders()"> 
          </div>
           <div class="col-md-3 form-group margin-top">
            <!--  <span class="input-group-addon" style="cursor:pointer" ng-click="getdriverorders()">
                  <i class="fa fa-search"></i>     
              </span> -->
              <button type="button" ng-click="getdriverorders()" class="btn btn-default searchbutton">Go</button>
                            
              <span  ng-click="resetdriver()" data-toggle="tooltip" data-placement="right" title="refresh" id="refresh" style="cursor: pointer;padding: 4px;"><i class="fa fa-refresh" aria-hidden="true" style="padding-top: 45px;"></i></span>
         
           </div>
        </div>
        <div class="inbox-mail">
  	      <div ng-if="!newproductshow">
	          <div class="w3l-table-info">
  					   <table id="table">
    						<thead>
    						  <tr>
      							<th>Order No</th>
                    <th>Seller</th>
                    <th>Store</th>
                    <th>Branch</th>
                    <th>Status</th>
                   	<th>Payment</th>
                    <th>Pickup Date</th>
                    <th>Action</th>
    						  </tr>
    						</thead>
    						<tbody>
                  <tr ng-repeat="product in productsfinallist track by $index">
      							<td>{$product.order.order_id$}</td>
                    <td>{$product.seller.first_name$} {$product.seller.last_name$}</td>
                    <td>{$product.store.store_name$}</td>
                    <td>{$product.branch.branch_name$}</td>
                    <td ng-repeat="status in statuslist track by $index" ng-if="status.id == product.order.status">{$status.name$}</td>
      							<td><sapn ng-if="product.order.payment_type=='cod'">COD</sapn></td>
                    <td>{$product.pickup_date$}</td>
                    <td><a href="javascript:void(0)"><i class="fa fa-pencil" ng-click="viewassignedorder(product.order.id,product.seller.id)" aria-hidden="true"></i></a></td>
      						</tr>
    						</tbody>
  					  </table>
					 </div>
        	<div class="col-lg-6 col-md-6 col-xs-6 col-sm-6 pagin">
        			<div class="short_pul pull-right" ng-if="!mailread" ng-cloak ng-show="total=='true'">
        			{$begin$} - {$end$} of {$totallength$} <a href="javascript:void(0)"><i class="fa fa-fast-backward i-arrow" ng-click="previousstoreorderpage()" ng-show="previousdisable=='true'"></i></a>  <a href="javascript:void(0)"><i class="fa fa-fast-forward i-arrow" ng-click="nextstoreorderpage()" ng-show="nextdisable=='true'"></i></a>
        			</div>
        	</div>
        </div>
      </div>
    </div>
	      <div class="validation-form" ng-if="newproductshow">
          <form>
           	<div class="vali-form">
             <div class="col-md-6 form-group1">
                <label class="control-label">Order Id : </label>
                 {$order.order_id$}
              </div>
              <div class="col-md-6 form-group1 form-last">
                <label class="control-label">Customer Name : </label>
                {$order.customer.first_name$} {$order.customer.last_name$}
              </div>
              <div class="col-md-6 form-group1 form-last">
                <label class="control-label">Seller Name : </label>
                {$productdata.seller.first_name$} {$productdata.seller.last_name$}
              </div>
              <div class="col-md-6 form-group1 form-last">
                <label class="control-label">Store Name : </label>
                {$productdata.store.store_name$} {$order.productdata.store.store_name$}
              </div>
              <div class="col-md-6 form-group1 form-last">
                <label class="control-label">Branch : </label>
                {$productdata.branch.branch_name$} 
              </div>
            </div>
            <div class="clearfix"> </div>
            <div class="col-md-12 form-group1 group-mail">
              <div class="col-md-12 w3l-table-info">
                <table id="table">
                  <thead>
                    <tr>
                      <th>Product Name</th>
                      <th>Status</th>
                      <th>Quantity</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr  ng-repeat="productmana in order.product_management track by $index">
                      <td >{$productmana.product.product_name$} {$productmana.product_price.quantity$} {$productmana.product_quantity.display_name$}</td>
                      <td ng-repeat="status in statuslist track by $index" ng-if="status.id == productmana.status">{$status.name$}</td>
                      <td>{$productmana.quantity$}</td>
                    </tr>
                  </tbody>
                </table>
                <div class="row">
                  Total : {$ seller_total$}
                </div>
              </div>
            </div>
            <div class="clearfix"> </div>
            <div class="col-md-12 form-group" ng-if="edittrue">
              <button type="reset" ng-click="showlistscrren()" class="btn btn-default">Cancel</button>
            </div>
          </form>
        </div>
        <div class="inner-block">

        </div>
      <!--inner block end here-->
      <!-- Modal -->
     
    </div>
	<!--//content-inner-->
		<!--/sidebar-menu-->
  @include('users.sidebar')
	</div>

	@endsection
	@section('js')  
     <link rel="stylesheet" type="text/css" href="{{ asset('css/table-style.css') }}" />
	   <link rel="stylesheet" type="text/css" href="{{ asset('css/basictable.css') }}" />
	   <script type="text/javascript" src="{{ asset('js/jquery.basictable.min.js') }}"></script>
     <script src="{{ asset('bower_components/ng-file-upload/ng-file-upload.js')}}"></script>  
     <script src="{{ asset('js/angular_library/ng-file-upload-shim.min.js') }}"></script>
     <script src="{{ asset('js/angular_library/ng-file-upload.min.js') }}"></script>
     <script src="{{ asset('js/angular_library/ng-file-upload-all.min.js') }}"></script>
     <script src="{{ asset('js/angular_controllers/productcontroller.js') }}"></script>
  @endsection