@extends('app')
@section('content')


<table width="100%" border="1">
 <thead>
    <tr>
      <td align="center"><strong>Order ID</strong></td>
      <td align="center"><strong>Customer</strong></td>
      <td align="center"><strong>Date</strong></td>
      <td align="center"><strong>Total</strong></td>      
      <td align="center"><strong>Status</strong></td>
      <td align="center"><strong>Operation</strong></td>
    </tr>
    
    </thead>
     <tbody>
     @foreach($orders as $order)
     
    <tr>
      <td align="center" ><a href="{{url('admin/order/show/'.$order->id)}}">{{$order->id}}</a></td>
      <td align="center">{{$order->name}}</td>
      <td align="center">{{date('d m y',strtotime($order->created_at))}}</td>
      <td align="center">{{$order->total_price}}</td>
      <td align="center">

     
     
      <div class="btn-group" >
    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
     @if($order->status == 'order')
     ORDER
     @elseif($order->status == 'cancel')
     CANCEL
     @elseif($order->status == 'pay')
     PAY
     @elseif($order->status == 'paid')
     PAID
     @elseif($order->status == 'sent')
     SENT
     @endif
      <span class="caret"></span>
    </button>
    <ul class="dropdown-menu">
      <li data-ID="{{$order->id}}" data-status="order"><a >ORDER</a></li>
       <li data-ID="{{$order->id}}" data-status="cancel"><a>CANCEL</a></li>
       <li data-ID="{{$order->id}}" data-status="pay"><a>PAY</a></li>
       <li data-ID="{{$order->id}}" data-status="paid"><a>PAID</a></li>
       <li  data-ID="{{$order->id}}" data-status="sent"><a>SENT</a></li>
    </ul>
  </div>
 
      </td>
      <td align="center">
      <button class="btn btn-sm btn-danger btn-delete" data-ID="{{$order->id}}" >Delete</button>  
      </td>
    </tr>
   @endforeach
    
   <td align="center"></tbody>   
    <tr>
      <td align="center">&nbsp;</td>
      <td align="center">&nbsp;</td>
      <td align="center">&nbsp;</td>
      <td align="center">&nbsp;</td>
      <td align="center">&nbsp;</td>
      <td align="center">&nbsp;</td>
    </tr>

</table>




@endsection


@section('script')
 <script>
 $('.btn-delete').click(function(e) {
    if(confirm('Confirm Delete Order #'+$(this).attr('data-ID'))==true){
		window.location="{{url('admin/order/delete')}}/"+$(this).attr('data-ID');
		}else{
			return false;
		}
});
 
 $('.dropdown-menu li').click(function(e) {
 
		 window.location="{{url('admin/order/status')}}/"+$(this).attr('data-status')+'/'+$(this).attr('data-ID');
	//alert($(this).attr('data-status'));
});
 </script>
@endsection

@section('style')
 
@endsection