@extends('layouts.app', ['activePage' => 'cylinder_order', 'titlePage' => __('')])

@section('content')
    <div class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-header card-header-primary">
                            <div class="d-flex justify-content-between">
                                <div>
                                    <h4 class="card-title ">{{ __("jamia.order") }}</h4>
                                </div>
                                
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table" id="data-table">
                                    <thead class=" text-primary">
                                        <th>{{__("jamia.sl_no")}}</th>
                                        <th>{{__("jamia.cln_name")}}</th>
                                        <th>{{__("jamia.phone")}}</th>
                                        <th>{{__("jamia.price")}}</th>
                                        <th>{{__("jamia.status")}}</th>
                                        <th>{{__("jamia.order_status")}}</th>
                                        <th>{{__("jamia.pay_st")}}</th>
                                        <th>{{__("jamia.pay_type")}}</th>
                                       <th>{{__("jamia.deliveryMen")}}</th>
                                        <th>{{__("jamia.action") }}</th>
                                    </thead>
                                    <tbody>                                        @foreach ($orders as $order)
                    
                                            <tr>
                                                <td>{{ $i++; }}</td>
                                                <td>{{ $order->client_name }}</td>
                                                <td>{{ $order->client_contact }}</td>
                                                <td>{{ $order->amount }}</td>
                                                <td> <select class="form-control status" name="status" id="status" required>
                                                <option value='Pending' @if($order->status == 'Pending') selected @endif>Pending</option>
                                                <option value='Delivery' @if($order->status == 'Delivery') selected @endif>Delivery</option>
                                                 <option value='Complete'>Complete</option>
                                                 <option value='Cancel'>Cancel</option>
                                                 </select>
                                                 <input type="hidden" class="order_id" name="order_id" value="{{$order->id}}">
                                                </td>
                                                <td>{{$order->order_status}}</td>
                                                <td>@if($order->payment_status == 'Y') Paid @else Not Paid @endif</td>
                                                <td>{{ $order->payment_type }}</td>
                                                <td>
                                                    <select class="form-control delivery" name="delivery" id="delivery" required>
                                                    <option value='0' >--Select--</option>
                                                    @foreach($delivery_mens as $mens)
                                                    <option value='{{$mens->id}}' @if($mens->id == $order->delivery_mens_id) selected @endif>{{$mens->name}}</option>
                                                    @endforeach
                                                    </select>
                                                </td>
                                                <td>
                                                    <a  href="/order/details/{{$order->id}}" rel ="tooltip" title={{__("view") }} class="btn btn-success btn-simple btn-xs">
                                                    <i class="fa fa-eye"></i></a>  
                                                </td>
                                             </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('js')
   <script>
      $(document).ready(function () {
         $('#data-table').DataTable();

       $('.status').change(function () {
            var status = $(this).val();
            var id = $(this).closest("tr").find('.order_id').val();
            var delivery = null;
             $.ajax({
               method: 'GET',
               url: '/order_list/status',
               data: { id: id, status: status,delivery:delivery },
               success: function (result) {
                  // Handle the success response
                  var url = '/orders'; 
                  window.location= url;
               },
            });
            
       });
       $('.delivery').change(function () {
            var delivery = $(this).val();
            var id = $(this).closest("tr").find('.order_id').val();
            var status = null;
             $.ajax({
               method: 'GET',
               url: '/order_list/status',
               data: { id: id, status: status,delivery: delivery },
               success: function (result) {
                  // Handle the success response
                  var url = '/orders'; 
                  window.location= url;
               },
            });
            
       });
   });
   </script>
@endsection