@extends('layouts.app')
@section('content')

<!-- ================ 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="{{ url('')}}">Home</a></li>
                <li><a>My Details</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: customer_login ================ -->
<section class="sectiongap legal rrr fix-container-width ">
    <div class="container">
        @if (session()->has('message'))
            <div class="alert alert-success">{{ session()->get('message') }}</div>
        @endif
        @if (session()->has('error'))
            <div class="alert alert-danger">{{ session()->get('error') }}</div>
        @endif
        <div class="woocommerce">
            <div class="row woo-account">
                @include('layouts.navbar')
                <div class="col-12 col-md-12">
                    <div class="sec-common-title-s2 mt-4">
                        <h1>My Details</h1>
                    </div>
                </div>
                <div class="col-12 col-md-12">
                    <div class="customer-signup-s1">
                        <form method="post" action="{{ route('my-details-save')}}" class="form-register register">
                            @csrf
                            <fieldset class="border p-3">
                                <legend class="float-none w-auto p-2">Account Holder</legend>
                                <div class="form-row form-group ">
                                    <label for="username">Organisation
                                    </label>
                                    <span class="input-wrapper">
                                        <input type="text" class="input-text form-control @error('organisation') is-invalid @enderror" name="organisation" value="{{ $user->organisation }}">
                                    </span>
                                </div>
                                <div class="form-row form-group ">
                                    <label>Title:&nbsp;<abbr class="required" title="required">*</abbr></label>
                                    <span class="input-wrapper ">
                                        <select class="select form-control @error('title') is-invalid @enderror" name="title" data-placeholder="Please select...">
                                            <option value="">Please select...</option>
                                            <option value="Mr" @if($user->title == "Mr") selected @endif>Mr</option>
                                            <option value="Mrs" @if($user->title == "Mrs") selected @endif>Mrs</option>
                                            <option value="Miss" @if($user->title == "Miss") selected @endif>Miss</option>
                                            <option value="Sir" @if($user->title == "Sir") selected @endif>Sir</option>
                                            <option value="Ms" @if($user->title == "Ms") selected @endif>Ms</option>
                                            <option value="Dr" @if($user->title == "Dr") selected @endif>Dr</option>
                                            <option value="Madam" @if($user->title == "Madam") selected @endif>Madam</option>
                                            <option value="Ma'am" @if($user->title == "Ma'am") selected @endif>Ma'am</option>
                                            <option value="Lord" @if($user->title == "Lord") selected @endif>Lord</option>
                                            <option value="Lady" @if($user->title == "Lady") selected @endif>Lady</option>
                                        </select>
                                    </span>
                                </div>

                                <div class="form-row form-group ">
                                    <label>Firstname:&nbsp;<abbr class="required" title="required">*</abbr></label>
                                    <span class="input-wrapper ">
                                        <input class="form-control @error('forename') is-invalid @enderror" type="text" name="forename" value="{{ $user->forename}}">
                                    </span>
                                </div>


                                <div class="form-row form-group ">
                                    <label>Lastname:&nbsp;<abbr class="required" title="required">*</abbr></label>
                                    <span class="input-wrapper ">
                                        <input class="form-control @error('surname') is-invalid @enderror" type="text" name="surname" value="{{$user->surname}}">
                                    </span>
                                </div>


                                <div class="form-row form-group ">
                                    <label>Username:&nbsp;<abbr class="required" title="required">*</abbr></label>
                                    <span class="input-wrapper ">
                                        <input class="form-control @error('email') is-invalid @enderror" type="email" name="email" value="{{$user->email}}">
                                    </span>
                                </div>


                                <div class="form-row form-group ">
                                    <label>New Password:&nbsp;</label>
                                    <span class="input-wrapper ">
                                        <input class="form-control" type="password" name="password" placeholder="Optional">
                                        @error('password')
                                            <div class="error" style="color:red;">{{ $message }}</div>
                                        @enderror
                                    </span>
                                </div>



                                <div class="form-row form-group ">
                                    <label>Confirm Password:&nbsp;</label>
                                    <span class="input-wrapper ">
                                        <div class="custom-input-with-right-icon">
                                            <div class="input-box">
                                                <input class="form-control" type="password" name="confirm_password" placeholder="Optional">
                                            </div>
                                        </div>
                                        @error('confirm_password')
                                            <div class="error" style="color:red;">{{ $message }}</div>
                                        @enderror
                                    </span>
                                </div>
                            </fieldset>
                            <fieldset class="border p-3">
                                <legend class="float-none w-auto p-2">Contact Addresses</legend>
                                <div class="p-3" style="padding-top: 0 !important;">
                                    <div class="form-row form-group" id="contactgrp">
                                        <table class="efPostalAddresses efTableCondensed">
                                            <tbody>
                                                <tr>
                                                    <th style="vertical-align:top" class="th-label">
                                                        <label>Primary <span class="required_mark">*</span></label>
                                                    </th>
                                                    <td class="td-value-td">
                                                        <div class="td-value-inner">
                                                            <span class="efTextInput address bill-addr text-container" id="primaryPostalAddress" name="primaryPostalAddress" data-email-address="PRIMARY">

                                                                @foreach($primary_address as $key => $value)


                                                                <p>@if($value['house_number']){{ $value['house_number']}},@endif @if($value['street']){{$value['street']}},@endif  @if($value['locality']){{$value['locality']}}, @endif @if($value['town']){{ $value['town']}}, @endif  @if($value['county']){{ $value['county']}} @endif</p>
                                                                <p>{{ $value['country_name']}},{{ $value['post_code']}}</p>

                                                                @endforeach
                                                            </span>
                                                            <div class="action-container">
                                                                <button type="button" id="choosePrimaryAddress"  class="efButton efEditButton ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only theme-btn-primary-force" id="openModalButton" role="button" aria-disabled="false" fdprocessedid="4xigk"><span class="ui-button-text"> Choose Another</span></button>
                                                                <button type="button" id="editPrimaryAddress" class="efButton efEditButton ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only theme-btn-primary-force"  role="button" aria-disabled="false" fdprocessedid="ruzkzh"><span class="ui-button-text"> Edit</span></button>
                                                            </div>
                                                        </div>
                                                    </td>
                                                </tr>

                                                @if($billing_address)
                                                <tr>
                                                    <th style="vertical-align:top" class="th-label">
                                                        <label>Billing <span class="required_mark">*</span></label>
                                                    </th>
                                                    <td class="td-value-td">
                                                        <div class="td-value-inner">
                                                            <span class="efTextInput address bill-addr text-container" id="primaryPostalAddress" name="primaryPostalAddress" data-email-address="PRIMARY">
                                                                @foreach($billing_address as $key => $value)

                                                                <p>@if($value['house_number']){{ $value['house_number']}},@endif @if($value['street']){{$value['street']}},@endif  @if($value['locality']){{$value['locality']}}, @endif @if($value['town']){{ $value['town']}}, @endif  @if($value['county']){{ $value['county']}} @endif</p>
                                                                <p>{{ $value['country_name']}},{{ $value['post_code']}}</p>

                                                                @endforeach
                                                            </span>
                                                            <div class="action-container">
                                                                <button type="button" class="efButton efEditButton ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only theme-btn-primary-force" id="openBIllingModalButton"  role="button" aria-disabled="false" fdprocessedid="4xigk"><span class="ui-button-text"> Choose Another</span></button>
                                                                <button type="button"  class="efButton efEditButton ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only theme-btn-primary-force editBillingAddress" id="edit-bill-addr" role="button" aria-disabled="false" fdprocessedid="ruzkzh"><span class="ui-button-text"> Edit</span></button>
                                                            </div>
                                                        </div>
                                                    </td>
                                                </tr>
                                                @endif
                                            </tbody>
                                        </table>
                                        <div class="loader" style="display:none"></div>

                                    </div>
                                </div>
                            </fieldset>



                            <fieldset class="border p-3">
                                <legend class="float-none w-auto p-2">Email Addresses
                                </legend>
                                <div class="form-row form-group ">
                                    <label for="username">Primary&nbsp;<abbr class="required" title="required">*</abbr></label>
                                    <span class="input-wrapper">
                                        <input type="email" name="primary_email" value="{{$user->primary_email}}" id="primary_email" class=" form-control @error('primary_email') is-invalid @enderror">
                                        <div class="email_err1" style="color:red;"></div>
                                        @error('primary_email')
                                            <div class="error" style="color:red;">{{ $message }}</div>
                                        @enderror
                                    </span>
                                </div>


                                <div class="form-row form-group ">
                                    <label>Billing&nbsp;<abbr class="required" title="required">*</abbr></label>
                                    <span class="input-wrapper ">
                                        <input class="form-control @error('billing_email') is-invalid @enderror" type="email" id="email_id" name="billing_email" value="{{$user->business_email}}">
                                        <div class="email_err" style="color:red;"></div>
                                        @error('billing_email')
                                            <div class="error" style="color:red;">{{ $message }}</div>
                                        @enderror
                                    </span>
                                </div>

                            </fieldset>
                            <fieldset class="border p-3">
                                <legend class="float-none w-auto p-2">Phone Numbers</legend>
                                <div class="form-row form-group ">
                                    <label for="username">Primary&nbsp;</label>
                                    <span class="input-wrapper">
                                        <input type="number" class="numberonly form-control" name="phone" value="{{ $user->phone_no}}" required>
                                    </span>
                                </div>


                                <div class="form-row form-group ">
                                    <label>Billing&nbsp;</label>
                                    <span class="input-wrapper ">
                                        <input type="number" class="numberonly1 form-control" name="billing_phone" value="{{ $user->business_phone}}">
                                    </span>
                                </div>

                            </fieldset>
                            <fieldset class="border p-3">
                                <legend class="float-none w-auto p-2">Notifications
                                </legend>
                                <div class=" px-0 col-md-12 col-12 mb-2">
                                    <div class="px-0 form-check"><input class="" id="chek1" name="newsletter" type="checkbox" value="1" {{ $user->newsletter =="1" ? 'checked' : '' }}>
                                        <b class="mr-2">Newsletter</b>
                                        <label for="chek1"> I would like to sign up to the newsletter distribution list
                                        </label>
                                    </div>
                                </div>
                                <div class=" px-0 col-md-12 col-12 mb-2">
                                    <div class="px-0 form-check"><input class="" id="chek2" name="confirmation_statements" value="1"  type="checkbox" {{ $user->confirmation_statements =="1" ? 'checked' : '' }}>
                                        <b class="mr-2">Confirmation Statement</b>
                                        <label for="chek2"> I would like to receive updates on the confirmation statement</label>
                                    </div>
                                </div>
                                <div class=" px-0 col-md-12 col-12">
                                    <div class="px-0 form-check"><input class="" id="chek3" name="accounts" type="checkbox" value="1" {{ $user->accounts =="1" ? 'checked' : '' }}>
                                        <b class="mr-2">Accounts</b>
                                        <label for="chek3"> I would like to receive updates on my accounts
                                        </label>
                                    </div>
                                </div>
                            </fieldset>


                            <div class="mb-3">
                                <button type="submit" class="btn btn-primary update-btn">Update Details</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ================ end: customer_login ================ -->
