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

	
@endsection
@section('breadcrumb')
<!-- CONTENT + SIDEBAR -->
<!-- <div class="tt-breadcrumb">
   <div class="container">
    <ul>
        <li><a href="{{route('frontpage')}}">Home</a></li>
        <li>Order History</li>
    </ul>
  </div>
</div> 
background: #eae7e74d;
-->
@endsection
@section('content')
            <div class="container" style="margin-bottom: 15px" ng-init="getstatus();getmyorders()" ng-cloak>
                <h1 style="margin-top: 20px;" class="tt-title-subpages noborder">ORDER HISTORY</h1>
                <div class="row">
                    <div class="col-12 col-lg-12">
                    <div align='right'>                                
                            <select ng-model="getorder.status" ng-change="getmyorders()" class="btn" title="Status">
                                <option value="" disabled selected>Select Status</option>
                                <option value="7">Ordered</option>
                                <option value="11">Picked</option>
                                <option value="8">Shipped</option>
                                <option value="12">Confirmed</option>
                                <option value="9">Delivered</option>
                                <option value="13">Completed</option>
                                <option value="10">Cancelled</option>
                            </select>
                    </div>
                </div>
                </div>
                <div ng-if="cartlistshow">
                <table class="tt-shopcart-table01">
                    <thead>
                        <tr>
                            <th>Order ID </th>
                            <th>Ordered Date</th>
                            <th>Amount</th>
                            <th>Status</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr ng-repeat="order in myorders track by $index" class="tabletr">
                            <td>
                                {$order.order_id$}
                            </td>
                            <td>                                                   
                                {$order.created_at$}
                            </td>

                            <td>                                                    
                               <b class="amount blk-clr">SAR {$order.subtotal$}</b>                                                    
                            </td>

                            <td>
                                <p ng-repeat="status in statuslist track by $index" ng-if="status.id == order.status">{$status.name$}</p>
                            </td>
                           <td>
                                <button class="alt fancy-button btn" type="submit" ng-click="vieworder(order)">View Order</button>
                            </td>
                        </tr>     
                          
                    </tbody>
                </table>
            </div>
            </div>

@include('customer.footer')

	@endsection

    @section('js')  
                        
@endsection