@extends('dashboard.layouts.layouts')

@section('content')



<div class="content">

<div class="card">
      <div class="card-header">



      <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pb-2 mb-3 border-bottom">
        <h1 class="h2">Orders</h1>
      </div>
      @permission('create-order')
     <a class="btn btn-sm btn-primary" href="{{route('orders.create')}}">Add New Order</a>
     @endpermission
      <h2></h2>
      <div class="table-responsive">
        <table id="example1" class="table table-striped table-sm">
          <thead>
            <tr>
            <th>ID</th>
              <th>Agent name</th>
              <th>Captin  name</th>

              <th>Agent Address</th>
              <th>Agent Latitude</th>
              <th>Agent Longitude</th>
              <th>Order Address</th>
              <th>Order Status</th>
              <th>End Lat</th>
              <th>End Lang</th>
              <th>Custom  name</th>
              <th>Custom  Phone</th>
              <th>Action</th>
            </tr>
          </thead>
          <tbody>
          @if($orders)
              @foreach($orders as $order)
                  <tr>
                  <td>{{ $order->id }}</td>
                  <td>{{ $order->agent_user->firstname }}{{  $order->agent_user->lastname }}</td>
                  @if($assigns)
                  @foreach($assigns as $assign)
                  @if($assign->order_id==$order->id)
                  <td>{{$assign->captain_user->firstname}}</td>
                 @else
                  <td>Nocaptain yet</td>
                  @endif
                  
                  @endforeach
                  @else
                  <td>Nocaptain yet</td>
                  @endif
                    <td>{{ $order->agent_user->address }}</td>
                    <td>{{ $order->agent_user->latitude }}</td>
                    <td>{{ $order->agent_user->longitude }}</td>
                    <td>{{ $order->address }}</td>
                   
                  <td>{{$order->status_order[0]->name}}</td>
                 

                    <td>{{ $order->end_lat }}</td>
                    <td>{{ $order->end_lang }}</td>
                    <td>{{ $order->custom_name }}</td>
                    <td>{{ $order->custom_phone }}</td>
                  
                    @if($order->status_order[0]->name=="pending")
                    <td> <div class="btn-group">
                        @permission('edit-order')
                        <a class="btn btn-primary" href="{{ route('AgentOrderEdit', ['id' => $order->id]) }}" class="btn btn-info btn-xs"><i class="fas fa-edit" title="Role"></i> </a>
                        @endpermission
                        </div>
                        </td>

                    @else
                    <td>
                    <a href="" class style="font-size: 20px">No available action </a>
                    </td>
                    @endif
                  



                  </tr>
                  @endforeach
                  @endif
          </tbody>
        </table>

        @if($orders)
                        @foreach($orders as $order)
                            <div class="modal modal-danger fade" id="delete{{$order->id}}">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                <span aria-hidden="true">&times;</span></button>
                                            <h4 class="modal-title">Delete order</h4>
                                        </div>
                                        <div class="modal-body">
                                            <p>Are You Sure You Want To Delete order <strong>{{$order->address}}</strong></p>
                                        </div>
                                        <div class="modal-footer">
                                            <form action="" method="post">
                                                @method('delete')
                                                @csrf
                                                <div class="d-flex flex-row">
                                                    @permission('delete-order')
                                                    <button type="button" class="btn btn-outline-danger" data-dismiss="modal" style="margin-right: 5px">
                                                        cancel
                                                    </button>
                                                    @endpermission
                                                    @permission('delete-order')
                                                    <button type="submit" class="btn btn-danger">
                                                        Delete
                                                    </button>
                                                    @endpermission
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                    <!-- /.modal-content -->
                                </div>
                                <!-- /.modal-dialog -->
                            </div>
                            <!-- /.modal -->
                        @endforeach
                    @endif
        {{ $orders->links() }}
      </div>
  </div>
</div>
  </div>
</div>
</div>
@endsection