<div class="modal custom-modal-s1" id="choosePrimaryAddressModal" 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 Address</h5>
                <button type="button" class="btn-close"  data-dismiss="modal" aria-label="Close">X</button>
            </div>
            <div class="modal-body">
                <div class="choose_addr">
                    <h3>Recently Used Addresses</h3>
                    <div class="current_address_grp">
                        @foreach($primary_address_list as $key => $value)
                        <div class="addr_wrap">
                            <p>@if($value['house_number']) {{ $value['house_number']}},@endif @if($value['street']) {{$value['street']}}, @endif @if($value['locality']) {{$value['locality']}}, @endif @if($value['town']) {{ $value['town']}}, @endif {{ $value['county']}}</p>
                            <p>{{ $value['country_name']}},{{ $value['post_code']}}</p>
                        </div>
                        <div class="button_select">
                            <button class="btn btn-primary" data-dismiss="modal" onclick="setAddress({{$value['user_id']}},{{$value['id']}},'primary_address')" type="button">Select</button>
                        </div>
                        @endforeach
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary addNewAddress" data-dismiss="modal">Add new address</button>
              </div>
        </div>
    </div>
</div>

<div class="modal custom-modal-s1" id="BIllingAddressModal" 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 Address</h5>
                <button type="button" class="btn-close"  data-dismiss="modal" aria-label="Close">X</button>
            </div>
            <div class="modal-body">
                <div class="choose_addr">
                    <h3>Recently Used Addresses</h3>
                    <div class="current_address_grp">
                        @foreach($billing_address_list as $key => $value)
                        <div class="addr_wrap">
                            <p>@if($value['house_number']) {{ $value['house_number']}}, @endif @if($value['street']) {{$value['street']}}, @endif @if($value['locality']) {{$value['locality']}}, @endif @if($value['town']) {{ $value['town']}}, @endif {{ $value['county']}}</p>
                            <p>{{ $value['country_name']}},{{ $value['post_code']}}</p>
                        </div>
                        <div class="button_select">
                            <input type="hidden" id="bil_house_number" value="{{ $value['house_number']}}">
                            <input type="hidden" id="bil_street" value="{{ $value['street']}}">
                            <input type="hidden" id="bil_locality" value="{{ $value['locality']}}">
                            <input type="hidden" id="bil_town" value="{{ $value['town']}}">
                            <input type="hidden" id="bil_county" value="{{ $value['county']}}">
                            <input type="hidden" id="bil_post_code" value="{{ $value['post_code']}}">
                            <input type="hidden" id="bil_country_name" value="{{ $value['country_name']}}">

                            <button class="btn btn-primary" data-dismiss="modal" onclick="setAddress({{$value['user_id']}},{{$value['id']}},'billing_address')" type="button">Select</button>
                        </div>
                        @endforeach
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary addbillAddress" data-dismiss="modal">Add new address</button>
              </div>
        </div>
    </div>
