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

@endsection
@section('content')
<div class="page-container" ng-controller="productController" ng-init="getstatus();getpermissions();getdeliveryorders();" 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="inbox-mail">
		      <div ng-if="!newproductshow">
	          <div class="w3l-table-info">
					    <table id="table">
    						<thead>
    						  <tr>
      							<th>Order No</th>
                    <th>Customer Name</th>
                    <!-- <th>Mobile no</th>
                    <th>Status</th>
                   	<th>Payment</th> -->
                    <th>Amount</th>
                    <th>Location</th>
                    <th>Order Date</th>
                    <th>Picked Date</th>
                    <!-- <th>Assigned Date</th> -->
                    <th>Delivered 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.order.customer.first_name$} {$product.order.customer.last_name$}</td>
                   <!--  <td>{$product.order.address.contact_no$}</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.order.subtotal$}</td>
                    <td>{$product.order.address.location$}</td>
                    <td>{$product.order.created_at$}</td>
                    <td>{$product.order_picked$}</td>
                    <!-- <td>{$product.created_at$}</td> -->
                    <td>{$product.order_delivered$}</td>
                    <td><a href="javascript:void(0)"><i class="fa fa-pencil" ng-click="editorder(product.order)" 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 class="validation-form" ng-if="newproductshow">
            <form>
                <div class="col-md-12 ">
                    <div class="vali-form">
                        <div class="col-md-9">
                            <div class="row">
                                <div class="col-md-6 form-group1">
                                  <label class="label-color">Order Id :</label>
                                  <span class="light-black">{$order.order_id$}</span>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6 form-group1 form-last">
                                  <label class="label-color">Customer Name :</label>
                                  <span class="light-black">{$order.customer.first_name$} {$order.customer.last_name$}</span>
                                </div>
                            </div>
                            <div class="row">
                               <div class="col-md-6 form-group2 group-mail">
                                  <label class="label-color">Status :</label>
                                  <span ng-if="order.status == '13'"> Completed</span>
                                  <span ng-if="order.status == '7'"> Ordered</span>
                                  <span ng-if="order.status == '12'"> Confirmed</span>
                                  <span ng-if="order.status == '8'"> Shipped</span>
                                  <span ng-if="order.status == '11'"> Picked</span>
                                  <span ng-if="order.status == '9'"> Delivered</span>
                                  <span ng-if="order.status == '10'"> Cancelled</span>
                                  <span ng-if="order.status == '14'"> Ready</span>
                                </div>  
                            </div>
                            <div class="row">
                                <div class="col-md-5 form-group2 group-mail">
                                      <label class="label-color">Status</label>
                                      <select ng-model="order.status" ng-disabled="order.status == '13'" >
                                        <option value=''>Search By Status</option>
                                        <option value="11">Picked</option>
                                        <option value="9">Delivered</option>
                                        <option value="16">Customer NotAvailable</option>
                                      </select>
                                    </div>
                                    <div class="col-md-2 form-group2 group-mail" style="padding-top: 50px;">
                                        <span><a href="javascript:void(0)" ng-click="updatedeliverystatus(order)"><i class="fa fa-check fa-lg"></i></a><a href="javascript:void(0)" ng-click="canceldeliverystatus(order)"><i class="fa fa-times fa-lg" aria-hidden="true"></i></a></span>
                                    </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3" style="margin-top: -35px;">
                        <div class="row" style="display:  -webkit-box;">
                            <div class="form-group2 group-mail" ng-hide="order.delivery_type =='pickup'">
                                <!-- <label class="label-color">Address</label> -->
                                <div class="address-border pull-right">
                                    <div class="address-size">
                                        <div class="address-text">
                                            <h2 style="font-size: 22px;margin-bottom: 3px;">{$order.address.first_name$}&nbsp;{$order.address.last_name$} </h2>
                                            <p class="test">{$order.address.location$}  <br> 
                                            {$order.address.district$}<br> 
                                            Landmark : {$order.address.land_mark$}<br> 
                                            {$order.address.city$} {$order.address.pin_code$} <br>
                                            {$order.address.country$} <br></p>
                                            <h4>Ph: {$order.address.country_code$} &nbsp;{$order.address.contact_no$}</h4>
                                            <div class="row "></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

           <!-- 	<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>
            <div class="clearfix"> </div>
            <div class="col-md-6 form-group2 group-mail">
              <label class="control-label">Address</label>
              <div class="item"><div class="address-selection highlight" data-indx1="0"><div class="address-deck"><h2>{$order.address.address_name$}&nbsp; </h2><h3>{$order.address.contact_name$}&nbsp; </h3><p>{$order.address.address_1$}  <br>{$order.address.address_2$}<br> Landmark : {$order.address.land_mark$}
              <br> {$order.address.city$} {$order.address.district$} <br></p><h4>Ph: {$order.address.contact_no$}</h4><div class="row "></div></div></div></div>
            </div>
            <div class="clearfix"> </div>
            <div class="col-md-5 form-group2 group-mail">
              <label class="control-label">Status</label>
              <select ng-model="order.status" ng-disabled="order.status == '13'" >
                <option value=''>Search By Status</option>
                <option value="11">Picked</option>
                <option value="9">Delivered</option>
                <option value="16">Customer NotAvailable</option>
              </select>
            </div>
            <div class="col-md-2 form-group2 group-mail" style="padding: 30px;">
                <span><a href="javascript:void(0)" ng-click="updatedeliverystatus(order)"><i class="fa fa-check fa-lg"></i></a><a href="javascript:void(0)" ng-click="canceldeliverystatus(order)"><i class="fa fa-times fa-lg" aria-hidden="true"></i></a></span>
            </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.productname$} {$productmana.orderpricequantity$} {$productmana.order_quantity_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>
      </div>
    </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