@extends('front.layouts.app', ['title' => 'Billing'])

@section('content')
@include('front.layouts.app-header')

<section class="page_banner"
    style="background:rgb(0 0 0 / 60%) url(images/my_acc_bg.jpg) center / cover no-repeat;background-blend-mode:color; ">
    <div class="container">
        <div class="row">
            <div class="col col-12">
                <div class="page_banner_title">
                    <h1>Billing Details</h1>
                </div>
                <div class="c_breadcrumb">
                    <ul class="c_breadcrumb_inner">
                        <li class="c_breadcrumb_item">
                            <a href="#!">Home</a>
                        </li>
                        <!-- <li class="c_breadcrumb_item">
                                <a href="#!">Wines</a>
                            </li> -->
                        <li class="c_breadcrumb_item">Billing Details</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="my_acc_sec off_bg billing_sec">
    <div class="container">
        <div class="row">
            <div class="col col-3">
            @include('front.my-account.left-sidebar')
            </div>
            <div class="col col-9">
                <div class="my_acc_main_wrap billing_main_wrap">
                    <div class="my_acc_main_inner card">
                            <div class="card_title">
                                <h3>Billing Details</h3>
                            </div>
                            <div class="card_content">
                                @include('front.my-account.address')
                            </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@include('front.layouts.app-footer')
@endsection

@section('custom-js')
<script src="{{asset('js/front/userAddress.js')}}"></script>
@endsection