</div>
<!--For primary Address Modal Popup-->
<!-- Billing Address modal pop up -->
<div class="modal custom-modal-s1" id="chooseBIllingAddressModal" 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 Address</h5>
                <button type="button" class="btn-close"  data-dismiss="modal" aria-label="Close">X</button>
            </div>
            <div class="modal-body">
                <div>
                    <h3>Recently Used Addresses</h3>
                    <div>
                        @foreach($billing_address as $key => $value)

                            <p>{{$value['house_number'] }}, {{$value['street']}},{{$value['locality']}},{{ $value['town']}}, {{ $value['county']}}</p>
                            <p>{{ $value['country_name']}},{{ $value['post_code']}}</p>
                            <button class="btn btn-primary" data-dismiss="modal" type="button">Select</button>
                        @endforeach
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary addNewAddress" data-dismiss="modal">Add new address</button>
              </div>
        </div>
    </div>
</div>
{{-- edit billing address modal --}}
<div class="modal custom-modal-s1" id="editbillingAddressModal" 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">Confirmation required</h5>
                <button type="button" class="btn-close"  data-dismiss="modal" aria-label="Close">X</button>
            </div>
            <div class="modal-body">
                <div>
                    Are you sure you wish to edit this address?
                    Do not use this option if you wish to use a different address.
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary confirmShowbill" data-dismiss="modal">Confirm</button>
                <button type="button" class="btn btn-default btn-close" data-dismiss="modal">Cancel</button>
              </div>
        </div>
    </div>
