@extends('layouts.app')
@section('content')
<meta name="csrf-token" content="{{ csrf_token() }}" />

    <!-- ================ start: common-inner-page-banner ================ -->
    <section class="common-inner-page-banner"
        style="background-image: url({{ asset('frontend/assets/images/digital-package-banner.png') }})">
        <div class="custom-container">
            <div class="left-info">
                <figure data-aos="fade-up" data-aos-delay="50" data-aos-duration="500" data-aos-once="true">
                    <div class="icon-container">
                        <span><img src="{{ asset('frontend/assets/images/internet-3-svgrepo-com.svg') }}"></span>
                    </div>
                    <figcaption>My <span>Account</span>
                    </figcaption>
                </figure>
            </div>
            <div class="center-info">
                <ul class="prev-nav-menu" data-aos="fade-up" data-aos-delay="100" data-aos-duration="1000"
                    data-aos-once="true">
                    <li><a href="index.html">Home</a></li>
                    <li><a>Digital Packages</a></li>
                </ul>
            </div>
            <div class="call-info" data-aos="fade-up" data-aos-delay="150" data-aos-duration="1500" data-aos-once="true">
                <div class="icon-container">
                    <img src="{{ asset('frontend/assets/images/ic_baseline-phone.svg') }}">
                </div>
                <div class="text-box">
                    <p>Free Consultations 24/7</p>
                    <h4><a href="tel:020 3002 0032">020 3002 0032</a></h4>
                </div>
            </div>
        </div>
    </section>
    <!-- ================ end: common-inner-page-banner ================ -->

    <!-- ================ start: Particulars sec ================ -->
    <section class="sectiongap legal rrr fix-container-width ">
        <div class="container">
            <div class="companies-wrap">
                <div class="row woo-account">
                    @include('layouts.navbar')
                    <div class="col-md-12">
                        <div class="particulars-form-wrap">
                            @php
                            $company_form = App\Models\companyFormStep::where('order',$_GET['order'])->where('section','company_formation')->first();
                            $buisness_ess = App\Models\companyFormStep::where('order',$_GET['order'])->where('section','BusinessEssential')->first();
                            $summary = App\Models\companyFormStep::where('order',$_GET['order'])->where('section','Review')->first();


                        @endphp
            <div class="particulars-form-wrap">
                <div class="particulars-top-step">
                    <div class="top-step-items active">
                        <strong>1.Company Formation</strong>
                        <span>Details about your company</span>
                    </div>
                    @if ($buisness_ess)
                        <div class="top-step-items">
                            <a href="{{ route('business-essential.index', ['order' => $_GET['order'] ?? '', 'section' => 'BusinessEssential', 'step' => 'business-banking']) }}" > <strong>2.Business Essentials</strong>  </a>
                            <span>Products & Services</span>
                        </div>

                    @else
                        <div class="top-step-items">
                            <strong>2.Business Essentials</strong>
                            <span>Products & Services</span>
                        </div>
                    @endif

                    @if ($summary)
                        <div class="top-step-items ">
                           <a href="{{route('review.index', ['order' => $_GET['order'] ?? '', 'section' => 'Review', 'step' => 'review'])}}"> <strong>3.Summary</strong></a>
                            <span>Details about your order</span>
                        </div>
                    @else
                        <div class="top-step-items ">
                            <strong>3.Summary</strong>
                            <span>Details about your order</span>
                        </div>
                    @endif


                    <div class="top-step-items">
                        <strong>4.Delivery & Partner Services</strong>
                        <span>Delivery & Partner Details</span>
                    </div>
                </div>
                            <div class="particulars-bottom-step">
                                @php
                                    $particular_step = App\Models\companyFormStep::where('order',$_GET['order'])->where('section','company_formation')->where('step','particulars')->first();
                                @endphp

                                @if ($particular_step)
                                    <div class="bottom-step-items active">
                                        <img src="{{ asset('frontend/assets/images/active-tick.svg') }}" alt="">
                                        <p>
                                            <a href="{{ route('companie-formation', ['order' => $_GET['order'] ?? '','section' => 'Company_formaction','step' => 'particulars', 'data' => 'previous']) }}" style="color: #ffffff;"> Particulars</a>
                                        </p>
                                    </div>
                                @else
                                    <div class="bottom-step-items ">
                                        <img src="{{ asset('frontend/assets/images/inactive-tick.svg') }}" alt="">
                                        <p>
                                             Particulars
                                        </p>
                                    </div>

                                @endif


                                @php
                                    $register_step = App\Models\companyFormStep::where('order',$_GET['order'])->where('section','company_formation')->where('step','register-address')->first();
                                @endphp
                                @if ($register_step)
                                    <div class="bottom-step-items active">
                                        <img src="{{ asset('frontend/assets/images/active-tick.svg') }}" alt="">
                                        <p>
                                            <a href="{{ route('registered-address', ['order' => $_GET['order'] ?? '', 'section' => 'Company_formaction', 'step' => 'register-address']) }}" style="color: #ffffff;"> Registered Address </a>
                                        </p>
                                    </div>
                                @else
                                    <div class="bottom-step-items">
                                        <img src="{{ asset('frontend/assets/images/inactive-tick.svg') }}" alt="">
                                        <p>
                                             Registered Address
                                        </p>
                                    </div>

                                @endif

                                @php
                                    $buisness_step = App\Models\companyFormStep::where('order',$_GET['order'])->where('section','company_formation')->where('step','business-address')->first();
                                @endphp

                                @if ($buisness_step)
                                    <div class="bottom-step-items active">
                                        <img src="{{ asset('frontend/assets/images/active-tick.svg') }}" alt="">
                                        <p>
                                            <a href="{{ route('choose-address-business', ['order' => $_GET['order'] ?? '', 'section' => 'Company_formaction', 'step' => 'business-address']) }}" style="color: #ffffff;"> Business Address </a>
                                        </p>
                                    </div>

                                @else
                                    <div class="bottom-step-items">
                                        <img src="{{ asset('frontend/assets/images/inactive-tick.svg') }}" alt="">
                                        <p>Business Address</p>
                                    </div>

                                @endif

                                @php
                                    $appointment_step = App\Models\companyFormStep::where('order',$_GET['order'])->where('section','company_formation')->where('step','appointments')->first();
                                @endphp

                                @if ($appointment_step)
                                    <div class="bottom-step-items active">
                                        <img src="{{ asset('frontend/assets/images/active-tick.svg') }}" alt="">
                                        <p>
                                            <a href="{{ route('appointments', ['order' => $_GET['order'] ?? '', 'section' => 'Company_formaction', 'step' => 'appointments']) }}" style="color: #ffffff;"> Appointment </a>
                                        </p>
                                    </div>
                                @else
                                    <div class="bottom-step-items">
                                        <img src="{{ asset('frontend/assets/images/inactive-tick.svg') }}" alt="">
                                        <p>Appointment</p>
                                    </div>

                                @endif

                                @php
                                    $doc_step = App\Models\companyFormStep::where('order',$_GET['order'])->where('section','company_formation')->where('step','document')->first();
                                @endphp

                                @if ($doc_step)
                                    <div class="bottom-step-items active">
                                        <img src="{{ asset('frontend/assets/images/active-tick.svg') }}" alt="">
                                        <p>
                                            @if( !empty($companyFormationStep->step_name) )
                                                <a href="{{ route('companyname.document', ['order' => $_GET['order'] ?? '', 'section' => 'Company_formaction', 'step' => 'document']) }}" style="color: #ffffff;"> Document </a>
                                            @else
                                                Document
                                            @endif
                                        </p>
                                    </div>
                                @else
                                    <div class="bottom-step-items">
                                        <img src="{{ asset('frontend/assets/images/inactive-tick.svg') }}" alt="">
                                        <p>Document</p>
                                    </div>
                                @endif


                            </div>

                            {{-- Edit  form div --}}
                            <div class="customer-signup-s1">
                                <div class="form-wrap edit_from d-none">
                                    <div class="form-info-block">
                                        <h4>Business Address</h4>
                                        <h5 class="edit-add-ttl">Edit Address</h5>

                                        <form class="form-register">
                                            <fieldset class="border p-3">
                                                <input type="hidden" id="add_id" class="add_id" name="add_id"
                                                    value="{{ !empty($address) && $address['id'] !== '' ? $address['id'] : '' }}">

                                                <div class="form-row form-group ">
                                                    <label>Name / Number *:&nbsp;
                                                        </span>
                                                    </label>
                                                    <span class="input-wrapper">
                                                        <input type="text" id="house_no1" name="house_no"
                                                            value="{{ !empty($address) && $address['house_number'] !== '' ? $address['house_number'] : '' }}"
                                                            class="input-text form-control house_no blankCheck">
                                                        <div class="error d-none" style="color:red;">House number is
                                                            required.</div>
                                                    </span>
                                                </div>
                                                <div class="form-row form-group ">
                                                    <label for="billing_title">Street *:&nbsp;
                                                    </label>
                                                    <span class="input-wrapper">
                                                        <input type="text"
                                                            value="{{ !empty($address) && $address['street'] !== '' ? $address['street'] : '' }}"
                                                            name="street" id="street1"
                                                            class="input-text form-control steet_no blankCheck">
                                                        <div class="error d-none" style="color:red;">Street is required.
                                                        </div>
                                                    </span>

                                                </div>
                                                <div class="form-row form-group">
                                                    <label for="locality">Locality:
                                                    </label>
                                                    <span class="input-wrapper">
                                                        <input type="text"
                                                            value="{{ !empty($address) && $address['locality'] !== '' ? $address['locality'] : '' }}"
                                                            name="street" name="locality" id="locality1"
                                                            class="input-text form-control locality">
                                                    </span>

                                                </div>
                                                <div class="form-row form-group">
                                                    <label for="town">Town *:&nbsp;
                                                    </label>
                                                    <span class="input-wrapper">
                                                        <input type="text" name="town"
                                                            value="{{ !empty($address) && $address['town'] !== '' ? $address['town'] : '' }}"
                                                            id="town1"
                                                            class="input-text form-control town blankCheck">
                                                        <div class="error d-none" style="color:red;">Town is required.
                                                        </div>
                                                    </span>

                                                </div>
                                                <div class="form-row form-group">
                                                    <label for="county">County:&nbsp;
                                                    </label>
                                                    <span class="input-wrapper">
                                                        <input type="text" name="county"
                                                            value="{{ !empty($address) && $address['county'] !== '' ? $address['county'] : '' }}"
                                                            id="county1" class="input-text form-control county">
                                                    </span>

                                                </div>
                                                <div class="form-row form-group">
                                                    <label for="postcode">Post Code *:&nbsp;
                                                    </label>
                                                    <span class="input-wrapper">
                                                        <input type="text" id="post_code"
                                                            value="{{ !empty($address) && $address['post_code'] !== '' ? $address['post_code'] : '' }}"
                                                            name="post_code"
                                                            class="input-text form-control zip blankCheck">
                                                        <div class="error d-none" style="color:red;">Post Code is
                                                            required.</div>
                                                    </span>
                                                </div>
                                                <div class="form-row update_totals_on_change form-group">
                                                    <label for="billing_country">Country&nbsp;</label>
                                                    <span class="input-wrapper">
                                                        <select name="billing_country" id="billing_country"
                                                            name="billing_country"
                                                            class="contry country_to_state country_select form-control"
                                                            data-label="Country" autocomplete="country"
                                                            data-placeholder="Select a country / region…">
                                                            <option value="">Select a country / region…</option>
                                                            @foreach ($countries as $country)
                                                                <option value="{{ $country['id'] }}"
                                                                    {{ !empty($address) && $country['id'] == $address['billing_country'] ? 'selected' : '' }}>
                                                                    {{ $country['name'] }}</option>
                                                            @endforeach

                                                        </select>
                                                    </span>

                                                </div>

                                                <div class="step-btn-wrap mt-4" >
                                                    <button type="button" class="btn saveAddress">Save & Continue <img
                                                            src="{{ asset('frontend/assets/images/btn-right-arrow.png') }}"
                                                            alt=""></button>
                                                </div>
                                            </fieldset>
                                        </form>
                                    </div>
                                </div>
                                {{-- End Edit  form div --}}

                                {{-- <div class="form-wrap hideEdit d-none {{$forwardingAddVal !== null ? 'd-none' : ''}}"> --}}
                                <div class="form-wrap hideEdit d-none">
                                    <div class="form-info-block">
                                        <h4>Business Address</h4>
                                    </div>
                                    <div class="choose-own-address mb-2">
                                        <h3>Forwarding Address</h3>
                                        <h5>Tell us where to forward your mail to you, by entering your address below.</h5>
                                    </div>

                                    <div class="choose-own-address">
                                        <h3>Choose to use your own address</h3>
                                        <div class="src-are">
                                            <input type="text" placeholder="Address Search...." onkeyup="searchBar()"
                                                id="searchBar_id" class="form-control">
                                            @if (!empty($used_address))
                                                @foreach ($used_address as $key => $value)
                                                    <input type="text" class="form-control d-none addressSelect"
                                                        data-search="{{ $value->house_number }},{{ $value->street }},{{ $value->locality }},{{ $value->town }},{{ $value->county }},{{ $value->post_code }},{{ $value->billing_country }}"
                                                        data-id="{{ $value->id }}"
                                                        value="{{ $value->house_number }},{{ $value->street }},{{ $value->locality }},{{ $value->town }},{{ $value->county }},{{ $value->post_code }},{{ $value->billing_country }}"
                                                        onclick="selectedForwardAdd({{ $value->id }})" readonly>
                                                @endforeach
                                            @endif
                                        </div>
                                    </div>
                                    <div class="recently-used-addresses">
                                        <h4>Recently used Addresses</h4>
                                        <div class="row">
                                            @if (!empty($used_address))
                                                @foreach ($used_address as $key => $value)
                                                    <div class="col-md-6 col-sm-12">
                                                        <div class="used-addresses-panel">
                                                            <div class="text">
                                                                <p>{{ $value->house_number }},{{ $value->street }},{{ $value->locality }},{{ $value->town }},{{ $value->county }},{{ $value->post_code }},{{ $value->billing_country }}
                                                                </p>
                                                            </div>
                                                            <div class="btn-wrap">
                                                                <button type="submit" class="btn"
                                                                    onclick="editAddress('{{ $value->id }}')">Edit</button>
                                                                <input type="hidden" class="{{ $value->id }}_add_id"
                                                                    value="{{ $value->id }}">
                                                                <input type="hidden"
                                                                    class="{{ $value->id }}_add_house_number"
                                                                    value="{{ $value->house_number }}">
                                                                <input type="hidden"
                                                                    class="{{ $value->id }}_add_street"
                                                                    value="{{ $value->street }}">
                                                                <input type="hidden"
                                                                    class="{{ $value->id }}_add_locality"
                                                                    value="{{ $value->locality }}">
                                                                <input type="hidden"
                                                                    class="{{ $value->id }}_add_town"
                                                                    value="{{ $value->town }}">
                                                                <input type="hidden"
                                                                    class="{{ $value->id }}_user_county"
                                                                    value="{{ $value->county }}">
                                                                <input type="hidden"
                                                                    class="{{ $value->id }}_address_post_code"
                                                                    value="{{ $value->post_code }}">
                                                                <input type="hidden"
                                                                    class="{{ $value->id }}_address_billing_country"
                                                                    value="{{ $value->billing_country }}">

                                                                <button type="button" class="btn select-btn selc-addr"
                                                                    onclick="selectedForwardAdd('{{ $value->id }}')">Select</button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                @endforeach
                                            @endif
                                        </div>
                                    </div>
                                    <div class="new-address-block">
                                        <h3>Or enter a new Address</h3>
                                        <div class="new-address-field">
                                            <!-- <input type="text" placeholder="Address Search...." class="form-control"> -->
                                            <!-- <button type="submit" class="btn" onclick="addAddress()">Select</button> -->
                                            <button type="submit" class="btn" onclick="addAddress()">Add New
                                                Address</button>
                                        </div>
                                    </div>
                                    <div class="step-btn-wrap mt-4">
                                        <button class="btn prev-btn" onclick="cancelPage()">Cancel</button>
                                    </div>
                                </div>

                                <!-- ///////////////////////////////////////////////////d-none/////////////////////////////////////////////////////////// -->
                                <div class="sectiongap customer-signup-s1 addAddressForm d-none">
                                    <div class="container">
                                        <div class="sec-common-title-s2">
                                            <h1>Add New Address
                                            </h1>

                                        </div>
                                        <form action="{{ route('register-new-address') }}" method="POST"
                                            class="form-register register">
                                            @csrf

                                            <input type="hidden" name="main_order_id" value="{{$_GET['order'] ?? ''}}" readonly>
                                            <fieldset class="border p-3">
                                                <div class="row p-3" style="padding-top: 0 !important;">
                                                    <input type="hidden" id="bsnad" name="bsnad" value="bsnad">

                                                    <div class="form-row form-group">
                                                        <label>Post Code: </label>
                                                        <div class="input-wrapper with-rg-btn">
                                                            <input type="text" class="form-control"
                                                                id="post_code_for_search">
                                                            <button type="button" class="btn btn-primary"
                                                                id="findAddress">Find
                                                                Address</button>
                                                        </div>

                                                    </div>

                                                    <div class="form-row form-group ">
                                                        <label>House Name / Number: &nbsp;<abbr class="required"
                                                                title="required">*</abbr>
                                                        </label>
                                                        <span class="input-wrapper">
                                                            <input type="text" id="house_noNew" name="house_noNew"
                                                                class="input-text form-control @error('house_noNew') is-invalid @enderror blankCheckForNewEntry">
                                                            <div class="error d-none" style="color:red;">House number is
                                                                required.</div>
                                                        </span>

                                                    </div>
                                                    <div class="form-row form-group ">
                                                        <label for="billing_title">Street:&nbsp;<abbr class="required"
                                                                title="required">*</abbr>
                                                        </label>
                                                        <span class="input-wrapper">
                                                            <input type="text" name="streetNew" id="streetNew"
                                                                class="input-text form-control @error('streetNew') is-invalid @enderror blankCheckForNewEntry">
                                                            <div class="error d-none" style="color:red;">Street is
                                                                required.</div>
                                                        </span>

                                                    </div>

                                                    <div class="form-row col-md-12 form-group">
                                                        <label for="billing_first_name">Locality:
                                                        </label>
                                                        <span class="input-wrapper">
                                                            <input type="text" name="localityNew" id="localityNew"
                                                                class="input-text form-control">

                                                        </span>

                                                    </div>

                                                    <div class="form-row col-md-12 form-group">
                                                        <label for="billing_first_name">Town:&nbsp;<abbr class="required"
                                                                title="required">*</abbr>
                                                        </label>
                                                        <span class="input-wrapper">
                                                            <input type="text" name="townNew" id="townNew"
                                                                class="input-text form-control @error('townNew') is-invalid @enderror blankCheckForNewEntry">
                                                            <div class="error d-none" style="color:red;">Town is required.
                                                            </div>
                                                        </span>

                                                    </div>
                                                    <div class="form-row col-md-12 form-group">
                                                        <label for="billing_first_name">County:&nbsp;
                                                        </label>
                                                        <span class="input-wrapper">
                                                            <input type="text" name="countyNew" id="countyNew"
                                                                class="input-text form-control @error('countyNew') is-invalid @enderror">
                                                        </span>

                                                    </div>
                                                    <div class="form-row col-md-12 form-group">
                                                        <label for="billing_first_name">Post Code:&nbsp;<abbr
                                                                class="required" title="required">*</abbr>
                                                        </label>

                                                        <span class="input-wrapper">
                                                            <input type="text" name="post_codeNew" id="zip_code"
                                                                class="input-text form-control @error('post_codeNew') is-invalid @enderror blankCheckForNewEntry">
                                                            <div class="error d-none" style="color:red;">Post Code is
                                                                required.</div>
                                                        </span>

                                                    </div>
                                                    <div
                                                        class="form-row update_totals_on_change col-md-12 col-12 form-group">
                                                        <label for="billing_country">Country&nbsp;<abbr class="required"
                                                                title="required">*</abbr></label>
                                                        <span class="input-wrapper">

                                                            <select id="billing_countryNew" name="billing_countryNew"
                                                                class="  @error('billing_countryNew') is-invalid @enderror country_to_state country_select form-control"
                                                                data-label="Country" autocomplete="country"
                                                                data-placeholder="Select a country / region…">
                                                                <option value="">Select a country / region…</option>
                                                                <option value="236" selected>United Kingdom</option>
                                                                @foreach ($countries as $country)
                                                                    <option value="{{ $country['id'] }}">
                                                                        {{ $country['name'] }}</option>
                                                                @endforeach
                                                            </select>
                                                            @error('billing_countryNew')
                                                                <div class="error" style="color:red;">{{ $message }}
                                                                </div>
                                                            @enderror
                                                        </span>

                                                    </div>


                                                </div>
                                            </fieldset>
                                            <div class="mb-3">
                                                <button type="button" onClick="AddMoreAddSave(this)"
                                                    class="btn btn-primary">Submit</button>
                                                <!-- <button type="submit" onClick="this.form.submit(); this.disabled=true; this.innerText='Hold on...';" class="btn btn-primary">Submit</button> -->
                                            </div>
                                            <div class="step-btn-wrap mt-4">
                                                <button class="btn prev-btn" onclick="cancelPage()">Cancel</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>

                                <!-- ////////////////////////////////////////////d-none////////////////////////////////////////////////////////////////////// -->
                                {{-- End Edit  form div --}}
                                {{-- <div class="form-wrap buyNowAfterSelectingAdd {{$forwardingAddVal !== null ? '' : 'd-none'}}"> --}}
                                <div class="form-wrap buyNowAfterSelectingAdd">
                                    <div class="form-info-block">
                                        <h4>Business Address</h4>
                                        <div class="loader" style="display:none"></div>
                                        <div class="desc mb-3 ">
                                            <div class="icon">
                                                <img src="{{ asset('frontend/assets/images/form-icon.png') }}"
                                                    alt="">
                                            </div>
                                            <div class="text">
                                                <h5>Business Address Service (optional)</h5>
                                                <ul>
                                                    <li>A business address service provides a trading / business address for your company, and this is the address which is displayed at the top of your letterheads and stationery as your business location.</li>
                                                    <li>If you choose to purchase this service, we will forward all business correspondence (non-government mail) to a forwarding address of your choosing.</li>
                                                    <li>This service does not include a registered office service, which should be purchased separately.</li>
                                                    <li><b>You are not required to provide a business address to form a company, however, you may wish to use our Covent Garden, WC2 address to enhance your corporate image and provide privacy for your home address.</b></li>

                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                                                     @if ( stripos($package_type, 'Eseller') !== false)
                                 <div class="error d-none address_selection_cl" style="color:red;">Please Choose a Forwarding Address.</div>
                                 @endif
                                    <div class="office-address ">
                                        <div class="top-block">
                                            <h3>{{$purchase_address->title}}
                                                @if (business_address_included(request()->order))
                                                (Included)
                                                 @endif

                                            </h3>
                                            <div class="price-block">
                                                <strong>£{{$purchase_address->price}}</strong>
                                                <p>Reserved annually at £{{$purchase_address->price}}</p>
                                                <input type="hidden" value="{{$purchase_address->price}}" id="business_office_price">
                                            </div>
                                        </div>
                                        <div class="desc">
                                            <div class="tham-img">
                                                <img src="{{  @$purchase_address->getFirstMediaUrl('manage_address_images')}}"
                                                    alt="">
                                                <div class="tham-info">
                                                    <strong>London:</strong>
                                                    <p>{{construct_address($purchase_address->toArray())}}</p>
                                                </div>
                                            </div>
                                            <div class="text-block">
                                                <h3>Protect the privacy of your home address</h3>
                                                <p>{{$purchase_address->description}}</p>
                                                <div class="location-block">
                                                    <div class="addr">
                                                        <strong>London: </strong>
                                                    </div>
                                                    <div class="info">
                                                        <p>{{construct_address($purchase_address->toArray())}}</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="btn-block">
                                            <button class="btn" onclick="DetailsSection()">Details</button>
                                            @if ($forwardingAddVal !== null)
                                            @if ( stripos($package_type, 'Eseller') === false)
                                            <button class="btn buy-now-btn" onclick="gotoPage()">Remove</button>
                                            @endif
                                            <input type="hidden" id="takingBusiness" value="yes">
                                            @else
                                            @if (business_address_included(request()->order))
                                            <button class="btn buy-now-btn" onclick="anotherForwardingAdd()">Choose Forwarding address</button>
                                            <input type="hidden" id="takingBusiness" value="no">
                                            @else
                                            <button class="btn buy-now-btn" onclick="anotherForwardingAdd()">Buy
                                                Now</button>
                                            <input type="hidden" id="takingBusiness" value="no">
                                            @endif

                                            @endif
                                        </div>
                                        <div class="details-desc d-none" id="DetailsSection_div">
                                            <h3>Why would I use your WC2 London Business Address Services?</h3>
                                            <div class="row">
                                                <div class="col-md-6 col-sm-12">
                                                    <div class="details-text">
                                                        <h4>Improve your corporate image</h4>
                                                        <p>A professional business address located in the heart of London
                                                            can provide a number of benefits for your business - boosting
                                                            your corporate image and extending your company’s presence.</p>
                                                        <p>You can use our address as your company’s primary correspondence
                                                            address, and we will forward all your business mail to an
                                                            alternative address of your choosing, on a daily basis.</p>
                                                        <p>This service is renewable on a 12 monthly basis at the cost of
                                                            £96.00+vat</p>
                                                    </div>
                                                </div>
                                                <div class="col-md-6 col-sm-12">
                                                    <div class="details-text">
                                                        <h4>Benefits of our Business Address Services</h4>
                                                        <ul>
                                                            <li>Creates a professional, corporate image.</li>
                                                            <li>Gives the impression of a large, established business.</li>
                                                            <li>Provides an alternate contact address from your registered
                                                                office or home address that is exclusively used for
                                                                corresponding with clients, suppliers, investors and other
                                                                third parties.</li>
                                                            <li>Non-statutory general business mail is delivered to our
                                                                London address and forwarded to an alternate address of your
                                                                choice two times per week.</li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <div class="col-md-12 col-sm-12">
                                                    <div class="details-text">
                                                        <p><strong>Please note:</strong> This service does not include a
                                                            registered office service, which should be purchased separately.
                                                            All general business mail will be handled by us and forwarded to
                                                            your UK or overseas address at the cost of Royal Mail postal
                                                            rates plus 15%.</p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="step-btn-wrap mt-4" style="justify-content: space-between">
                                        <button class="btn prev-btn" onclick="previousRegisterpage()"><img
                                                src="{{ asset('frontend/assets/images/btn-left-arrow.png') }}"
                                                alt=""> Previous: Registered Address</button>
                                        <button class="btn" onclick="go_to_the_next_page()">Save & Continue <img
                                                src="{{ asset('frontend/assets/images/btn-right-arrow.png') }}"
                                                alt=""></button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <input type="hidden" name="shoppingCartId" value="{{ $cartInfoId }}" id="shoppingCartId_id">
            <input type="hidden" name="package_type" id="package_type" value="{{ $package_type }}">
    </section>
    <!-- ================ end: Particulars sec ================ -->

    <!--For Find Postal Code Address Api Modal Popup-->
    <div class="modal" id="exampleModalCenterAddress" tabindex="-1" role="dialog"
        aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
        <div class="modal-dialog modal-dialog-scrollable" role="document">
            <div class="modal-content border-0">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLongTitle">Choose your address</h5>
                    <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close">X</button>
                </div>
                <div class="modal-body">
                    <div id="post_address_blk">
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <script>
        function DetailsSection() {
            $('#DetailsSection_div').toggleClass('d-none')
        }

        function previousRegisterpage() {
            window.location.href = "{!! route('registered-address', ['order' => $_GET['order'] ?? '', 'section' => 'Company_formaction', 'step' => 'register-address', 'data' => 'previous']) !!}"
        }

        const searchBar = function() {
            const searchBarVal = $('#searchBar_id').val();

            const addVals = document.querySelectorAll('.addressSelect')
            const addValsArr = [...addVals];

            addValsArr.forEach(el => {
                addData = el.dataset.search;

                if (addData.startsWith(searchBarVal)) {
                    el.classList.remove('d-none');
                } else {
                    el.classList.add('d-none');
                }
            })

            if (searchBarVal === '') {
                addValsArr.forEach(el => {
                    el.classList.add('d-none');
                })
            }
        }

        const cancelPage = function() {
            window.location.reload()
        }

        const AddMoreAddSave = function(ths) {
            const requiredFields = document.querySelectorAll('.blankCheckForNewEntry');
            const requiredFieldsArr = [...requiredFields];

            let validation = 0;
            requiredFieldsArr.forEach(el => {
                if (el.value === '') {
                    el.classList.add('validation');
                    el.nextElementSibling.classList.remove('d-none');
                    return validation++;
                } else {
                    el.classList.remove('validation');
                    el.nextElementSibling.classList.add('d-none');
                }
            });


            if (validation === 0) {
                ths.form.submit();
                ths.disabled = true;
                ths.innerText = 'Hold on...';
            }
        }

        function anotherForwardingAdd() {
            $(".buyNowAfterSelectingAdd").hide();
            $('.hideEdit').removeClass('d-none');
        }

        function gotoPage() {

            $.ajax({
                url: "{!! route('remove-forwarding-business-address-section') !!}",
                type: 'get',
                data: {
                    order_id : {{$_GET['order']}},
                },
                success: function(result) {
                    setTimeout(function() {
                        $('.selc-addr').text('Select');
                    }, 2000);
                    window.location.href = "{{ route('choose-address-business', ['order' => $_GET['order'] ?? '', 'section' => 'Company_formaction', 'step' => 'business-address']) }}"
                }
            });
        };

        function go_to_the_next_page() {
            if ($('#takingBusiness').val() != 'yes' && ( $("#package_type").val()=='Eseller') ) {
                $('.own-address').addClass('validation')
                $('.address_selection_cl').removeClass('d-none')

                return false;
            }
            if ($('#takingBusiness').val() == 'yes') {
                const price = $('#business_office_price').val();
                const shoppingCartId_id = $('#shoppingCartId_id').val();

                $.ajax({
                    url: "{!! route('save_company_in_shopping_cart_business') !!}",
                    type: "POST",
                    data: {
                        "_token": "{{ csrf_token() }}",
                        price,
                        shoppingCartId_id
                    },
                    success: function(response) {
                        $order_id = {{$_GET['order']}};

                        console.log('Under Save Success',$order_id);
                        $.ajax({
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        url : "{{ url('buisness-address-step') }}",
                        data : {
                            'order_id': $order_id
                        },
                        type : 'POST',
                        dataType : 'json',
                        success : function(result){


                            window.location.href = "{{ route('appointments', ['order' => $_GET['order'] ?? '', 'section' => 'Company_formaction', 'step' => 'appointments']) }}"

                                }
                        });
                    },
                });
            } else {
                $order_id = {{$_GET['order']}};

                console.log('Under Save Success',$order_id);
                $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url : "{{ url('buisness-address-step') }}",
                data : {
                    'order_id': $order_id
                },
                type : 'POST',
                dataType : 'json',
                success : function(result){


                    window.location.href = "{{ route('appointments', ['order' => $_GET['order'] ?? '', 'section' => 'Company_formaction', 'step' => 'appointments']) }}"

                        }
                });

            }

        };

        function selectedForwardAdd(id) {

            $.ajax({
                url: "{!! route('update-forwarding-business-office-address') !!}",
                type: 'get',
                data: {
                    id:id,
                    address_price:$('#business_office_price').val(),
                    order_id : {{$_GET['order']}},
                },
                success: function(result) {
                    console.log(result);
                    setTimeout(function() {
                        $('.selc-addr').text('Select');
                    }, 2000);
                    window.location.reload()
                }
            });

            // $(".hideEdit").hide();
            // $('.buyNowAfterSelectingAdd').removeClass('d-none');

            // const house_number = $(`.${id}_add_house_number`).val();
            // const add_street = $(`.${id}_add_street`).val();
            // const add_locality = $(`.${id}_add_locality`).val();
            // const add_town = $(`.${id}_add_town`).val();
            // const user_county = $(`.${id}_user_county`).val();
            // const address_post_code = $(`.${id}_address_post_code`).val();
            // const address_billing_country = $(`.${id}_address_billing_country`).val();

            // document.getElementById("forwarding_house_number").textContent = `${house_number}`;
            // document.getElementById("forwading_street").textContent = `${add_street}`;
            // document.getElementById("forwading_locality").textContent = `${add_locality}`;
            // document.getElementById("forwading_town").textContent = `${add_town}`;
            // document.getElementById("forwading_county").textContent = `${user_county}`;
            // document.getElementById("forwading_post_code").textContent = `${address_post_code}`;
            // // document.getElementById("forwading_billing_country").textContent = `${address_billing_country}`;

            // $(`#forwading_add_id`).val(id);
            // $(`#forwading_house_no1`).val(house_number);
            // $(`#forwading_street1`).val(add_street);
            // $(`#forwading_locality1`).val(add_locality);
            // $(`#forwading_town1`).val(add_town);
            // $(`#forwading_county1`).val(user_county);
            // $(`#forwading_post_code`).val(address_post_code);
            // $(`#forwading_billing_country`).val(address_billing_country);

            // $(`#add_id`).val(id);
            // $(`#house_no1`).val(house_number);
            // $(`#street1`).val(add_street);
            // $(`#locality1`).val(add_locality);
            // $(`#town1`).val(add_town);
            // $(`#county1`).val(user_county);
            // $(`#post_code`).val(address_post_code);

            // document.getElementById("billing_country").value = `${address_billing_country}`;
        }

        $('.edit-addr').click(function() {
            $(".buyNowAfterSelectingAdd").hide();
            $('.edit_from').removeClass('d-none');
        });

        function editAddress(id) {
            $(".hideEdit").hide();
            $('.edit_from').removeClass('d-none');

            const house_number = $(`.${id}_add_house_number`).val();
            const add_street = $(`.${id}_add_street`).val();
            const add_locality = $(`.${id}_add_locality`).val();
            const add_town = $(`.${id}_add_town`).val();
            const user_county = $(`.${id}_user_county`).val();
            const address_post_code = $(`.${id}_address_post_code`).val();
            const address_billing_country = $(`.${id}_address_billing_country`).val();

            $(`#add_id`).val(id);
            $(`#house_no1`).val(house_number);
            $(`#street1`).val(add_street);
            $(`#locality1`).val(add_locality);
            $(`#town1`).val(add_town);
            $(`#county1`).val(user_county);
            $(`#post_code`).val(address_post_code);

            document.getElementById("billing_country").value = `${address_billing_country}`;
        }

        function addAddress() {
            $(".hideEdit").hide();
            $('.addAddressForm').removeClass('d-none');
        }

        // function setAddress(a, b) {
        //     alert(a + '' + b);
        // }

        function setAddress(userId, addressId) {
            var url = "{{ route('registered-address', ['order' => $_GET['order'] ?? '', 'section' => 'Company_formaction', 'step' => 'registered-address']) }}";


            $(this).text('please wait..');
            $.ajax({
                url: "{!! route('update-address') !!}",
                type: 'GET',
                data: {
                    user_id: userId,
                    address_id: addressId
                },
                success: function(result) {
                    setTimeout(function() {
                        $('.selc-addr').text('Select');
                    }, 2000);

                    location.href = url;
                }
            });

        }

        $('.saveAddress').click(function() {
            var id = $('#add_id').val();
            var number = $('#house_no1').val();
            var steet = $('#street1').val();
            var locality = $('#locality1').val();
            var town = $('#town1').val();
            var county = $('#county1').val();
            var postcode = $('#post_code').val();
            var contry = $('#billing_country').val();

            if (county == undefined) {
                county = "";
            }

            const requiredFields = document.querySelectorAll('.blankCheck');
            const requiredFieldsArr = [...requiredFields];

            let validation = 0;
            requiredFieldsArr.forEach(el => {
                if (el.value === '') {
                    el.classList.add('validation');
                    el.nextElementSibling.classList.remove('d-none');
                    return validation++;
                } else {
                    el.classList.remove('validation');
                    el.nextElementSibling.classList.add('d-none');
                }
            });

            if (validation === 0) {
                $.ajax({
                    url: "{!! route('selected-address-save') !!}",
                    type: 'POST',
                    data: {
                        "_token": "{{ csrf_token() }}",
                        id,
                        number,
                        steet,
                        locality,
                        town,
                        county,
                        postcode,
                        contry,
                    },
                    success: function(result) {
                        location.reload(true);
                    }
                });
            }

            // if (number != undefined && steet != undefined && locality != undefined && town != undefined && postcode != undefined && contry != undefined) {
            //     //
            //     $.ajax({
            //         url: "{!! route('selected-address-save') !!}",
            //         type: 'POST',
            //         data: {
            //             "_token": "{{ csrf_token() }}",
            //             id,
            //             number,
            //             steet,
            //             locality,
            //             town,
            //             county,
            //             postcode,
            //             contry,
            //         },
            //         success: function(result) {
            //             location.reload(true);
            //         }
            //     });
            // }
        })

        $('#findAddress').click(function() {
            var error = false;
            var post_code = $("#post_code_for_search").val();

            if (post_code != "") {
                $("#zip_code").val(post_code);
                error = false;

            } else {
                alert('Please enter post code');
                error = true;
            }
            if (error == false) {
                $('#findAddress').html('Please Wait...');
                $.ajax({
                    url: "{!! route('find-address') !!}",
                    type: 'GET',
                    data: {
                        post_code: post_code
                    },
                    success: function(result) {
                        $('#findAddress').html('Find Address');
                        $("#exampleModalCenterAddress").show();
                        $("#post_address_blk").html(result);
                    }
                });
            }
        });

        $(".btn-close").click(function() {
            $("#exampleModalCenterAddress").hide();
        })

        function selectPostalAddrApp(val) {
            var value = val.split(',');
            $("#house_noNew").val(value[0]);
            $("#streetNew").val(value[1]);
            $("#townNew").val(value[2]);
            $("#countyNew").val(value[3]);
            $("#exampleModalCenterAddress").hide();
        }
    </script>
@endsection