@extends('layouts.main') 

@section('content')
    <!-- push external head elements to head -->
    @push('head')
        <title>Page title | Site title</title>
        <!-- add some inline style or css file if any -->
        <link rel="stylesheet" href="{{ asset('file-path')}}">
        <style type="text/css">
        </style>
    @endpush
    <div class="container-fluid">
    	<!-- page contents here -->
      @if($errors->any())  
      <div class="row alert alert-danger">
          <ul>
              @foreach ($errors->all() as $error)
                  <li>{{ $error }}</li>
              @endforeach
          </ul>
      </div>
      @endif
        @if (session('status'))
            <div class="alert alert-success">
                {{ session('status') }}
            </div>
        @endif
        @if (session('error_m'))
            <div class="alert alert-danger">
                {{ session('error_m') }}
            </div>
        @endif
        <div class="page-header">
          <div class="row align-items-end">
              <div class="col-lg-8">
                @switch($stat)
                @case(1)
                    @php 
                    $pname='Paid';
                    $bg='bg-success';
                    @endphp
                    @break
                @case(0)
                @php 
                $pname='Pending';
                $bg='bg-yellow';
                @endphp
                    @break
                @default
                @php 
                $pname='Cancelled';
                $bg='bg-danger';
                @endphp
            @endswitch
                  <div class="page-header-title mb-3">
                      <i class="ik ik-clipboard {{$bg}}"></i>
                      <div class="d-inline">
                          <h5>{{$pname}} Orders</h5>
                          <span>View information about {{$pname}} Orders</span>
                      </div>
                  </div>
                  <div class="row mb-1">
                    <div class="col-md-6">
                        {{-- <button class="btn btn-primary mr-4" data-toggle="modal" data-target="#addlocation">+ Add an Order</button> --}}
                        {{-- <button class="btn btn-success mr-4" data-toggle="modal" data-target="#addcity">+ Add City</button> --}}
                    </div>
                </div>
              </div>
              <div class="col-lg-4">
                  <nav class="breadcrumb-container" aria-label="breadcrumb">
                      <ol class="breadcrumb">
                          <li class="breadcrumb-item">
                              <a href="{{route('dashboard')}}"><i class="ik ik-home"></i></a>
                          </li>
                          <li class="breadcrumb-item">
                              <a href="#">Orders</a>
                          </li>
                          <li class="breadcrumb-item active" aria-current="page">{{$pname}} Orders</li>
                      </ol>
                  </nav>
              </div>
          </div>
      </div>
      <div class="card">
        <div class="card-header d-block">
            <h3>{{$pname}} Orders</h3>
            <span>All information about <code> {{$pname}} Orders</code></span>
        </div>
        <div class="card-body px-5 table-responsive">
          <table id="data_table" class="table" >
                  <thead>
                    <tr>
                      <th scope="col">#</th>
                      <th scope="col">Agency(Location)</th>
                      <th scope="col">Ticket</th>
                      <th scope="col">Amount</th>
                      <th scope="col"># Tickets</th>
                      <th scope="col">Status</th>
                      <th scope="col">Kiosk</th>
                      <th scope="col">Transaction Id</th>
                      <th scope="col">Customer Name</th>
                      <th scope="col">Ordered By</th>
                      <th scope="col">Date</th>
                      <th>Actions</th>
                    </tr>
                  </thead>
                  <tbody>
                      @if(sizeof($orders)>0)
                      @php
                          $counter=1;
                      @endphp
                      @foreach($orders as $order)    
                      <tr>
                        <th scope="row">{{$counter}}</th>
                        <td>
                          @foreach($locations as $location)
                              @if($order->toal_id==$location->location_id)
                                  {{$order->agency_name}}({{$location->location_name}})
                              @endif
                          @endforeach
                      </td>
                      <td>
                                {{$order->departure_city}}
                        - 
                            {{$order->arrival_city}}

                        <span class="badge badge-pill badge-success mb-1">
                          @foreach($ticket_types as $ticket_type)
                                @if($ticket_type->ticket_id==$order->ticket_type_id)
                                    {{$ticket_type->ticket_name}}
                                @endif
                            @endforeach  
                            - 
                            {{$order->ticket_price}}
                        </span>
                    </td>
                        <td>{{$order->amount}}</td>
                        <td>{{$order->quantity}}</td>
                        <td>
                          @switch($order->status)
                              @case(1)
                                  Paid
                                  @break
                              @case(0)
                                  Pending
                                  @break
                              @case(-1)
                                  Cancelled
                                  @break
                              @default
                                  
                          @endswitch
                      </td>
                      <td>
                        {{$order->kiosk_code}} ({{$order->kiosk_location}})    
                      </td>
                        <td>{{$order->trx}}</td>
                        <td>{{$order->first_name}}  {{$order->last_name}}</td>
                        <td>
                          @foreach($members as $member)
                          @if($member->id == $order->member_id)
                            {{$member->username}}
                            <span class="badge badge-pill badge-success mb-1">{{$member->role_name}}</span>
                          @endif
                        @endforeach
                        </td>
                        <td>{{$order->creation_date}}</td>
                        <td>
                          <div class="table-actions d-flex">
                            <a href="{{url('/order-details/'.$order->order_id)}}"><i class="ik ik-eye"></i></a>
                            {{-- <a href="#" data-toggle="modal" data-target="#deleteorder_{{$order->id}}"><i class="ik ik-trash-2"></i></a> --}}
                        </div>
                        {{-- See Passengers --}}
                        <div class="modal fade" id="seepassengers_{{$order->order_id}}" tabindex="-1" aria-labelledby="addcityLabel" aria-hidden="true">
                          <div class="modal-dialog">
                            <div class="modal-content">
                              <div class="modal-header">
                                <h5 class="modal-title" id="exampleModalLabel">Passenger Information</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                  <span aria-hidden="true">&times;</span>
                                </button>
                              </div>
                              <div class="modal-body">
                                <div class="card-body px-5 table-responsive">
                                  <table id="data_table" class="table" >
                                      <thead>
                                        <th>Full Name</th>
                                        <th>Phone</th>
                                        <th>email</th>
                                        <th>ID Type</th>
                                        <th>ID number</th>
                                        <th>image</th>
                                      </thead>
                                      <tbody>
                                        @foreach($passengers as $passenger)
                                        @if($order->order_id==$passenger->ticket_order_id)  
                                        <tr>
                                          <td>{{$passenger->full_name}}</td>
                                          <td>{{$passenger->phone}}</td>
                                          <td>{{$passenger->email}}</td>
                                          <td>{{$passenger->id_type}}</td>
                                          <td>{{$passenger->id_number}}</td>
                                          <td><img src="{{$passenger->id_image1}}" alt="" width="100px" height="100px"></td>
                                          {{-- <td></td>
                                          <td></td>
                                          <td></td> --}}
                                        </tr>
                                        @endif
                                        @endforeach
                                      </tbody>
                                  </table>
                                </div>
                              </div>
                              <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                {{-- <button type="submit" class="btn btn-danger">Delete Location</button> --}}
                              </div>
                            </div>
                          </div>
                        </div>
                        </td>
                      </tr>
                      @php
                      $counter++;
                      @endphp
                      @endforeach
                      @endif
                  </tbody>
                </table>
        </div>
    </div>
       
       
    </div>
    {{-- modals --}}
    <!-- Button trigger modal -->
  <!-- Modal -->
  {{-- <div class="modal fade" id="addcity" tabindex="-1" aria-labelledby="addcityLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          add city
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
          <button type="button" class="btn btn-primary">Save changes</button>
        </div>
      </div>
    </div>
  </div> --}}
     <!-- Modal -->
  {{-- <div class="modal fade" id="" tabindex="-1" aria-labelledby="seepassengers_{{$order->id}}Label" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLabel">Add a Location</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
            <form action="{{route('add_location')}}" method="post">
                @csrf
                    <div class="form-group ">
                      <label for="inputEmail4">City</label>
                      <select name="city" class="form-control" required>
                          @foreach($cities as $city)
                          <option value="{{$city->id}}">{{$city->name}}</option>
                          @endforeach
                      </select>
                    </div>
                <div class="form-group">
                    <label for="exampleFormControlFile1">Location</label>
                    <input type="text" class="form-control" name="location" required>
                </div>
            
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
              <button type="submit" class="btn btn-primary">Save Location</button>
            </div>
        </form>
      </div>
    </div>
  </div> --}}
    {{-- end modals --}}
    <!-- push external js if any -->
    @push('script') 
        <script src="{{ asset('script-path') }}"></script>
        <script src="{{ asset('plugins/DataTables/datatables.min.js') }}"></script>
        <script src="{{ asset('js/datatables.js') }}"></script>
    @endpush
@endsection'