</div>



<div class="modal custom-modal-s1" id="billingAddressConfirmModal" 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">Edit Address</h5>
                <button type="button" class="btn-close"  data-dismiss="modal" aria-label="Close">X</button>
            </div>
            <div class="modal-body">
                <form class="billingAddrUpdateForm formInput" id="frmBillId" >
                    <input type="hidden" name="user_id" class="user_id" value="{{ $user->id }}">

                    @foreach($billing_address as $key => $v)
                        <div class="form-row form-group ">
                            <label>Name / Number:
                                </span>
                            </label>
                            <span class="input-wrapper">
                                <input type="text" id="house_no1" name="house_no" class="input-text form-control house_no" value="{{ $v['house_number'] }}">
                            </span>
                        </div>
                        <div class="form-row form-group ">
                            <label for="billing_title">Street:
                            </label>
                            <span class="input-wrapper">
                                <input type="text" name="street" id="street1" class="input-text form-control steet_no @error('street') is-invalid @enderror" value="{{$v['street']}}">
                            </span>

                        </div>
                        <div class="form-row form-group">
                            <label for="locality">Locality:
                            </label>
                            <span class="input-wrapper">
                                <input type="text" name="locality" id="locality1" class="input-text form-control locality @error('locality') is-invalid @enderror" value="{{$v['locality']}}">
                            </span>

                        </div>
                        <div class="form-row form-group">
                            <label for="town">Town:
                            </label>
                            <span class="input-wrapper">
                                <input type="text" name="town" id="town1" class="input-text form-control town @error('town') is-invalid @enderror" value="{{$v['town']}}">
                            </span>

                        </div>
                        <div class="form-row form-group">
                            <label for="county">County:&nbsp;
                            </label>
                            <span class="input-wrapper">
                                <input type="text" name="county" id="county1" class="input-text form-control county @error('county') is-invalid @enderror" value="{{$v['county']}}">
                            </span>

                        </div>
                        <div class="form-row form-group">
                            <label for="billing_first_name">Post Code:&nbsp;
                            </label>
                            <span class="input-wrapper">
                                <input type="text" name="post_code" class="input-text form-control zip @error('post_code') is-invalid @enderror" value="{{$v['post_code']}}">
                            </span>
                        </div>
                        <div class="form-row update_totals_on_change form-group">
                            <label for="billing_country">Country:</label>
                            <span class="input-wrapper">
                                <select name="billing_country" id="billing_country" name="billing_country" class="contry  @error('billing_country') 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>

                                    @foreach ($countries as $country)
                                        <option value="{{$country->id}}" {{ ( $country->id == $v['billing_country']) ? 'selected' : '' }}>{{$country->name}}</option>
                                    @endforeach
                                </select>
                            </span>

                        </div>
                        <input type="hidden" class="address_type" name="address_type" value="billing_address">
                    @endforeach
                    <div class="modal-footer">
                        <button type="button" id="billing_submit" class="btn btn-primary primaryAddrSubmit" data-dismiss="modal">Submit Changes</button>
                    </div>
                </form>

            </div>

        </div>
    </div>
