@extends('layouts.app')
@section('content')
<div class="flex items-center flex-wrap justify-between gap20 mb-30">
    <h3>Process Shipment</h3>
    <ul class="breadcrumbs flex items-center flex-wrap justify-start gap10">
        <li>
            <a href="javascript:void(0)"><div class="text-tiny">Dashboard</div></a>
        </li>
        <li>
            <i class="icon-chevron-right"></i>
        </li>
        <li>
            <a href="#"><div class="text-tiny">Order</div></a>
        </li>
        <li>
            <i class="icon-chevron-right"></i>
        </li>
        <li>
            <a href="#"><div class="text-tiny">Order detail</div></a>
        </li>
        <li>
            <i class="icon-chevron-right"></i>
        </li>
        <li>
            <div class="text-tiny">Order #{{$shipment_query->order->reference}}</div>
        </li>
        <li>
            <i class="icon-chevron-right"></i>
        </li>
        <li>
            <a href="#"><div class="text-tiny">Update Tracking</div></a>
        </li>
    </ul>
</div>
<!-- add-new-user -->
<form method="POST" action="{{route('shop-bo.order.tracking.update',['shipment_id' => Crypt::encrypt($shipment_query->id)])}}" class="form-add-new-user form-style-2">
    @honeypot
    @csrf
    <div class="wg-box">
        <div class="left">
            <h5 class="mb-4">Shipment</h5>
            <div class="body-text mb-20">Fill in the to process the Shipment of the order below</div>
            <hr>
            <div class="summary-item mb-5">
                <div class="body-title">Order ID</div>
                <div class="body-text">{{$shipment_query->order->reference}}</div>
            </div>
            <div class="summary-item mb-5">
                <div class="body-title">Date</div>
                <div class="body-text">{{date('d M Y',strtotime($shipment_query->order->created_at))}}20 Nov 2023</div>
            </div>
            <div class="summary-item mb-5">
                <div class="body-title">Total</div>
                <div class="body-text tf-color-1">₱{{number_format($shipment_query->order->amount)}}</div>
            </div>
            <div class="body-title">Shipping Address</div>
            <div class="body-text mb-5">{{$shipment_query->order->shipping_details->address_1.", ".$shipment_query->order->shipping_details->address_2.", ".$shipment_query->order->shipping_details->barangay.", ".
                            $shipment_query->order->shipping_details->city.", ".$shipment_query->order->shipping_details->province}}</div>
            <div class="body-title">Last Update</div>
            <div class="body-text mb-5">{{$shipment_query->tracking[0]->status}} | {{$shipment_query->tracking[0]->details}}</div>
            <div class="body-title">Payment Method</div>
            <div class="body-text">{{$shipment_query->order->shop_payment_methods_name}}</div>
        </div>
        <div class="right flex-grow">
            <div class="row">
                <div class="col-12">
                    <fieldset class="mb-24">
                        <div class="body-title mb-10">Status</div>
                        <select class="flex-grow" required="" name="status">
                            <option>OUT FOR DELIVERY</option>
                            <option>DELIVERED</option>
                            <option>FAILED</option>
                            <option>RETURNED</option>
                        </select
                    </fieldset>
                </div>
                <div class="col-12">
                    <fieldset class="mb-24">
                        <div class="body-title mb-10">Detail</div>
                        <input class="flex-grow" type="text" placeholder="Detail" name="details" tabindex="0" value="{{old('details')}}" aria-required="true" required="">
                    </fieldset>
                </div>
                <div class="col-12">
                    <fieldset class="mb-24">
                        <div class="body-title mb-10">Location</div>
                        <input class="flex-grow" type="text" placeholder="Location" name="location" tabindex="0" value="{{old('location')}}" aria-required="true">
                    </fieldset>
                </div>
            </div>
        </div>
    </div>

    <div class="bot">
        <button class="tf-button w180" type="submit">Update</button>
    </div>

</form>
<!-- /add-new-user -->

@endsection
@section('page_script')
@parent
<script>
    $(".order-menu").addClass("active");
    $(".order-detail").addClass("active");
</script>
@endsection
<!-- App js -->