@props(['share_link_q'])
<script>

function postcode_querySuccess(data = null){
    if(data != null && data != undefined
        && data.postcode != undefined && data.bauPackagesAvailable
        && !data.force_signup){
        window.location.href = "{{config('app.url')}}/pricing/"+data.postcode;
    }else{
        $('#adr_postcode').val($('#postcode_check').val());
        postcode_report($('#postcode_check').val(), data);
        $('.lead-form').show();
        $('#postcode-report').scrollTop();
        if(document.getElementById("postcode_query")){
            document.getElementById("postcode_query").scrollIntoView();
        }else{
            document.getElementById("lead-heading").scrollIntoView();
        }

        if(data.areaPackagesAvailable){
            if(document.getElementById("main-heading")){
                $('#main-heading').html("Broadband Packages");
            }
            if(document.getElementById("main-subheading")){
                $('#main-subheading').html("for " + data.postcode);
            }
        }else{
            if(document.getElementById("main-heading")){
                $('#main-heading').html("Broadband Packages");
            }
            if(document.getElementById("main-subheading")){
                $('#main-subheading').html("for " + data.postcode);
            }
        }
    }
}


function leadSuccess(data = null){
    if(data.hasOwnProperty('completed')){
        var userCreated = true;
        if(data.hasOwnProperty('user')){
            var user = data.user;
            if(data.hasOwnProperty('login_normal')){
                $('#login_n_email').val(user.email);
                $('#login_n_password').val(user.password);
                $('#login_user_normal').show();
                $('#login_user').hide();
                if($('#login_user_normal').submit() == false){
                    userCreated = false;
                }
            }else{
                $('#login_email').val(user.email);
                $('#login_password').val(user.password);
                $('#login-user-form-row').show();
                $('#login_user_normal').hide();
                $('#login_user').show();
                if($('#login_user').submit() == false){
                    userCreated = false;
                }
            }
            $('#login-user-form-row').show();
        }else{
            userCreated = false;
        }

        if(!userCreated){
            var link = "{{config('app.url')}}{{$shareLinkQ}}" + data.lead_id;
            $(".whatsapp-lead-share").attr("href", "whatsapp://send?text=" + link);
            $(".facebook-lead-share").attr("href", "https://www.facebook.com/sharer/sharer.php?u=" + encodeURIComponent(link));
            $(".twitter-lead-share").attr("href", "https://twitter.com/intent/tweet?text=" + encodeURIComponent(link));
            $(".link-lead-share").val(link);

            $('.lead-form').slideUp( "normal", function() {
                $('#lead_completed').slideDown( "normal", function() {
                    $('#lead_completed').slideDown();
                });
                var target = $('#lead_completed');
                if (target.length) {
                    $('html,body').animate({
                        scrollTop: target.offset().top - 60
                    }, 1000);
                }
            });
        }

    }else{
        $('#lead_id').val(data.lead_id);

        if(data.hasOwnProperty('missing_fields')){
            for (var key in data.missing_fields) {
                if (data.missing_fields.hasOwnProperty(key)) {
                    inputWarning(
                        '#lead :input[name="'+key+'"]',
                        "Don&rsquo;t forget this");
                }
            }
        }

        if(data.hasOwnProperty('warning_msgs')){
            for (var key in data.warning_msgs) {
                if (data.warning_msgs.hasOwnProperty(key)) {
                    console.log('warning_msgs');
                    console.log(key);
                    console.log(data.warning_msgs[key]);
                    inputWarning(
                        '#lead :input[name="'+key+'"]',
                        data.warning_msgs[key]);
                }
            }
        }

        if(data.hasOwnProperty('error_msgs')){
            for (var key in data.error_msgs) {
                if (data.error_msgs[key] != undefined) {
                    console.log('error_msg', data.error_msgs[key]);
                    errorBefore('submit_button', data.error_msgs[key]);
                    errorBefore('lead_form_submit_btn', data.error_msgs[key]);
                }
            }
        }

    }
}

function postcode_report(postcode, data){
    $('#lead-heading').html('<i class="fas fa-map-marker-alt mr-1"></i>'+postcode);

    $('#postcode-report').html('\
    <div class="col-12">\
        <span style="font-size: 1.5rem;">\
            <i class="fas fa-calendar-check mr-1"></i>\
            <strong>'+data.message.title+'</strong>\
        </span><br />\
        '+data.message.body+'\
    </div>\
    ');

    if(data.isVoucherArea){
        $('#lf_tel').attr('placeholder', '*Contact phone number');
    }else{
        $('#lf_tel').attr('placeholder', 'Contact phone number');
    }

    if(data.adr_options != undefined && data.adr_options.length > 0){

        $('#postcode_adrs').html("");
        $('#postcode_adrs').show();
        var select_options = "<option selected>Select your property</option>";
        for (let i = 0; i < data.adr_options.length; i++) {
            var adr = data.adr_options[i];
            var adr_display = adr.address_line_1;
            if(adr.address_line_2 != undefined && adr.address_line_2 != ""){
                adr_display += ', '+adr.address_line_2;
            }
            if(adr.address_line_3 != undefined && adr.address_line_3 != ""){
                adr_display += ', '+adr.address_line_3;
            }
            select_options += '<option value="'+adr.id+'">'+adr_display+'</option>';

        }

        $('#postcode_adrs').append('\
            <select name="uprn" class="form-select p-2 mb-3" aria-label="Property selection">\
                '+select_options+'\
            </select>\
        ');

        $('#postcode_adrs').append('<span id="manual_adr" class="link">Address not here? Click to enter manually</span><br /><br />');

        $('#custom_adr').hide();

    }
}

$(document).ready(function() {
    $('body').on('click', '#manual_adr', function() {
        $('#postcode_adrs').html("");
        $('#postcode_adrs').hide();
        $('#custom_adr').show();
    });
});

</script>