@section('title', __('checkout/billing.Select Billing Address'))
@section('header-style', 'inner_nav')

@push('style')
<link rel="stylesheet" href="{{ mix('css/web/checkout/billing.css') }}">
@endpush

@push('script')
<script src="{{mix('js/web/checkout/billing.js')}}"></script>
@endpush

<x-layout>
    <section class="main_packag">
        <div class="container">
            <div class="stepwizard">
                <div class="process-wrap active-step2">
                    <div class="process-main">
                        <div class="col-4 colmn_process">
                            <div class="process-step-cont">
                                <div class="process-step step-1"></div>
                                <span class="process-label">@Lang('checkout/billing.Cart')</span>
                            </div>
                        </div>
                        <div class="col-4 colmn_process">
                            <div class="process-step-cont">
                                <div class="process-step step-2"></div>
                                <span class="process-label">@Lang('checkout/billing.Billing address')</span>
                            </div>
                        </div>
                        <div class="col-4 colmn_process">
                            <div class="process-step-cont">
                                <div class="process-step step-3"></div>
                                <span class="process-label">@Lang('checkout/billing.Review')</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="sub_container">
                <form id="billingForm" action="{{route('web_checkout_billing')}}" method="post">
                    @csrf
                    <div class="row">
                        <div class="col-lg-8 col-md-12 col-sm-12 col-12 mb-4">
                            <div class="cart_note_1 mb-4">
                                <h3 class="mb-2">@Lang('checkout/billing.You will') <span>@Lang('checkout/billing.earn 1 loyality')</span> @Lang('checkout/billing.when completing this ordder')</h3>
                                <h3 class="m-0">@Lang('checkout/billing.Collect 5 loyalty points and receive ' . config('settings.loyalty_discount') . '% discount')</h3>
                            </div>
                            <h1 class="mani_head_2 mb-4">@Lang('checkout/billing.Select Billing Address')</h1>
                            <div class="row">
                                @foreach(auth()->user()->addresses as $address)
                                <div class="col-md-6">
                                    <div class="addres_sec1">
                                        @if($address->is_default)
                                        <div class="addres_head1">
                                            <h4 class="sub_head_2 text-white text-center m-0">@Lang('checkout/billing.Default')</h4>
                                        </div>
                                        @endif
                                        <div class="addres_body1">
                                            <label class="checkbox_1">
                                                <input type="radio" value="{{$address->id}}" @if(request()->address && Crypt::decryptString(request()->address) == $address->id || (!request()->address && $address->is_default)) checked @endif
                                                name="billing_address_id">
                                                <span class="checkmark"></span>
                                            </label>
                                            <h4 class="sub_head_2 mb-3">{{$address->title}}</h4>
                                            <ul class="time_list_3">
                                                <li><span>@Lang('checkout/billing.Name')</span>{{$address->name}}</li>
                                                <li><span>@Lang('checkout/billing.Address') </span>{{$address->address}}</li>
                                                <li><span>@Lang('checkout/billing.Phone') </span>{{$address->phone_number}}</li>
                                                <li><span>@Lang('checkout/billing.Email') </span>{{$address->email}}</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                @endforeach
                                <div class="col-md-6">
                                    <div class="addres_sec2">
                                        <span><a href="{{ route('web_account', ['slug' => 'billing_addresses', 'action' => 'add']) }}" class="shopping_btn1">+ @Lang('checkout/billing.ADD NEW ADDRESS')</a></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-12 col-sm-12 col-12">
                            <div class="sum_sect_1 mb-3">
                                <h4 class="sub_head_5 mb-4">@Lang('checkout/billing.Order Summary')</h4>
                                <h4 class="sub_head_4 mb-1">@Lang('checkout/billing.Items')</h4>
                                <ul class="time_list_2">
                                    @foreach($cart->items as $item)
                                    <li>{{$item->product->title}} <span>{{$item->package_price}} @Lang('custom.KWD')</span></li>
                                    @if($item->addon_price > 0)
                                    <li >@Lang('cart/cart.Additional options')<span>{{$item->addon_price}} @Lang('custom.KWD')</span></li>
                                    @endif
                                    @endforeach
                                </ul>
                                <hr>
                                <ul class="time_list_2">
                                    <li>@Lang('checkout/billing.Subtotal') <span>{{$cart->sub_total}} @Lang('custom.KWD')</span></li>
                                </ul>
                                <button type="submit" class="bill_btn_1 text-uppercase">@Lang('checkout/billing.Proceed to review order')</button>
                            </div>
                            <a href="{{route('web_cart')}}" class="shopping_btn1">@Lang('checkout/billing.EDIT CART')</a>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </section>
</x-layout>