@include('Admin.layouts.app')
@include('Admin.layouts.sidebar')
@section('title', 'Order View')
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js"></script>

         <!-- Begin Page Content -->
         <div class="container-fluid">

<!-- Page Heading -->
<h1 class="h3 mb-2 text-gray-800">Order Details</h1>
<!-- DataTales Example -->
<div class="innerpagedetails card shadow mb-4">
    <div class="card-header">
        <h6 class="m-0 font-weight-bold text-primary"><a href="{{route('admin.orders')}}"><i class="fa fa-chevron-left"></i></a> Order Details</h6>
    </div>
  
    <section  class="user-page" >
    <div class=" mt-4">
    

    <div class=" mb-4">
     
      <div class="card-body">
        @if(Session::has('done'))
        <div class="alert alert-success">{{Session::get('done')}}</div>
        @endif
        <div class="row my-3">
         
        
                                        <div class="col-lg-4">
                                            <h4 class="mb-0">Order ID</h4>
                                            <p class="text-18-black">{{$order->id}}</p>
                                        </div>
                                        <div class="col-lg-4">
                                            <h4 class="mb-0">Order Status</h4>
                                            @if($order->status==1)
                                            <p class="text-18-black text-yellow"><b>Pending</b></p>
                                            @elseif($order->status==2)
                                            <p class="text-18-black text-success"><b>Accepted</b></p>
                                            @elseif($order->status==3)
                                            <p class="text-18-black text-success"><b>On The Way</b></p>
                                            @elseif($order->status==4)
                                            <p class="text-18-black text-success"><b>Delivered</b></p>
                                            @elseif($order->status==5)
                                            <span class="text-18-black text-danger"><b>Canceled</b></span>
                                            <p class="text-18-blackr"><b>({{$order->cancel_reason}})</b></p>
                                            @endif
                                        </div>
                                        <div class="col-lg-4">
                                            <h4 class="mb-0">Customer Name</h4>
                                            <p class="text-18-black">{{$order->users->name}}</p>
                                        </div>
                                        <div class="col-lg-4">
                                            <h4 class="mb-0">Customer Phone</h4>
                                            <p class="text-18-black">{{$order->users->phone}}</p>
                                        </div>
                                        <div class="col-lg-4">
                                            <h4 class="mb-0">Delivery Address</h4>
                                            <p class="text-18-black">{{$order->delivery_address->address}}</p>
                                        </div>
                                        <div class="col-lg-4">
                                            <h4 class="mb-0">Delivery Method</h4>
                                            <p class="text-18-black">{{$order->delivery_method}}</p>
                                        </div>
                                        <div class="col-lg-4">
                                            <h4 class="mb-0">Order Date</h4>
                                            <p class="text-18-black">{{ \Carbon\Carbon::parse($order->created_at)->format('F d, Y') }}</p>
                                        </div>
                                        <div class="col-lg-4">
                                            <h4 class="mb-0">Rider</h4>
                                            <p class="text-18-black">{{$order->riders->name ?? '---'}}</p>
                                        </div>
                                        <div class="col-lg-4">
                                            <h4 class="mb-0">Promo Code</h4>
                                            <p class="text-18-black">{{$order->promo_code->code ?? '---'}}</p>
                                        </div>
                                        @if($order->riders==null)
                                        <form method="post" action="{{route('admin.order.assigned')}}" >@csrf 
                                            <input type="hidden" name="order_id" value="{{$order->id}}">
                                        <div class="col-sm-6">
       <div class="form-group">
    
    <label for="exampleFormControlInput1">Order Assign To Rider</label>
    <select name="rider_id" class="searchable-select" id="dropdown" required>
    @foreach($riders as $rider)    
    <option value="{{$rider->id}}">{{$rider->name}} {{$rider->phone}}</option>
    @endforeach
 
</select>
  </div>
</div>
<div class="col-lg-12">
       <div class="form-group">
        <button  class="btn-gazna" style="height:50px;font-size:14px;" type="submit">Assigned</button>
</div>
</form>
@endif

<div class="card-header">
        <h6 class="m-0 font-weight-bold text-primary"> Order Summary</h6>
    </div>
    <div class="col-lg-4">
                                            <h4 class="mb-0">Delivery Fee</h4>
                                            <p class="text-18-black">{{$order->delivery_fee}}</p>
                                        </div>
                                        <div class="col-lg-4">
                                            <h4 class="mb-0">Load Un-Load Fee</h4>
                                            <p class="text-18-black">{{$order->platform_fee}}</p>
                                        </div>
                                        <div class="col-lg-4">
                                            <h4 class="mb-0">Vat (%)</h4>
                                            <p class="text-18-black">{{$order->vat}}</p>
                                        </div>
                                        <div class="col-lg-4">
                                            <h4 class="mb-0">Sub Total</h4>
                                            <p class="text-18-black">{{$order->sub_total}}</p>
                                        </div>
                                        <div class="col-lg-4">
                                            <h4 class="mb-0">Total</h4>
                                            <p class="text-18-black">{{$order->total}}</p>
                                        </div>
        </div>
      </div>
    </div>

    </section>

    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-bordered dataTable no-footer" id="laravel_datatable" width="100%" cellspacing="0">
                <thead>
                    <tr>
                        <th>S.No</th>
                       <th>Product Name</th>
                       <th>Product Category</th>
                        <th>QTY</th>
                        <th>Price</th>
                        <th>Detail</th>
                        <th>Image</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($order->order_detail as $data)
        <tr>
         
          <td>{{$loop->index +1}}</td>
          <td>{{$data->products->title}}</td>
          <td>{{$data->products->Category}}</td>
          <td>{{$data->qty}}</td>
          <td>{{$data->products->price}}</td>
          <td>{{$data->products->detail}}</td>
          <td><img src="{{('').$data->products->image}}" style="width:50px;height:50px;"></td>
        </tr>
        @endforeach
             </tbody>
              
            </table>
        </div>
    </div>


</div>

</div>
<!-- /.container-fluid -->
    </div>
    <!-- End of Main Content -->
 



@include('Admin.layouts.footer')
@include('Admin.layouts.modal')