</div>
<!----- END ----->
<div class="modal custom-modal-s1" id="primaryAddressModal" 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">Confirmation required</h5>
                <button type="button" class="btn-close"  data-dismiss="modal" aria-label="Close">X</button>
            </div>
            <div class="modal-body">
                <div>
                    Are you sure you wish to edit this address?
                    Do not use this option if you wish to use a different address.
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary confirmShow" data-dismiss="modal">Confirm</button>
                <button type="button" class="btn btn-default btn-close" data-dismiss="modal">Cancel</button>
              </div>
        </div>
    </div>
</div>

<div class="modal custom-modal-s1" id="primaryAddressConfirmModal" 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">Edit Address</h5>
                <button type="button" class="btn-close"  data-dismiss="modal" aria-label="Close">X</button>
            </div>
            <div class="modal-body">
                <form class="primaryAddrUpdateForm formInput" id="primeinputs">
                    <input type="hidden" name="user_id" value="{{ $user->id }}" class="user_id">


                    @foreach($primary_address as $key => $v)



                        <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" class="input-text form-control house_no" value="{{$v['house_number']}}">
                            </span>
                        </div>
                        <div class="form-row form-group ">
                            <label for="billing_title">Street:&nbsp;
                            </label>
                            <span class="input-wrapper">
                                <input type="text" name="street" id="street1" class="input-text form-control steet_no" value="{{$v['street']}}">
                            </span>

                        </div>
                        <div class="form-row form-group">
                            <label for="locality">Locality:
                            </label>
                            <span class="input-wrapper">
                                <input type="text" name="locality" id="locality1" class="input-text form-control locality" value="{{$v['locality']}}">
                            </span>

                        </div>
                        <div class="form-row form-group">
                            <label for="town">Town:&nbsp;
                            </label>
                            <span class="input-wrapper">
                                <input type="text" name="town" id="town1" class="input-text form-control town" value="{{$v['town']}}">
                            </span>

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

                        </div>
                        <div class="form-row form-group">
                            <label for="postcode">Post Code:&nbsp;
                            </label>
                            <span class="input-wrapper">
                                <input type="text" name="post_code" class="input-text form-control zip" value="{{$v['post_code']}}">
                            </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}}" {{ ( $country->id == $v['billing_country']) ? 'selected' : '' }}>{{$country->name}}</option>
                                    @endforeach
                                </select>
                            </span>

                        </div>
                        <input type="hidden" class="address_type" name="address_type" value="primary_address">
                        <div class="modal-footer">
                            <button type="button" id="primary_submit" class="btn btn-primary billingAddrSubmit" data-dismiss="modal" onclick="editPrimaryAddressfn({{$v['addrees_id']}})">Submit Changes</button>
                        </div>
                    @endforeach
                </form>

            </div>

        </div>
    </div>
</div>

