@extends('layouts.business.master')

@section('css')
<link rel="stylesheet" type="text/css" href="{{ asset('app-assets/vendors/css/tables/datatable/datatables.min.css') }}">
@endsection

@section('content')
<div class="main-panel">
        <!-- BEGIN : Main Content-->
        <div class="main-content">
          <div class="content-wrapper">
            <!-- Minimal statistics section start -->
<section id="minimal-statistics">
    <div class="row">
      <div class="col-12 mt-3 mb-1">
        <div class="content-header">My Order Detail</div>
      </div>
    </div>

      <div class="card">
        <div class="card-content">
          <div class="card-body">
            <div class="row">

              <div class="col-12 col-md-12 col-lg-12 orderviews">
                <ul class="no-list-style">
                  <li class="mb-2">
                    <span class="text-bold-500 primary">Order ID</span>
                    <span class="d-block overflow-hidden">{{ $order->id }}</span>
                  </li>
                  <li class="mb-2">
                    <span class="text-bold-500 primary">User Name</span>
                    <span class="d-block overflow-hidden">{{ $order->user->first_name }} {{ $order->user->last_name }}</span>
                  </li>
                  <li class="mb-2">
                    <span class="text-bold-500 primary">Order Date</span>
                    <span class="d-block overflow-hidden">{{ $order->order_date }}</span>
                  </li>
                    <li class="mb-2">
                    <span class="text-bold-500 primary">Price</span>
                    <span class="d-block overflow-hidden">{{ $order->price }}</span>
                  </li>
                  <li class="mb-2">
                    <span class="text-bold-500 primary">Pickup Locations</span>
                    @foreach ($order->pickups($order->id) as $pickup)
                    <span class="d-block overflow-hidden">Company :: {{ $pickup->company_name }}</span>
                    <span class="d-block overflow-hidden">Responsible Person :: {{ $pickup->responsible_person_name }}</span>
                    <span class="d-block overflow-hidden">Responsible Person Email :: {{ $pickup->responsible_person_email }}</span>
                    <span class="d-block overflow-hidden">Contact :: {{ $pickup->contact ?? 'NA' }}</span>
                    <span class="d-block overflow-hidden">Address :: {{ $pickup->address }}</span>
                    <span class="d-block overflow-hidden">City :: {{ $pickup->city }}</span>
                    <span class="d-block overflow-hidden">Country :: {{ $pickup->country }}</span>
                    <span class="d-block overflow-hidden">Pickup Date :: {{ $pickup->pickup_date }}</span>
                    <span class="d-block overflow-hidden">Pickup Time :: {{ $pickup->pickup_time }}</span>
                    <span class="d-block overflow-hidden">------------------------------------------</span>                    
                    @endforeach
                  </li>
        
                  <li class="mb-2">
                    <span class="text-bold-500 primary">Drop Off Locations</span>
                    @foreach ($order->dropoffs($order->id) as $dropoff)
                    <span class="d-block overflow-hidden">Company :: {{ $dropoff->company_name }}</span>
                    <span class="d-block overflow-hidden">Responsible Person :: {{ $dropoff->responsible_person_name }}</span>
                    <span class="d-block overflow-hidden">Responsible Person Email :: {{ $dropoff->responsible_person_email }}</span>
                    <span class="d-block overflow-hidden">Contact :: {{ $dropoff->contact ?? 'NA' }}</span>
                    <span class="d-block overflow-hidden">Address :: {{ $dropoff->address }}</span>
                    <span class="d-block overflow-hidden">City :: {{ $dropoff->city }}</span>
                    <span class="d-block overflow-hidden">Country :: {{ $dropoff->country }}</span>
                    <span class="d-block overflow-hidden">Drop Off Time :: {{ $dropoff->unloading_time }}</span>
                    <span class="d-block overflow-hidden">------------------------------------------</span>
                    @endforeach
                  </li>
                  {{-- <li class="mb-2">
                    <span class="text-bold-500 primary">Pickup Date/Time</span>
                    <a class="d-block overflow-hidden">jose@yourmail.com</a>
                  </li>
                  <li class="mb-2">
                    <span class="text-bold-500 primary">Drop Off Date/Time</span>
                    <a class="d-block overflow-hidden">pixinvent.com</a>
                  </li> --}}
                </ul>
              </div>

            </div>
          </div>
        </div>
      </div>

      <div class="backbutton mt-5"><a href="{{ route('list_all_accepted_orders') }}">  
        <button type="button" class="btn btn-raised btn-primary round btn-min-width mr-1 mb-1">Back</button></a>
      </div>



  </section>
  <!-- // Minimal statistics section end -->
</div>
</div>
<!-- END : End Main Content-->

@include('partials.footer')

</div>
@endsection

@section('scripts')
<script src="{{ asset('app-assets/vendors/js/datatable/datatables.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('app-assets/js/data-tables/datatables-sources.js') }}" type="text/javascript"></script>

{{-- <script>
    $(".inactivestatus").on("click", function(e){
      e.preventDefault();
        let formId = $(this).data("id");
        $("#statuscode-"+formId).val(0);
        // $('#myModal').modal('show');
        // $('#modalAsset').attr("data-asset",formId);
        document.getElementById("form-"+formId).submit();
    });
    $("#modalAsset").on("click", function(){
        let formId = $(this).data("asset");
        document.getElementById("form-"+formId).submit();
    });
    
    $(".activestatus").on("click", function(e){
      e.preventDefault();
        let formId = $(this).data("id");
        $("#statuscode-"+formId).val(1);
        // $('#myModal').modal('show');
        // $('#modalAsset').attr("data-asset",formId);
        document.getElementById("form-"+formId).submit();
    });
</script> --}}
@endsection