@extends("layouts.admin.app")
@section("page-title")
    {{__("Dashboard")}}
@endSection
@section("page-nav-title")
    <div class="app-title">
        <div>
            <h1><i class="fa fa-dashboard"></i>{{__("International Shipping")}}</h1>
            @switch($shipping->type)
                @case("AA")
                <p>{{__("Air Freight From Airport To Airport")}}</p> @break
                @case("AD")
                <p>{{__("Door To Door Air Freight")}}</p> @break
                @case("PSP")
                <p>{{__("Partial Sea Freight From Port To Port")}}</p> @break
                @case("PSD")
                <p>{{__("Partial Sea Freight From Door To Door")}}</p> @break
                @case("S")
                <p>{{__("Sea Freight")}}</p> @break
            @endswitch
        </div>
        <ul class="app-breadcrumb breadcrumb">
            <li class="breadcrumb-item"><i class="fa fa-home fa-lg"></i></li>
            <li class="breadcrumb-item"><a href="#">{{__("Dashboard")}}</a></li>
            <li class="breadcrumb-item"><a href="#">{{__("International Shipping")}}</a></li>
        </ul>
    </div>
@endsection
@section("css-links")
    <link rel="stylesheet" href="{{asset("assets/css/" . app()->getLocale() . "/pages/orders.css")}}">
@endsection