<div class="modal custom-modal-s1" id="addNewAddressModal" 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 Address</h5>
                <button type="button" class="btn-close"  data-dismiss="modal" aria-label="Close">X</button>
            </div>
            <div class="modal-body">
                <div class="p-3" style="padding-top: 0 !important;">
                    <div class="form-row form-group">
                        <label>Post Code:</label>
                        <div class="input-wrapper with-rg-btn">
                            <input type="text" class="form-control" name="post_code" id="post_code">
                            <button type="button" class="btn btn-primary" id="findAddress">Find
                                Address</button>
                        </div>
                        <p class="adderr text-danger"></p>
                    </div>
                <form class="billingAddrUpdateForm formInputModal" >
                    <div class="form-row form-group ">
                        <label>House Name / Number: &nbsp;<span class="optional">
                            </span>
                        </label>
                        <span class="input-wrapper">
                            <input type="text" id="house_no" name="house_no" class="input-text form-control house_no" value={{old('house_no')}}>
                        </span>
                    </div>
                    <div class="form-row form-group ">
                        <label for="billing_title">Street:&nbsp;
                        </label>
                        <span class="input-wrapper">
                            <input type="text" name="street" id="street" class="input-text form-control steet_no @error('street') is-invalid @enderror" value={{old('street')}}>
                        </span>
                        @error('street')
                            <div class="error" style="color:red;">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="form-row form-group">
                        <label for="locality">Locality:&nbsp;
                        </label>
                        <span class="input-wrapper">
                            <input type="text" name="locality" id="locality" class="input-text form-control locality @error('locality') is-invalid @enderror" value={{old('locality')}}>
                        </span>
                        @error('locality')
                            <div class="error" style="color:red;">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="form-row form-group">
                        <label for="town">Town:&nbsp;
                        </label>
                        <span class="input-wrapper">
                            <input type="text" name="town" id="town" class="input-text form-control town @error('town') is-invalid @enderror" value={{old('town')}}>
                        </span>
                        @error('town')
                            <div class="error" style="color:red;">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="form-row form-group">
                        <label for="county">County:&nbsp;
                        </label>
                        <span class="input-wrapper">
                            <input type="text" name="county" id="county" class="input-text form-control county @error('county') is-invalid @enderror" value="{{ old('county')}}">
                        </span>
                        @error('country')
                            <div class="error" style="color:red;">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="form-row form-group">
                        <label for="billing_first_name">Post Code:&nbsp;
                        </label>
                        <span class="input-wrapper">
                            <input type="text" name="post_code" id="zip" class="input-text form-control zip @error('post_code') is-invalid @enderror" value={{old('post_code')}}>
                        </span>
                        @error('post_code')
                            <div class="error" style="color:red;">{{ $message }}</div>
                        @enderror
                    </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  @error('billing_country') 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>
                        </span>
                        @error('billing_country')
                            <div class="error" style="color:red;">{{ $message }}</div>
                        @enderror
                    </div>
                    <input type="hidden" class="address_type" name="address_type" value="primary_address">
                    <input type="hidden" name="user_id" value="{{ $user->id }}" class="user_id">
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" id="saveAddr">Submit</button>
                      </div>
                </form>
            </div>

        </div>
    </div>
</div>


