@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 -->
        <div class="page-header">
          <div class="row align-items-end">
              <div class="col-lg-8">
                  <div class="page-header-title mb-3">
                      <i class="ik ik-clipboard {{$bg}}"></i>
                      <div class="d-inline">
                          <h5>{{$pname}} Delivery Orders</h5>
                          <span>View information about {{$pname}} Delivery Orders</span>
                      </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="#">Delivery Orders</a>
                          </li>
                          <li class="breadcrumb-item active" aria-current="page">{{$pname}} Delivery Orders</li>
                      </ol>
                  </nav>
              </div>
          </div>
      </div>
      <div class="card">
        <div class="card-header d-block">
            <h3>{{$pname}} Delivery Orders</h3>
            <span>All information about <code> {{$pname}} Delivery Orders</code></span>
        </div>
        <div class="card-body px-5 table-responsive" style="overflow: scroll">
          <table id="data_table" class="table" >
                  <thead>
                    <tr>
                      <th scope="col">#</th>
                      <th scope="col">Order Code</th>
                      <th scope="col">Parcel</th>
                      <th scope="col">Delivery</th>
                      <th scope="col">Amount</th>
                      <th scope="col">Pickup Date/Time</th>
                      <th scope="col">Delivery Type</th>
                      <th scope="col">Service Type</th>
                      <th scope="col">Status</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>
                        <th scope="row">{{$order->external_code}}</th>
                        <td>
                          {{$order->data->parcel_title}}
                          <span class="badge badge-pill badge--primary mb-1">
                            {{$order->data->parcel_type->name}}
                           </span>
                      </td>
                      <td>
                        {{$order->data->sender_address->name}}, {{$order->data->sender_address->city->name}} 
                        - 
                        @if ($order->data->rn)
                        {{$order->data->receiver_address->name}}, {{$order->data->receiver_address->city->name}}
                        @else
                        {{$order->data->receiver_address->name}}
                        @endif
                      </td>
                      <td>
                       XAF {{$order->data->delivery_fee}}
                      </td>
                        <td>{{$order->data->pickup_datetime}}</td>
                        <td>{{$order->data->delivery_type}}</td>
                        <td>{{$order->data->service_type}}</td>
                        <td>
                          @switch($order->status)
                              @case(1)
                               <span class="badge badge-pill badge--success mb-1">
                                Paid
                               </span>
                              @break
                              @case(0)
                              <span class="badge badge-pill badge--warning mb-1">
                                Pending
                              </span>
                              @break
                              @case(-1)
                              <span class="badge badge-pill badge--danger mb-1">
                                Cancelled
                              </span>
                                @break
                              @default
                          @endswitch
                      </td>
                      <td>
                        <a href="{{url('/member/detail/'.$order->member->id)}}" class="btn btn-sm btn-info">
                          <i class="ik ik-user"></i>
                          {{$order->member->username}}    
                        </a>
                      </td>
                      <td>{{$order->created_at}}</td>
                      <td>
                          <div class="table-actions d-flex">
                            <a href="{{url('/delivery-order/'.$order->id)}}">
                              <i class="ik ik-eye"></i>
                            </a>
                          </div>
                      </td>
                      </tr>
                      @php
                      $counter++;
                      @endphp
                      @endforeach
                      @endif
                  </tbody>
                </table>
        </div>
    </div>
       
       
    </div>
    
    <!-- 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'