@extends('layouts.app')
@section('content')
<div class="flex items-center flex-wrap justify-between gap20 mb-30">
    <h3>Order #{{$order_query->reference}}</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 #{{$order_query->reference}}</div>
        </li>
    </ul>
</div>
<!-- order-detail -->
<form id="branchForm" action="{{ route('shop-bo.order.detail.shipping-address.update', ['order_id' => Crypt::encrypt($order_query->id)]) }}" method="POST">
    @csrf
    <div class="row">
        <div class="wg-box mb-20 gap10">
            <div class="row">
                <div class="col-lg-12">
                    <div class="body-title">Address 1</div>
                    <fieldset>
                        <input class="flex-grow" type="text" name="address_1" value="{{$order_query->shipping_details->address_1}}">
                    </fieldset>
                </div>
                <div class="col-lg-12">
                    <div class="body-title">Address 2</div>
                    <fieldset>
                        <input class="flex-grow" type="text" name="address_2" value="{{$order_query->shipping_details->address_2}}">
                    </fieldset>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="body-title">Barangay</div>
                    <fieldset>
                        <input class="flex-grow" type="text" name="barangay" value="{{$order_query->shipping_details->barangay}}">
                    </fieldset>
                </div>
                <div class="col-lg-12">
                    <div class="body-title">City</div>
                    <fieldset>
                        <input class="flex-grow" type="text" name="city" value="{{$order_query->shipping_details->city}}">
                    </fieldset>
                </div>
                <div class="col-lg-12">
                    <div class="body-title">Province</div>
                    <fieldset>
                        <input class="flex-grow" type="text" name="province" value="{{$order_query->shipping_details->province}}">
                    </fieldset>
                </div>
            </div>
            <a class="tf-button style-1 w-full" href="javascript:void(0);" onclick="document.getElementById('branchForm').submit();">Save Changes</a>
        </div>
    </div>





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