<!--For Find Postal Code Address Api Modal Popup-->
<div class="modal custom-modal-s1" 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 btn-address"  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>
    $(document).ready(function () {
        $('.numberonly').keypress(function (e) {
            var charCode = (e.which) ? e.which : event.keyCode
            if (String.fromCharCode(charCode).match(/[^0-9]/g))
                return false;
        });
        $('.numberonly1').keypress(function (e) {
            var charCode = (e.which) ? e.which : event.keyCode
            if (String.fromCharCode(charCode).match(/[^0-9]/g))
                return false;
        });

        $('#editPrimaryAddress').click(function(){
            $('#primaryAddressModal').modal('show');
        });

        $('.confirmShow').click(function(){
            $('#primaryAddressConfirmModal').modal('show');
        });
        // $('.primaryAddrSubmit').click(function(){

        //     var formdata = $(".primaryAddrUpdateForm").serialize();

        //     $.ajax({
        //         url: "{!! route('primary-address-save') !!}",
        //         type: 'POST',
        //         data: {
        //             "_token": "{{ csrf_token() }}",
        //             formdata: formdata
        //         },
        //         success: function(result) {
        //            $("#primaryAddressConfirmModal").modal('hide');
        //            $(window).load();

        //         }
        //     });
        // });

        $("#billing_submit").click(function() {

            $(".loader").show();
            // Validation
            $("#frmBillId").each(function() {
                var number   = $(this).find(".house_no").val();
                var steet    = $(this).find(".steet_no").val();
                var locality = $(this).find(".locality").val();
                var town     = $(this).find(".town").val();
                var county   = $(this).find(".county").val();
                if(county==undefined){
                    county = "";
                }
                var postcode = $(this).find(".zip").val();
                var contry   = $(this).find(".contry").val();
                var address_type = $(this).find(".address_type").val();
                var user_id   = $(this).find(".user_id").val();


                if(number!=undefined && steet!=undefined && locality!=undefined && town!=undefined  && postcode !=undefined && contry !=undefined && address_type!=undefined && user_id !=undefined){
                    //alert(number+"---"+address_type);
                    $.ajax({
                        url: "{!! route('billing-address-save') !!}",
                        type: 'POST',
                        data: {
                            "_token": "{{ csrf_token() }}",
                            number: number,
                            steet:steet,
                            locality:locality,
                            town:town,
                            county:county,
                            postcode:postcode,
                            contry:contry,
                            address_type:address_type,
                            user_id:user_id
                        },
                        success: function(result) {
                        $("#primaryAddressConfirmModal").modal('hide');
                        setTimeout(function () {
                            $(".loader").hide();
                            location.reload(true);
                        }, 2500);
                        }
                    });
                }

            });
        });



        $("#saveAddr").click(function() {
            $(".loader").show();
            // Validation
            $(".formInputModal").each(function() {
                var number   = $(this).find(".house_no").val();
                var steet    = $(this).find(".steet_no").val();
                var locality = $(this).find(".locality").val();
                var town     = $(this).find(".town").val();
                var county   = $(this).find(".county").val();
                if(county==undefined){
                    county ="";
                }

                var postcode = $(this).find(".zip").val();
                var contry   = $(this).find(".contry").val();
                var address_type = $(this).find(".address_type").val();
                var user_id   = $(this).find(".user_id").val();
                //alert(number+steet+locality+town+postcode+contry+address_type+user_id);
                if(number!=undefined && steet!=undefined && locality!=undefined && town!=undefined  && postcode !=undefined && contry !=undefined && address_type!=undefined && user_id !=undefined){
                    //alert(number+"---"+address_type);
                    $.ajax({
                        url: "{!! route('new-address-save') !!}",
                        type: 'POST',
                        data: {
                            "_token": "{{ csrf_token() }}",
                            number: number,
                            steet:steet,
                            locality:locality,
                            town:town,
                            county:county,
                            postcode:postcode,
                            contry:contry,
                            address_type:address_type,
                            user_id:user_id
                        },
                        success: function(result) {
                        $("#addNewAddressModal").modal('hide');
                        setTimeout(function () {
                            $(".loader").hide();
                            location.reload(true);
                        }, 2500);
                        }
                    });
                }

            });
        });

        $("#choosePrimaryAddress").click(function(){
            $('#choosePrimaryAddressModal').modal('show');
        });

        $("#openModalButton").click(function(){
            $('#chooseBillingAddressModal').modal('show');
        });
        $("#openBIllingModalButton").click(function(){
            $('#BIllingAddressModal').modal('show');
        });

        $(".addNewAddress").click(function(){
            $('.address_type').val('primary_address');
            $('#addNewAddressModal').modal('show');
        });
        $(".addbillAddress").click(function(){
            $('.address_type').val('billing_address');
            $('#addNewAddressModal').modal('show');
        });
        $(".editBillingAddress").click(function(){
            $('#editbillingAddressModal').modal('show');
        });

        $('.confirmShowbill').click(function(){
            $('#billingAddressConfirmModal').modal('show');
        });

        $('#findAddress').click(function(){
            var post_code = $("#post_code").val();
            if(post_code==""){
                $('.adderr').html('Please enter zipcode');
                return false ;
            }else{
                $('#zip').val(post_code);
                $('.adderr').html('');
            }
            $('#findAddress').html('Please Wait...');
            $.ajax({
                url: "{!! route('find-address') !!}",
                type: 'GET',
                data: {
                    post_code: post_code
                },
                success: function(result) {
                    console.log('result',result);
                    if(result!=''){
                        $("#exampleModalCenterAddress").show();
                        $("#post_address_blk").html(result);
                        $('#findAddress').html('Find Address');

                    }else{
                        alert('No Record Found! Choose another.');
                        $('#findAddress').html('Find Address');

                    }

                },
                error: function(){
                    alert('No Record Found! Choose another.');
                        $('#findAddress').html('Find Address');
                }
            });
        });



    });


    function editPrimaryAddressfn(address_id){
            $(".loader").show();
            // Validation
            $("#primeinputs").each(function() {
                var number   = $(this).find(".house_no").val();
                var steet    = $(this).find(".steet_no").val();
                var locality = $(this).find(".locality").val();
                var town     = $(this).find(".town").val();
                var county   = $(this).find(".county").val();
                if(county==undefined){
                    county = "";
                }
                var postcode = $(this).find(".zip").val();
                var contry   = $(this).find(".contry").val();
                var address_type = $(this).find(".address_type").val();
                var user_id   = $(this).find(".user_id").val();


                if(number!=undefined && steet!=undefined && locality!=undefined && town!=undefined  && postcode !=undefined && contry !=undefined && address_type!=undefined && user_id !=undefined){
                    //alert(number+"---"+address_type);
                    $.ajax({
                        url: "{!! route('primary-address-save') !!}",
                        type: 'POST',
                        data: {
                            "_token": "{{ csrf_token() }}",
                            number: number,
                            steet:steet,
                            locality:locality,
                            town:town,
                            county:county,
                            postcode:postcode,
                            contry:contry,
                            address_type:address_type,
                            user_id:user_id,
                            address_id:address_id
                        },
                        success: function(result) {

                        $("#primaryAddressConfirmModal").modal('hide');
                        setTimeout(function () {
                            $(".loader").hide();
                            location.reload(true);
                        }, 2500);
                        }
                    });
                }

            });
    };

    function selectPostalAddrApp(val){
        var value = val.split(',');
        $("#house_no").val(value[0]);
        $("#street").val(value[1]);
        $("#locality").val(value[2]);
        $("#town").val(value[3]);
        $("#exampleModalCenterAddress").hide();
    }

    function setAddress(userId, addressId,addressType) {
        var url = "{{ route('my_details') }}";
        // $(this).text('please wait..');
        var number   = $("#bil_house_number").val();
        var steet    = $("#bil_street").val();
        var locality = $("#bil_locality").val();
        var town     = $("#bil_town").val();
        var county   = $("#bil_county").val();
        if(county==undefined){
            county = "";
        }
        var postcode = $("#bil_post_code").val();
        var contry   = $("#bil_country_name").val();

        $.ajax({
            url: "{!! route('update-selected-address') !!}",
            type: 'GET',
            data: {
                user_id: userId,
                address_id: addressId,
                address_type:addressType,
                number: number,
                steet:steet,
                locality:locality,
                town:town,
                county:county,
                postcode:postcode,
                contry:contry,
            },
            success: function(result) {
                location.href = url;
            }
        });

    }