@section("content")
    @include("includes.dialog")

    <div class="row">

        <div class="col-12">
            <div class="tile">
                <div class="tile-title">
                    <div class="row">
                        <div class="col-lg-10">
                            <h3>{{__("International Shipping")}} #{{$shipping->id}}</h3>
                        </div>
                    </div>
                </div>
                <hr>
                <div class="tile-body">
                    <div class="row mb-5">
                        <div class="col-lg-8 m-auto">
                            <div class="list-group mt-2">
                                <h1 class="text-center mb-3">{{__('General Information')}}</h1>
                                <a href="#" class="list-group-item list-group-item-action ">
                                    <div class="d-flex w-100 justify-content-between">
                                        <h5 class="mb-2">{{__('Created')}}</h5>
                                    </div>
                                    <h6 class="mb-1 mt-1">{{ date("Y-m-d h:i A", strtotime($shipping->created_at))}}</h6>
                                </a>

                                <a href="#" class="list-group-item list-group-item-action ">
                                    <div class="d-flex w-100 justify-content-between">
                                        <h5 class="mb-2">{{__('Description And Type Of Payload')}}</h5>
                                    </div>
                                    <h6 class="mb-1 mt-1">{{$shipping->description_and_type_of_payload}}</h6>
                                </a>

                                @if($shipping->gross_load_volume_in_square_metres)
                                <a href="#" class="list-group-item list-group-item-action ">
                                    <div class="d-flex w-100 justify-content-between">
                                        <h5 class="mb-2">{{__('Gross Load Volume In Square Metres')}}</h5>
                                    </div>
                                    <h6 class="mb-1 mt-1">{{$shipping->gross_load_volume_in_square_metres}}</h6>
                                </a>
                                @endif

                                @if($shipping->type == "S")
                                    <a href="#" class="list-group-item list-group-item-action ">
                                        <div class="d-flex w-100 justify-content-between">
                                            <h5 class="mb-2">{{__('Container Size')}}</h5>
                                        </div>
                                        <h6 class="mb-1 mt-1">{{$shipping->sea->size->size}}</h6>
                                    </a>
                                    <a href="#" class="list-group-item list-group-item-action ">
                                        <div class="d-flex w-100 justify-content-between">
                                            <h5 class="mb-2">{{__('Number Of Containers')}}</h5>
                                        </div>
                                        <h6 class="mb-1 mt-1">{{$shipping->sea->number_of_containers}}</h6>
                                    </a>
                                @endif

                                <a href="#" class="list-group-item list-group-item-action ">
                                    <div class="d-flex w-100 justify-content-between">
                                        <h5 class="mb-2">{{__('Shipment Insurance')}}</h5>
                                    </div>
                                    <h6 class="mb-1 mt-1 {{$shipping->shipment_insurance ? "text-success" : "text-danger"}}">{{$shipping->shipment_insurance ? "Yes" : "NO"}}</h6>
                                </a>

                                @if($shipping->shipment_insurance)
                                    <a href="#" class="list-group-item list-group-item-action ">
                                        <div class="d-flex w-100 justify-content-between">
                                            <h5 class="mb-2">{{__('Phone Number')}}</h5>
                                        </div>
                                        <h6 class="mb-1 mt-1">{{$shipping->phone_number}}</h6>
                                    </a>
                                    <a href="#" class="list-group-item list-group-item-action ">
                                        <div class="d-flex w-100 justify-content-between">
                                            <h5 class="mb-2">{{__('Email')}}</h5>
                                        </div>
                                        <h6 class="mb-1 mt-1">{{$shipping->email}}</h6>
                                    </a>

                                    <a href="#" class="list-group-item list-group-item-action ">
                                        <div class="d-flex w-100 justify-content-between">
                                            <h5 class="mb-2">{{__('Total Value Of The Shipment In US Dollars')}}</h5>
                                        </div>
                                        <h6 class="mb-1 mt-1">{{$shipping->total_value_of_the_shipment_in_US_dollars}}</h6>
                                    </a>
                                @endif
                            </div>
                        </div>
                    </div>
                    <hr>
                    @if($shipping->getFirstMediaFile("payload_picture") || $shipping->getFirstMediaFile("packing_list"))
                    <div class="row mb-5">
                        <div class="col-lg-8 m-auto">
                            <div class="list-group mt-2">
                                <h1 class="text-center mb-3">{{__("Attachments")}}</h1>
                                <div href="#" class="list-group-item list-group-item-action ">
                                    @if($shipping->getFirstMediaFile("payload_picture"))
                                        <h6>{{__("Payload Picture")}}</h6>
                                        <ul class="list-group mt-3 mb-4 order-details-box">
                                            @foreach($shipping->getMediaFiles("payload_picture") as $file)
                                                <li class="list-group-item d-flex justify-content-between align-items-center" style="padding: 0">
                                                    <div class="col-6 name font-weight-bold" >
                                                        <img src="{{$file->url}}" width="80">
                                                    </div>
                                                    <div class="col-6 value">
                                                        <a href="{{$file->url}}" download="" class="btn btn-primary">{{__("Download")}}</a>
                                                    </div>
                                                </li>
                                            @endforeach
                                        </ul>
                                    @endif
                                    @if($shipping->getFirstMediaFile("packing_list"))
                                        <h6>{{__("Packing List")}}</h6>
                                        <ul class="list-group mt-3 mb-4 order-details-box">
                                            <li class="list-group-item d-flex justify-content-between align-items-center" style="padding: 0">
                                                <div class="col-6 name font-weight-bold" >
                                                    <img src="{{$shipping->getFirstMediaFile("packing_list")->url}}" width="80">
                                                </div>
                                                <div class="col-6 value">
                                                    <a href="{{$shipping->getFirstMediaFile("packing_list")->url}}" download="" class="btn btn-primary">{{__("Download")}}</a>
                                                </div>
                                            </li>
                                        </ul>
                                    @endif
                                    @if($shipping->getFirstMediaFile("shipping_address_picture"))
                                        <h6>{{__("Shipping Address Picture")}}</h6>
                                        <ul class="list-group mt-3 mb-4 order-details-box">
                                            <li class="list-group-item d-flex justify-content-between align-items-center" style="padding: 0">
                                                <div class="col-6 name font-weight-bold" >
                                                    <img src="{{$shipping->getFirstMediaFile("shipping_address_picture")->url}}" width="80">
                                                </div>
                                                <div class="col-6 value">
                                                    <a href="{{$shipping->getFirstMediaFile("shipping_address_picture")->url}}" download="" class="btn btn-primary">{{__("Download")}}</a>
                                                </div>
                                            </li>
                                        </ul>
                                    @endif
                                    @if($shipping->getFirstMediaFile("total_weight_picture"))
                                        <h6>{{__("Total Weight Picture")}}</h6>
                                        <ul class="list-group mt-3 mb-4 order-details-box">
                                            <li class="list-group-item d-flex justify-content-between align-items-center" style="padding: 0">
                                                <div class="col-6 name font-weight-bold" >
                                                    <img src="{{$shipping->getFirstMediaFile("total_weight_picture")->url}}" width="80">
                                                </div>
                                                <div class="col-6 value">
                                                    <a href="{{$shipping->getFirstMediaFile("total_weight_picture")->url}}" download="" class="btn btn-primary">{{__("Download")}}</a>
                                                </div>
                                            </li>
                                        </ul>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                    @endif
                </div>
            </div>
        </div>
    </div>

@endsection

@section("scripts")
    <!-- Data table plugin-->
    <script type="text/javascript" src="{{asset("assets/js/plugins/jquery.dataTables.min.js")}}"></script>
    <script type="text/javascript" src="{{asset("assets/js/plugins/dataTables.bootstrap.min.js")}}"></script>
    <script type="text/javascript">$('#sampleTable').DataTable();</script>
    <script type="module" src="{{asset("assets/js/pages/order_details.js")}}"></script>
@endsection