@include('includes.intltel-config',['coutryCodeField'=>'countryCode'])
@push('js')

 <script>
    document.addEventListener("DOMContentLoaded", function() {
        const pageWrapper = document.querySelector('.page-wrapper');
        pageWrapper.style.backgroundColor = "#ffffff";
    });
    @if(session()->has('errors') )
        document.querySelector('.step-1').classList.add('d-none') ;
        document.querySelector('.step-2').classList.add('d-none') ;
        document.querySelector('.step-3').classList.remove('d-none') ;
    @endif

    // document.querySelector('.step-1').classList.remove('d-none') ;
    // document.querySelector('.step-2').classList.remove('d-none') ;
    // document.querySelector('.step-3').classList.remove('d-none') ;

    function  changeNumber(){
        document.querySelector('.step-1').classList.remove('d-none') ;
        document.querySelector('.step-2').classList.add('d-none') ;
        document.querySelector('.step-3').classList.add('d-none') ;
    }

    function changeEmail(){
        changeNumber()
    }

    function resetValidateMsg(){
        errorMsg = document.querySelector('.mobile-dev #error-msg')
        if(errorMsg != undefined){
            errorMsg.innerHTML = "";
        }
        validMsg = document.querySelector('.mobile-dev #valid-msg')
        if(validMsg != undefined){
            validMsg.innerHTML = "";
        }

        invalidFeedback = document.querySelector('.mobile-dev .invalid-feedback')
        if(invalidFeedback != undefined){
            invalidFeedback.remove()
        }

    }

    function getPhoneNumberFromUserInput(){
        digits_count = parseInt("{{$account->accounts_country_mobile_digits_count ? $account->accounts_country_mobile_digits_count -1 : 9}}")
        @if($account->accounts_multiple_countries)
        var mob = "^[1-9]{1}[0-9]{"+digits_count+",}$" ;
        @else
        var mob = "^[1-9]{1}[0-9]{"+digits_count+"}$" ;
        @endif
        mob = new RegExp(mob);
        // alert(mob);
        var txtMobile = document.querySelector('#phone').value;
        txtMobile = txtMobile.trim().replace(/\s+/g, '').replace(/^0+/, '');
        //  console.log(txtMobile)
        //  console.log(mob.test(txtMobile))
        if (mob.test(txtMobile) == false) {
            resetValidateMsg()
            document.querySelector('.mobile-dev').insertAdjacentHTML('beforeend',`
             <div class="invalid-feedback d-inline">{{__('lang.enterValidNumber')}} </div>
             `);
            document.querySelector('#phoneDiv').innerHTML = ` <input type="button" onClick="sendCode();" id="sendCodeBtn"  value="{{ __('lang.sendCode') }}" class="btn text_2 background_3  py-2">`  ;

            document.querySelector('#phone').focus();
             return false;
        }
        var phonenumber = txtMobile

        @if($account->accounts_multiple_countries)
            var accounts_country_code =document.querySelector('#countryCode').value
        @else
            var accounts_country_code = "{{$account->accounts_country_code}}" ;
        @endif
        var request = new XMLHttpRequest();

        url = "