</script>
<script>
    $("#email_id").blur(function() {
            if ($('#email_id').val() != "") {
                var validRegex = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z]+(?:\.[a-zA-Z]+)+.[a-zA-Z]*$/;
                if ($('#email_id').val().match(validRegex)) {
                    $('.update-btn').prop('disabled', false);
                    $('.email_err').html('');
                    //$(".submit-btn").css("background-color", "#001B69");
                    return true;

                } else {
                    $('.email_err').html('Please enter a valid email address');
                    $('.serverEmailerror').html('');
                    $('.update-btn').prop('disabled', true);
                    // $(".submit-btn").css("background-color", "gray");
                    return false;
                }
            }
        });

        $("#primary_email").blur(function() {
            if ($('#primary_email').val() != "") {
                var validRegex = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z]+(?:\.[a-zA-Z]+)+.[a-zA-Z]*$/;
                if ($('#primary_email').val().match(validRegex)) {
                    $('.update-btn').prop('disabled', false);
                    $('.email_err1').html('');
                    //$(".submit-btn").css("background-color", "#001B69");
                    return true;

                } else {
                    $('.email_err1').html('Please enter a valid email address');
                    $('.serverEmailerror').html('');
                    $('.update-btn').prop('disabled', true);
                    // $(".submit-btn").css("background-color", "gray");
                    return false;
                }
            }
        });


</script>

@endsection