@section('title', __('account/account.Account'))
@section('header-style', 'inner_nav')

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

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

<x-layout>
    <section class="main_packag">
        <div class="container">
            <h1 class="mani_head_1 text-center mb-5">@Lang('account/account.My Account')</h1>

            <div class="sub_container">
                <div class="row">
                    <div class="col-md-12">
                        @auth
                        @if(!auth()->user()->hasVerifiedEmail())
                        @if (session('resent'))
                        <div class="bg-warning text-center noti-bar">
                            @lang('account/account.A fresh verification link has been sent to your email address.')
                        </div>
                        @else
                        <div class="bg-danger text-white text-center noti-bar">
                            @lang('account/account.Please check your email for a verification link.')
                            @lang('account/account.If you did not receive the email') <a href="{{route('web_email_verify_resend')}}">@lang('account/account.click here')</a> @lang('account/account.to request another.')
                        </div>
                        @endif
                        @endif
                        @endauth
                    </div>
                    <div class="col-lg-3 col-md-12 col-sm-12 col-12">
                        <ul class="account_list nav nav-pills mb-3" id="accounts-tabs" data-slug="{{request()->slug}}" role="tablist">
                            <li class="nav-item" role="presentation">
                                <button class="nav-link @if(request()->slug == '' || request()->slug == 'profile') active @endif" id="profile-tab" data-bs-toggle="pill" data-bs-target="#profile-tabcontents" type="button" role="tab"
                                    aria-controls=profile-tabcontents" aria-selected="true">@Lang('account/account.Profile Summary')</button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button class="nav-linkk @if(request()->slug == 'orders') active @endif" id="orders-tab" data-bs-toggle="pill" data-bs-target="#orders-tabcontents" type="button" role="tab" aria-controls="orders-tabcontents"
                                    aria-selected="false">@Lang('account/account.My Orders')</button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button class="nav-linkk @if(request()->slug == 'bookings') active @endif" id="bookings-tab" data-bs-toggle="pill" data-bs-target="#bookings-tabcontents" type="button" role="tab" aria-controls="bookings-tabcontents"
                                    aria-selected="false">@Lang('account/account.My Bookings')</button>
                            </li>

                            <li class="nav-item" role="presentation">
                                <button class="nav-linkk @if(request()->slug == 'loyalty_points') active @endif" id="loyalty_points-tab" data-bs-toggle="pill" data-bs-target="#loyalty_points-tabcontents" type="button" role="tab"
                                    aria-controls="loyalty_points-tabcontents" aria-selected="false">@Lang('account/account.My loyality Points')</button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button class="nav-linkk @if(request()->slug == 'billing_addresses') active @endif" id="billing_addresses-tab" data-bs-toggle="pill" data-bs-target="#billing_addresses-tabcontents" type="button" role="tab"
                                    aria-controls="billing_addresses-tabcontents" aria-selected="false">@Lang('account/account.Billing Address')</button>
                            </li>

                            <li class="nav-item" role="presentation">
                                <button class="nav-linkk @if(request()->slug == 'quotation_requests') active @endif" id="quotation_requests-tab" data-bs-toggle="pill" data-bs-target="#quotation_requests-tabcontents" type="button" role="tab"
                                    aria-controls="quotation_requests-contents" aria-selected="false">@Lang('account/account.My Quotation Request')</button>
                            </li>
                        </ul>
                    </div>
                    <div class="col-lg-9 col-md-12 col-sm-12 col-12">
                        <div class="tab-content" id="accounts-tabContent">
                            <div class="tab-pane fade @if(request()->slug == '' || request()->slug == 'profile') active show @endif" data-url="{{route('web_account_profile')}}" data-js="{{mix('js/web/account/profile.js')}}" id="profile-tabcontents"
                                data role="tabpanel" aria-labelledby="profile-tabcontents">
                                @if(request()->slug == '' || request()->slug == 'profile')
                                @include('web.account.profile')
                                @endif
                            </div>
                            <div class="tab-pane fade @if(request()->slug == 'orders') active show @endif" data-url="{{route('web_account_orders')}}" data-js="{{mix('js/web/account/myOrders.js')}}" id="orders-tabcontents" role="tabpanel"
                                aria-labelledby="orders-tabcontents">
                                @if(request()->slug == 'orders')
                                @include('web.account.myOrders')
                                @endif
                            </div>
                            <div class="tab-pane fade @if(request()->slug == 'bookings') active show @endif" data-url="{{route('web_account_bookings')}}" data-js="{{mix('js/web/account/myBookings.js')}}" id="bookings-tabcontents" role="tabpanel"
                                aria-labelledby="bookings-tabcontents">
                                @if(request()->slug == 'bookings')
                                @include('web.account.myBookings')
                                @endif
                            </div>
                            <div class="tab-pane fade @if(request()->slug == 'loyalty_points') active show @endif" data-url="{{route('web_account_loyalty_points')}}" data-js="{{mix('js/web/account/loyaltyPoints.js')}}" id="loyalty_points-tabcontents"
                                role="tabpanel" aria-labelledby="loyalty_points-tabcontents">
                                @if(request()->slug == 'loyalty_points')
                                @include('web.account.loyaltyPoints')
                                @endif
                            </div>
                            <div class="tab-pane fade @if(request()->slug == 'billing_addresses') active show @endif" data-url="{{route('web_account_billing_addresses')}}" data-js="{{mix('js/web/account/billingAddresses.js')}}"
                                id="billing_addresses-tabcontents" role="tabpanel" aria-labelledby="billing_addresses-tabcontents">
                                @if(request()->slug == 'billing_addresses')
                                @include('web.account.billingAddresses')
                                @endif
                            </div>
                            <div class="tab-pane fade @if(request()->slug == 'quotation_requests') active show @endif" data-url="{{route('web_account_quotation_requests')}}" data-js="{{mix('js/web/account/quotationRequests.js')}}"
                                id="quotation_requests-tabcontents" role="tabpanel" aria-labelledby="quotation_requests-contents">
                                @if(request()->slug == 'quotation_requests')
                                @include('web.account.quotationRequests')
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</x-layout>