var searchVisible = 0;
var transparent = true;
var mobile_device = false;

// Material Bootstrap Wizard Functions
function initMaterialBootstrap(tsys_main_data) {
    $(".pre-loader").hide();

    setTimeout(function () {
        $.material.init();
    }, 200);

    /*  Activate the tooltips      */
    $('[rel="tooltip"]').tooltip();
    // Code for the Validator
    $('.wizard-card form').each(function (e, th) {
        $(th).validate({
            ignore: [],
            rules: validation,
            messages: validation_messages,
            showErrors: function (message, element) {
                //console.log(message, element);
                element.forEach(function (e) {
                    $(e.element).parents('div.form-group').addClass('has-error');
                    $(e.element).parents('div.form-group > label').addClass('has-error');
                });
            },
            onclick: function (element, event) {
                //console.log(element);
                if (element.tagName !== 'SELECT') {
                    if ($(element).is(":checked")) {
                        // $(element).parents('div.form-group').removeClass('has-error');
                    } else {
                        // $(element).parents('div.form-group').addClass('has-error');
                    }
                }
            }

        });
    });

    //Mark the tab clicked
    $("[data-toggle='tab']").click(function () {
        $("[data-toggle='tab']").removeClass('i-am-target');
        $(this).addClass('i-am-target');
    });


    // Wizard Initialization
    $('.wizard-card').bootstrapWizard({
        'tabClass': 'nav nav-pills',
        'nextSelector': '.btn-next',
        'previousSelector': '.btn-previous',

        onNext: function (tab, navigation, index) {
            $(".i-am-target").removeClass('i-am-target');
            $(".nav-pills li.active").next().find('a').addClass('i-am-target');

            const ID = $(tab).find('a')[0].hash;
            var show = $('a.i-am-target').parent().attr('data-index');

            if (ID === '#additional-location') {
                var id = $(".aside li.active a").attr('href');
                saveData(id, 'TSYSApp__c', '.wizard-card', show);
            } else {
                saveData(ID, 'TSYSApp__c', '.wizard-card', show);
            }

            return false;
        },

        onPrevious: function (tab, navigation, index) {
            $(".i-am-target").removeClass('i-am-target');
            $(".nav-pills li.active").prev().find('a').addClass('i-am-target');

            const ID = $(tab).find('a')[0].hash;
            var show = $('a.i-am-target').parent().attr('data-index');

            if (ID === '#additional-location') {
                var id = $(".aside li.active a").attr('href');
                saveData(id, 'TSYSApp__c', '.wizard-card', show);
            } else {
                saveData(ID, 'TSYSApp__c', '.wizard-card', show);
            }

            return false;
        },

        onInit: function (tab, navigation, index) {
            //check number of tabs and fill the entire row

            var $total = navigation.find('li').length;
            var $wizard = navigation.closest('.wizard-card');

            var $first_li = navigation.find('li:first-child a').html();
            var $moving_div = $('<div class="moving-tab">' + $first_li + '</div>');
            $('.wizard-card .wizard-navigation > ul').append($moving_div);
            navigation.find('li:first-child a').trigger('click');
            refreshAnimation($wizard, index);

            $('.moving-tab').css('transition', 'transform 0s');

        },

        onTabClick: function (tab, navigation, index) {
            const ID = $(tab).find('a')[0].hash;
            var show = $('a.i-am-target').parent().attr('data-index');

            if (ID === '#additional-location') {
                var id = $(".aside li.active a").attr('href');
                saveData(id, 'TSYSApp__c', '.wizard-card', show);
            } else {
                saveData(ID, 'TSYSApp__c', '.wizard-card', show);
            }

            return false;
        },

        onTabShow: function (tab, navigation, index) {

            //Hide save button on welcome tab
            if ($("#Welcome").hasClass('active')) {
                $(".btn-save").hide();
            } else {
                $(".btn-save").show();
            }

            //scroll to top
            //window.location.hash = $(tab).find('a')[0].hash;
            $("html").animate({ scrollTop: 0 }, "fast", function () {
                //Update hash
                if (history.pushState) {
                    history.pushState(null, null, $(tab).find('a')[0].hash);
                }
                else {
                    location.hash = $(tab).find('a')[0].hash;
                }
            });

            $(".tab-pane.active").find("h3.info-text").removeClass("drawn");

            var $total = navigation.find('li').length;
            var $current = index + 1;

            var $wizard = navigation.closest('.wizard-card');

            // If it's the last tab then hide the last button and show the finish instead
            if ($current >= $total) {
                $($wizard).find('.btn-next').hide();
                $($wizard).find('.btn-save').hide();

                $($wizard).find('.btn-finishtop').hide();
                $($wizard).find('.btn-finishbottom').show();

                $($wizard).find('.btn-previoustop').hide();
                $($wizard).find('.btn-previousbottom').show();
            }
            else {
                $($wizard).find('.btn-next').show();
                $($wizard).find('.btn-finish').hide();

                $($wizard).find('.btn-previous').show();
            }

            //POA-99 - Remove NEXT button from the top of the MA title page
            if ($("#Welcome").hasClass('active')) {
                $($wizard).find('.btn-nexttop').hide();

                $($wizard).find('.btn-previous').hide();
            }

            var button_text = navigation.find('li:nth-child(' + $current + ') a').html();

            setTimeout(function () {
                $('.moving-tab').text(button_text);
                $(".header").text(button_text);
            }, 150);

            var checkbox = $('.footer-checkbox');

            if (!index == 0) {
                $(checkbox).css({
                    'opacity': '0',
                    'visibility': 'hidden',
                    'position': 'absolute'
                });
            } else {
                $(checkbox).css({
                    'opacity': '1',
                    'visibility': 'visible'
                });
            }

            refreshAnimation($wizard, index);
        }
    });

    $(window).bind('hashchange', function (e) {
        e.preventDefault();
    });

    //Additional Location Tabs
    $(".aside").bootstrapWizard({
        'tabClass': 'sub-nav',
        onTabClick: function (tab, navigation, index) {
            const ID = $(tab).find('a')[0].hash;

            var show = $('a.i-am-target').parent().attr('data-index');

            if (ID === '#additional-location') {
                var id = $(".aside li.active a").attr('href');
                saveData(id, 'TSYSApp__c', '.aside', show);
            } else {
                saveData(ID, 'TSYSApp__c', '.aside', show);
            }

            return false;
        },

        onTabShow: function (tab, navigation, index) {
            $(".tab-pane.active").find("h3.info-text").removeClass("drawn");
        }
    });


    // Prepare the preview for profile picture
    //$(".wizard-file").change(function () {
    //    readURL(this);
    //});

    $('[data-toggle="wizard-radio"]').click(function () {
        wizard = $(this).closest('.wizard-card');
        wizard.find('[data-toggle="wizard-radio"]').removeClass('active');
        $(this).addClass('active');
        $(wizard).find('[type="radio"]').removeAttr('checked');
        $(this).find('[type="radio"]').attr('checked', 'true');
    });

    $('[data-toggle="wizard-checkbox"]').click(function () {
        if ($(this).hasClass('active')) {
            $(this).removeClass('active');
            $(this).find('[type="checkbox"]').removeAttr('checked');
        } else {
            $(this).addClass('active');
            $(this).find('[type="checkbox"]').attr('checked', 'true');
        }
    });

    $('.set-full-height').css('height', 'auto');


    //SAVE Button
    $(".btn-save").click(function () {

        $(".tab-pane.active").find("h3.info-text").removeClass("drawn");
        const ID = $(".nav-pills li.active a").attr('href');

        if (ID === '#additional-location') {
            var id = $(".aside li.active a").attr('href');
            saveData(id, 'TSYSApp__c');
        } else {
            var id = $(".nav-pills li.active a").attr('href');
            saveData(id, 'TSYSApp__c');
        }
    });

    //Modal SAVE Button | POA-142
    $(".btn-save-modal").click(function () {
        var id = $(this).attr('data-terminal');
        var name = $(`form[data-terminal="${id}"]`).find('.modal-title > b').text();
        saveMerchantTerminal(id, name);
    });


    //FINISH button
    $(".btn-finish").click(function () {
        var s = '';
        var is_error = false;
        debugger;
        //validate payment details dropdown selection
        var myPaymentDetailsform = $(`form#Payment-Details [name="Equi_Info_Equipment_Billing__c"]`);

        if (myPaymentDetailsform.val() === '') {
            is_error = true;
            s = $('a[href="#' + $('.wizard-card form#Payment-Details').attr('id') + '"]').text() + ', ' + s;
        }

        //validate all tabs except payment details
        $('.wizard-card form').not("form#Payment-Details").each(function (e, th) {
            var sc = $(th).valid();
            // console.log(sc, th);
            // console.log(th);
            if (!sc) {
                is_error = true;
                s = $('a[href="#' + $(th).attr('id') + '"]').text() + ', ' + s;
            }
        });

        var uploadValidation = validateUploadFields();
        //5739
        ValidateGovernmentIssueIDIsRequired();
        debugger;
        //validate if error
        if (is_error) {
            //saveData(null, 'TSYSApp__c', null, null, true);
            $('.alert').removeClass('alert-success').addClass('alert-danger').find('strong').text('There is an error on the following tabs:');
            var trim = s.replace(/(^,)|(, $)/g, "");
            if (!uploadValidation.valid && !trim.includes(uploadValidation.tab)) {
                trim += ', ' + uploadValidation.tab;
            }
            $(".alert").find('span').text(trim);
            $('.alert').show();
        } else if (!uploadValidation.valid) {
            $('.alert').removeClass('alert-success').addClass('alert-danger').find('strong').text('There is an error on the following tabs:');
            $(".alert").find('span').text(uploadValidation.tab);
            $('.alert').show();
        }
        else {
            //savedata
            saveData(null, 'TSYSApp__c', null, null, true, tsys_main_data);
        }
    });

    //Hide alert message
    $("[data-hide]").on("click", function () {
        $("." + $(this).attr("data-hide")).removeClass('alert-success').addClass('alert-danger').find('strong').text('Error!');
        $("." + $(this).attr("data-hide")).hide();
        // -or-, see below
        // $(this).closest("." + $(this).attr("data-hide")).hide()
    });

    //Hamburger
    $("#menu").click(function () {
        $(this).toggleClass("open");
        $(".wizard-navigation > ul").slideToggle();
    });

    //multiselect auto focus
    $("select.multiple").off().on('focusin', function (e) {
        $(this).siblings().addClass("open");
    }).on('focusout', function (e) {
        $(this).siblings().removeClass("open");
    });


    //checkbox and radioboxes autofocus
    $("input[type='radio']").off().on('focusin', function (e) {
        $("input[type = 'radio']").siblings('.circle').removeClass('active');
        $(this).siblings('.circle').addClass('active');
    }).on('focusout', function (e) {
        $("input[type = 'radio']").siblings('.circle').removeClass('active');
    });

    $('input[type="checkbox"]').off().on('focusin', function (e) {
        $("input[type='checkbox']").siblings(".checkbox-material").find(".check").removeClass('active');
        $(this).siblings(".checkbox-material").find(".check").addClass('active');
    }).on('focusout', function (e) {
        $("input[type='checkbox']").siblings(".checkbox-material").find(".check").removeClass('active');
    });

    $(".custom-collapse").click(function () {
        $(this).toggleClass("expand").nextUntil("tr.custom-collapse").slideToggle(150);
        if ($(this).hasClass("expand")) {
            $(this).find(".material-icons").text("arrow_right");
        } else {
            $(this).find(".material-icons").text("arrow_drop_down");
        }
    });

    //prevent scrolling when spacebar is hit
    window.onkeydown = function (e) {
        if (e.keyCode === 32 && e.target === document.body) {
            e.preventDefault();
        }
    };

    //keep checkbox in focus
    $('input[type="checkbox"]').change(function (e) {
        var that = this;
        setTimeout(function (e) {
            $(that).focus();
        }, 0);
    });

    //Popover
    $("input[type='file']").change(function (e) {
        var id = $(this).attr('id');
        var total = 0;
        var files = Object.values(e.target.files);
        var attachFilename = e.target.value;

        files.forEach((el) => {
            total += Number(el.size);
        });

        //converts bytes to mb
        var size = bytesToSize(total);

        //prevent from uploading files > 3MB;
        //prevent from uploading files > 25MB;
        if (size > 25) {
            alert("Maximum Size allowed per document is 25 MB");
            e.stopPropagation;
            return false;
        }

        //Hom-81 File extension validation
        if (attachFilename != '') {
            var checkimg = attachFilename.toLowerCase();
            var isValid = validate_fileupload(checkimg);
            if (isValid == false) {
                alert("Accepted File Types are PDF, WORD, EXCEL, JPEG, CSV, PNG or ZIP");
                return false;
            } else {
                $(this).parent().parent().removeClass('has-error');
            }
        }

        updateFilesList(id, e.target.files);
    });

    //Hom-81 File extension validation
    function validate_fileupload(fileName) {
        var allowed_extensions = new Array("jpeg", "jpg", "png", "zip", "pdf", "docx", "doc", "xlsx", "xls", "csv");
        var file_extension = fileName.split('.').pop().toLowerCase(); // split function will split the filename by dot(.), and pop function will pop the last element from the array which will give you the extension as well. If there will be no extension then it will return the filename.
        for (var i = 0; i <= allowed_extensions.length; i++) {
            if (allowed_extensions[i] == file_extension) {
                return true; // valid file extension
            }
        }
        return false;
    }

    //init popover
    $('[data-toggle="popover"]').popover({
        html: true,
        title: "Files",
        content: function () {
            var id = $(this).attr('data-id');
            var index = tsys_files.map(function (e) { return e.id; }).indexOf(id);
            var index2 = tsys_saved_files.map(function (e) { return e.id; }).indexOf(id);
            var files = tsys_files[index].data;
            var saved_files = tsys_saved_files[index2] ? tsys_saved_files[index2].data : { length: 0 };

            var a = "<div class='row'>";
            if (files !== null) {
                if (files.length > 0) {
                    for (var val of files) {
                        a += "<div class='col-xs-12 pb10'><span class='popover-content-file-name'>" + val.name + "</span><span class='material-icons popover-content-remove' data-target='" + id + "' data-name='" + val.name + "' data-type='upload'>delete</span></div>";
                    }
                }

                //show saved attachments
                if (saved_files.length > 0) {
                    for (var val of saved_files) {
                        if (val.isDeleted !== 'true') {
                            a += "<div class='col-xs-12 pb10'><span class='popover-content-file-name'>" + val.name + "</span><span class='material-icons popover-content-remove' data-target='" + id + "' data-name='" + val.name + "' data-type='saved'>delete</span></div>";
                        }
                    }
                }

                if (files.length === 0 && saved_files.length === 0) {
                    a += "<div class='col-xs-12 pb10 text-center'><span>No File</span></div>";
                }

            } else if (saved_files.length > 0) {
                //show saved attachments             
                for (var val of saved_files) {
                    if (val.isDeleted !== 'true') {
                        a += "<div class='col-xs-12 pb10'><span class='popover-content-file-name'>" + val.name + "</span><span class='material-icons popover-content-remove' data-target='" + id + "' data-name='" + val.name + "' data-type='saved'>delete</span></div>";
                    }
                }

            }
            else {
                a += "<div class='col-xs-12 pb10 text-center'><span>No File</span></div>";
            }

            a += '</div>';

            return a;
        },
        placement: "bottom"
    });

    //Text editor data change event
    //quill.on('text-change', function (delta, oldDelta, source) {
    //    $("#editor-container").closest('form').data('changed', true);
    //});

    //delete files
    $(document).on('click', '.popover-content-remove', function (e) {
        var type = $(this).attr('data-type');
        var id = $(this).attr('data-target');
        var name = $(this).attr('data-name');

        ConfirmDialog("Do you really want to delete this file?", (isDelete) => {
            if (isDelete) {
                //mark the form changed if file is deleted
                $(this).closest('form').data('changed', true);

                if (type === 'saved') {
                    var index = tsys_saved_files.map(function (e) { return e.id; }).indexOf(id);
                    tsys_saved_files[index].data.forEach((e) => {
                        if (e.name === name) {
                            e.isDeleted = 'true';
                        }
                    });
                    var total = $('#' + id).parents(".picture-container").siblings(".popover-container").find("span.file-total-viewer").text();
                    $('#' + id).parents(".picture-container").siblings(".popover-container").find("span.file-total-viewer").text(Number(total) - 1);

                    //Remove combo files when deleted
                    var combo = $(`#${id}`).attr('data-combo');
                    if (combo) {
                        var index2 = tsys_saved_files.map(function (e) { return e.id; }).indexOf(combo);
                        tsys_saved_files[index2].data.forEach((e) => {
                            if (e.name === name) {
                                e.isDeleted = 'true';
                            }
                        });
                    }

                } else {
                    var index = tsys_files.map(function (e) { return e.id; }).indexOf(id);
                    var files = Object.values(tsys_files[index].data);
                    var newArr = files.filter((e) => { return e.name !== name; });

                    if (newArr.length < 1) {
                        //Reset the file to remove the element
                        var $el = $(`#${id}`);
                        $el.wrap('<form>').closest('form').get(0).reset();
                        $el.unwrap();
                    }

                    //Update files data
                    updateFilesList(id, newArr);
                }

                //Track file change
                trackFileChange(id);

                $(this).parent().remove();
            }
        });
    });

    //prevent multiple popover
    $('body').on('click', function (e) {
        $('[data-toggle="popover"],[data-original-title]').each(function () {
            //the 'is' for buttons that trigger popups
            //the 'has' for icons within a button that triggers a popup
            if (!$(this).is(e.target) && $(this).has(e.target).length === 0 && $('.popover').has(e.target).length === 0) {
                (($(this).popover('hide').data('bs.popover') || {}).inState || {}).click = false;  // fix for BS 3.3.6
            }
        });
    });

    //Prevent Drop downs from auto hiding
    $(document).on('click', '.modal', function (e) {
        e.stopPropagation();
    });

    //Mark if form data is changed
    $(":input").change(function () {
        $(this).closest('form').data('changed', true);
    });

    //Date Change
    $(".dateTimePicker").on('dp.change', function (e) {
        if ($(this).parent().hasClass('is-focused')) {
            $(this).closest('form').data('changed', true);
        }
    });


    //Update Reference Id on Additional Location when Fedral Id is Updated
    $('[name="BI_Federal_Tax_ID__c"]').change(function () {
        $('[name="Add_Reference__c"]').val($(this).val());
    });

    //Entity info merchant terminal
    $(".modal.terminal").on('show.bs.modal', function () {
        handleTerminalModal(this, true);
    });

    //Entity info merchant terminal
    $(".modal.terminal").on('hidden.bs.modal', function () {
        handleTerminalModal(this, false);
    });

    //Additional Location Field Upadtes
    //Billing Address
    $("[name='BI_Billing_State__c']").change(function () {
        $("[name='Add_BI_Billing_State']").parent().removeClass('is-empty');
        $("[name='Add_BI_Billing_State']").val($(this).val());
    });

    $("[name='BI_Billing_City__c']").change(function () {
        $("[name='Add_BI_Billing_City']").parent().removeClass('is-empty');
        $("[name='Add_BI_Billing_City']").val($(this).val());
    });

    $("[name='BI_Billing_Zip__c']").change(function () {
        $("[name='Add_BI_Billing_Zip']").parent().removeClass('is-empty');
        $("[name='Add_BI_Billing_Zip']").val($(this).val());
    });

    $("[name='BI_Billing_Address__c']").change(function () {
        $("[name='Add_BI_Billing_Address']").parent().removeClass('is-empty');
        $("[name='Add_BI_Billing_Address']").val($(this).val());
    });

    //Entity info address update
    $("#Business-Info [name='BI_Physical_Location_Address__c']").change(function () {
        $("[name='EN_Physical_Location_Address_c']").parent().removeClass('is-empty');
        $("[name='EN_Physical_Location_Address_c']").val($(this).val());
    });

    $("#Business-Info [name='BI_Physical_Location_City__c']").change(function () {
        $("[name='EN_Physical_Location_City_c']").parent().removeClass('is-empty');
        $("[name='EN_Physical_Location_City_c']").val($(this).val());
    });

    $("#Business-Info [name='BI_Physical_Location_Zip__c']").change(function () {
        $("[name='EN_Physical_Location_Zip_c']").parent().removeClass('is-empty');
        $("[name='EN_Physical_Location_Zip_c']").val($(this).val());
    });

    $("#Business-Info [name='BI_Physical_Location_State__c']").change(function () {
        $("[name='EN_Physical_Location_State_c']").parent().removeClass('is-empty');
        $("[name='EN_Physical_Location_State_c']").val($(this).val());
    });

    $("#Business-Info [name='BI_Legal_Name__c']").change(function () {
        $("[name='EN_Legal_Name_c']").parent().removeClass('is-empty');
        $("[name='EN_Legal_Name_c']").val($(this).val());
        //5893 [TSYS App] Additional Location Legal Name does not update with Parent App
        $("[name='Add_BI_Legal_Name__c']").parent().removeClass('is-empty');
        $("[name='Add_BI_Legal_Name__c']").val($(this).val());
    });



    //OwnerShip
    $("[name='OWN_Ownership__c']").change(function () {
        $("[name='Add_OWN_Ownership']").parent().removeClass('is-empty');
        $("[name='Add_OWN_Ownership']").val($(this).val());
    });

    //Website
    $("[name='BI_Website_Address__c']").change(function () {
        $("[name='Add_BI_Website_Address']").parent().removeClass('is-empty');
        $("[name='Add_BI_Website_Address']").val($(this).val());
    });

    //Years in Business
    $("[name='BP_Years_in_Business__c']").change(function () {
        $("[name='Add_BP_Years_in_Business']").parent().removeClass('is-empty');
        $("[name='Add_BP_Years_in_Business']").val($(this).val());
    });

    //Ownership change
    $("[name='OWN_Ownership__c']").change(function () {
        var owner = $(this).val();
        if (owner === 'Sole Proprietorship') { // 15449 owner === 'Government' || 

            $("[name='Add_Owner_2']").parent().addClass('is_hidden');
            $("[name='Add_Owner_3']").parent().addClass('is_hidden');
            $("[name='Add_Owner_4']").parent().addClass('is_hidden');
            $("[name='Add_Manager']").parent().addClass('is_hidden');

        }
        /*15449 else if (owner === 'Non-Profit') {

            $("[name='Add_Owner_2']").parent().addClass('is_hidden');
            $("[name='Add_Owner_3']").parent().addClass('is_hidden');
            $("[name='Add_Owner_4']").parent().addClass('is_hidden');
            $("[name='Add_Manager']").parent().removeClass('is_hidden is-empty');
            var firstname = $("[name='MRI_First_Name__c']").val();
            var lastname = $("[name='MRI_Last_Name__c']").val();
            $("[name='Add_Manager']").val(firstname + ' ' + lastname);

        }*/
        else {

            $("[name='Add_Owner_2']").parent().removeClass('is_hidden is-empty');
            $("[name='Add_Owner_3']").parent().removeClass('is_hidden is-empty');
            $("[name='Add_Owner_4']").parent().removeClass('is_hidden is-empty');
            $("[name='Add_Manager']").parent().removeClass('is_hidden is-empty');

            $("[name='Add_Owner_2']").val($("[name='OWN_Owner_First_Name_2__c']").val() + ' ' + $("[name='OWN_Owner_Last_Name_2__c']").val());
            $("[name='Add_Owner_3']").val($("[name='OWN_Owner_First_Name_3__c']").val() + ' ' + $("[name='OWN_Owner_Last_Name_3__c']").val());
            $("[name='Add_Owner_4']").val($("[name='OWN_Owner_First_Name_4__c']").val() + ' ' + $("[name='OWN_Owner_Last_Name_4__c']").val());

            //15449 above if condition for Government type commented but below code not applicable for Government type so if condition added here
            if (owner !== 'Government') {
                var firstname = $("[name='MRI_First_Name__c']").val();
                var lastname = $("[name='MRI_Last_Name__c']").val();
                $("[name='Add_Manager']").val(firstname + ' ' + lastname);
            }
        }
    });

    //Owner 1
    $("[name='OWN_Owner_First_Name_1__c']").change(function () {
        //Trigger equity change
        onEquityChange($(`[name='OWN_Owner_Equity_Ownership_1__c']`), 1);
    });

    $("[name='OWN_Owner_Last_Name_1__c']").change(function () {
        //Trigger equity change
        onEquityChange($(`[name='OWN_Owner_Equity_Ownership_1__c']`), 1);
    });

    //Owner 2
    $("[name='OWN_Owner_First_Name_2__c']").change(function () {
        var last = $("[name='OWN_Owner_Last_Name_2__c']").val();
        var val = $(this).val() + ' ' + last;
        $("[name='Add_Owner_2']").parent().removeClass('is-empty');
        $("[name='Add_Owner_2']").val(val.trim());

        //Trigger equity change
        onEquityChange($(`[name='OWN_Owner_Equity_Ownership_2__c']`), 2);
    });

    $("[name='OWN_Owner_Last_Name_2__c']").change(function () {
        var first = $("[name='OWN_Owner_First_Name_2__c']").val();
        var val = first + ' ' + $(this).val();
        $("[name='Add_Owner_2']").parent().removeClass('is-empty');
        $("[name='Add_Owner_2']").val(val.trim());

        //Trigger equity change
        onEquityChange($(`[name='OWN_Owner_Equity_Ownership_2__c']`), 2);
    });

    //Owner 3
    $("[name='OWN_Owner_First_Name_3__c']").change(function () {
        var last = $("[name='OWN_Owner_Last_Name_3__c']").val();
        var val = $(this).val() + ' ' + last;
        $("[name='Add_Owner_3']").parent().removeClass('is-empty');
        $("[name='Add_Owner_3']").val(val.trim());

        //Trigger equity change
        onEquityChange($(`[name='OWN_Owner_Equity_Ownership_3__c']`), 3);
    });

    $("[name='OWN_Owner_Last_Name_3__c']").change(function () {
        var first = $("[name='OWN_Owner_First_Name_3__c']").val();
        var val = first + ' ' + $(this).val();
        $("[name='Add_Owner_3']").parent().removeClass('is-empty');
        $("[name='Add_Owner_3']").val(val.trim());

        //Trigger equity change
        onEquityChange($(`[name='OWN_Owner_Equity_Ownership_3__c']`), 3);
    });

    //Owner 4
    $("[name='OWN_Owner_First_Name_4__c']").change(function () {
        var last = $("[name='OWN_Owner_Last_Name_4__c']").val();
        var val = $(this).val() + ' ' + last;
        $("[name='Add_Owner_4']").parent().removeClass('is-empty');
        $("[name='Add_Owner_4']").val(val.trim());

        //Trigger equity change
        onEquityChange($(`[name='OWN_Owner_Equity_Ownership_4__c']`), 4);
    });

    $("[name='OWN_Owner_Last_Name_4__c']").change(function () {
        var first = $("[name='OWN_Owner_First_Name_4__c']").val();
        var val = first + ' ' + $(this).val();
        $("[name='Add_Owner_4']").parent().removeClass('is-empty');
        $("[name='Add_Owner_4']").val(val.trim());

        //Trigger equity change
        onEquityChange($(`[name='OWN_Owner_Equity_Ownership_4__c']`), 4);
    });

    //Additional Owner / Manager
    $("[name='MRI_First_Name__c']").change(function () {
        var last = $("[name='MRI_Last_Name__c']").val();
        var val = $(this).val() + ' ' + last;
        $("[name='Add_Manager']").parent().removeClass('is-empty');
        $("[name='Add_Manager']").val(val.trim());
    });

    $("[name='MRI_Last_Name__c']").change(function () {
        var first = $("[name='MRI_First_Name__c']").val();
        var val = first + ' ' + $(this).val();
        $("[name='Add_Manager']").parent().removeClass('is-empty');
        $("[name='Add_Manager']").val(val.trim());
    });

    //All input change for owner_2
    var owner_1_Inputs = $(".owner_1 :input");
    owner_1_Inputs = owner_1_Inputs.slice(0, owner_1_Inputs.length - 3);
    owner_1_Inputs.change(function (e) {
        //Handle ACH Signing owner
        updateSigningOwner();
    }).on('dp.change', function (e) {
        //Handle change of data pickers
        //Handle ACH Signing owner
        updateSigningOwner();
    });

    //All input change for owner_2
    var owner_2_Inputs = $(".owner_2 :input");
    owner_2_Inputs = owner_2_Inputs.slice(0, owner_2_Inputs.length - 3);
    owner_2_Inputs.change(function (e) {
        var ownership = $('[name="OWN_Ownership__c"]').val();
        if (ownership === 'Partnership' || ownership === 'LLC' || ownership === 'Corporation' || ownership === 'Government' || ownership === 'Non-Profit') {//15449
            //Handle ACH Signing owner
            updateSigningOwner();

            //HOM-167 - trigger Equity Change event
            //any additional owner information entered should be allowed, but not required
            onEquityChange($(`[name='OWN_Owner_Equity_Ownership_2__c']`), 2);

            //HOM-167 - commentting the following as the validowner function is already invoked in onEquitychange method as above
            /*var allEmpty = true;
 
            owner_2_Inputs.each((i, eg) => {
                if ($(eg).val()) {
                    allEmpty = false;
                }     
            });
            
            if (allEmpty) {
                validOwner(2, false);
            } else {
                validOwner(2, true);
            }*/
        }
    }).on('dp.change', function (e) {
        //Handle change of data pickers

        var ownership = $('[name="OWN_Ownership__c"]').val();
        if (ownership === 'Partnership' || ownership === 'LLC' || ownership === 'Corporation' || ownership === 'Government' || ownership === 'Non-Profit') {//15449
            //Handle ACH Signing owner
            updateSigningOwner();

            //HOM-167 - trigger Equity Change event
            //any additional owner information entered should be allowed, but not required
            onEquityChange($(`[name='OWN_Owner_Equity_Ownership_2__c']`), 2);

            //HOM-167 - commentting the following as the validowner function is already invoked in onEquitychange method as above
            /*var allEmpty = true;

            owner_2_Inputs.each((i, eg) => {
                if ($(eg).val()) {
                    allEmpty = false;
                }
            });

            if (allEmpty) {
                validOwner(2, false);
            } else {
                validOwner(2, true);
            }*/
        }
    });

    //All input change for owner_2
    var owner_3_Inputs = $(".owner_3 :input");
    owner_3_Inputs = owner_3_Inputs.slice(0, owner_3_Inputs.length - 3);
    owner_3_Inputs.change(function (e) {
        var ownership = $('[name="OWN_Ownership__c"]').val();
        if (ownership === 'Partnership' || ownership === 'LLC' || ownership === 'Corporation' || ownership === 'Government' || ownership === 'Non-Profit') {// 15449

            //HOM-167 - trigger Equity Change event
            //any additional owner information entered should be allowed, but not required
            onEquityChange($(`[name='OWN_Owner_Equity_Ownership_3__c']`), 3);

            //HOM-167 - commentting the following as the validowner function is already invoked in onEquitychange method as above
            /*var allEmpty = true;

            owner_3_Inputs.each((i, eg) => {
                if ($(eg).val()) {
                    allEmpty = false;
                }
            });

            if (allEmpty) {
                validOwner(3, false);
            } else {
                validOwner(3, true);
            }*/
        }
    }).on('dp.change', function (e) {
        //Handle change of data pickers
        var ownership = $('[name="OWN_Ownership__c"]').val();
        if (ownership === 'Partnership' || ownership === 'LLC' || ownership === 'Corporation' || ownership === 'Government' || ownership === 'Non-Profit') {//15449

            //HOM-167 - trigger Equity Change event
            //any additional owner information entered should be allowed, but not required
            onEquityChange($(`[name='OWN_Owner_Equity_Ownership_3__c']`), 3);

            //HOM-167 - commentting the following as the validowner function is already invoked in onEquitychange method as above
            /*var allEmpty = true;

            owner_3_Inputs.each((i, eg) => {
                if ($(eg).val()) {
                    allEmpty = false;
                }
            });

            if (allEmpty) {
                validOwner(3, false);
            } else {
                validOwner(3, true);
            }*/
        }
    });

    //All input change for owner_4
    var owner_4_Inputs = $(".owner_4 :input");
    owner_4_Inputs = owner_4_Inputs.slice(0, owner_4_Inputs.length - 3);
    owner_4_Inputs.change(function (e) {
        var ownership = $('[name="OWN_Ownership__c"]').val();
        if (ownership === 'Partnership' || ownership === 'LLC' || ownership === 'Corporation' || ownership === 'Government' || ownership === 'Non-Profit') {//15449

            //HOM-167 - trigger Equity Change event
            //any additional owner information entered should be allowed, but not required
            onEquityChange($(`[name='OWN_Owner_Equity_Ownership_4__c']`), 4);

            //HOM-167 - commentting the following as the validowner function is already invoked in onEquitychange method as above
            /*var allEmpty = true;

            owner_4_Inputs.each((i, eg) => {
                if ($(eg).val()) {
                    allEmpty = false;
                }
            });

            if (allEmpty) {
                validOwner(4, false);
            } else {
                validOwner(4, true);
            }*/
        }
    }).on('dp.change', function (e) {
        //Handle change of data pickers
        var ownership = $('[name="OWN_Ownership__c"]').val();
        if (ownership === 'Partnership' || ownership === 'LLC' || ownership === 'Corporation' || ownership === 'Government' || ownership === 'Non-Profit') {//15449

            //HOM-167 - trigger Equity Change event
            //any additional owner information entered should be allowed, but not required
            onEquityChange($(`[name='OWN_Owner_Equity_Ownership_4__c']`), 4);

            //HOM-167 - commentting the following as the validowner function is already invoked in onEquitychange method as above
            /*var allEmpty = true;

            owner_4_Inputs.each((i, eg) => {
                if ($(eg).val()) {
                    allEmpty = false;
                }
            });

            if (allEmpty) {
                validOwner(4, false);
            } else {
                validOwner(4, true);
            }*/
        }
    });

    //All input change for Management responsibility
    var owner_5_Inputs = $(".owner_5 :input");
    owner_5_Inputs = owner_5_Inputs.slice(0, owner_5_Inputs.length - 6);
    owner_5_Inputs.change(function (e) {
        //Ach tab update owner1 when beneficial owner is checked and management responsibility has data in (First name, Last name, equity)
        updateACHOwner1();
    }).on('dp.change', function (e) {
        //Handle change of data pickers
        //Ach tab update owner1 when beneficial owner is checked and management responsibility has data in (First name, Last name, equity)
        updateACHOwner1();
    });

    //Credit card payment
    $("input[name='PD_Pay_Securely_CC']").click(function (e) {
        var payinfo = {
            PaymentMode: null,
            ContactId: null,
            CC: null,
            ExpirationDate: null,
            PayeeName: null,
            StreetAddress: null,
            ZipCode: "00000",
            BankName: "",
            AccountNumber: "",
            RoutingNumber: "",
            CheckType: "",
            AccountType: "",
            PartnerId: getQueryString('partnerid') || "default",
            EnvType: getQueryString('envtype') || "sf_tsys_prod"
        };

        var name = $("input[name='PD_Card_Holder_Name']").val();
        var card = $("input[name='PD_Credit_Card']").val();
        var expDate = $("input[name='PD_Expiration_Date']").val().split(" ").join("");

        if (name === '' || card === '' || expDate === '') {
            $('.alert').removeClass('alert-success').addClass('alert-danger').find('strong').text('Error!');
            $(".alert").find('span').text("Fields Cannot Be Empty. All the fields are required");
            $('.alert').show();
            $("input[name='PD_Card_Holder_Name']").parent().find('.control-label').addClass('is_required');
            $("input[name='PD_Credit_Card']").parent().find('.control-label').addClass('is_required');
            $("input[name='PD_Expiration_Date']").parent().find('.control-label').addClass('is_required');
            e.preventDefault();
            return false;
        }

        var contactid = $("input[name='PD_Primary_Contact']").val();

        payinfo.PaymentMode = 'CC';
        payinfo.CC = card;
        payinfo.ExpirationDate = expDate;
        payinfo.PayeeName = name;
        payinfo.ContactId = contactid;
        //payinfo = JSON.stringify(payinfo);
        //console.log(payinfo);
        var fdata = new FormData();
        fdata.append("payinfo", JSON.stringify(payinfo));

        $.ajax({
            type: "POST",
            url: "home/GeneratePaymentToken",
            beforeSend: function (xhr) {
                $(".pre-loader").find('p').text('Processing Payment');
                $(".pre-loader").show();
                //xhr.setRequestHeader("XSRF-TOKEN",
                //    $('input:hidden[name="__RequestVerificationToken"]').val());
            },
            //contentType: "application/json;charset=utf-8",
            //data: payinfo,
            data: fdata,
            contentType: false,
            processData: false,
            success: function (response) {
                //Scroll top of the modal
                $("html, body").animate({ scrollTop: 0 }, "slow");

                //console.log(response);
                if (response.status !== 'Success') {
                    $(".pre-loader").hide();
                    $('.alert').removeClass('alert-success').addClass('alert-danger').find('strong').text('Error!');
                    $(".alert").find('span').text(response.message);
                    $('.alert').show();
                    console.log(response);
                } else {
                    $('.alert').removeClass('alert-danger').addClass('alert-success').find('strong').text('Success!');
                    $(".alert").find('span').text(response.message);
                    $('.alert').show();
                    $(".pre-loader").hide();

                    //disable paybutton and dropdown
                    $("select[name='PD_Select_Payment_Types']").attr('disabled', true);
                    $(".PD_credit_card").hide();
                    $("[name='POA_Paid_Securely']").val('true');
                }

            },
            error: function (err) {
                console.log(err);
                $(".pre-loader").hide();
                $('.alert').removeClass('alert-success').addClass('alert-danger').find('strong').text('Error!');
                $(".alert").find('span').text(err);
                $('.alert').show();
            }
        });
    });


    //ACH/Check payment
    $("input[name='PD_Pay_Securely_ACH']").click(function (e) {
        var payinfo = {
            PaymentMode: null,
            ContactId: null,
            CC: null,
            ExpirationDate: null,
            PayeeName: null,
            StreetAddress: null,
            ZipCode: "00000",
            BankName: "",
            AccountNumber: "",
            RoutingNumber: "",
            CheckType: "",
            AccountType: "",
            PartnerId: getQueryString('partnerid') || "default",
            EnvType: getQueryString('envtype') || "sf_tsys_prod"
        };

        var name = $("input[name='PD_Name_On_Bank_Account']").val();
        var account = $("input[name='PD_Account_Number']").val();
        var routing = $("input[name='PD_Routing_Number']").val();
        var accntType = $("select[name='PD_Account_Type']").val();
        var checkType = $("select[name='PD_Check_Type']").val();
        var contactid = $("input[name='PD_Primary_Contact']").val();
        var verifyAccount = $("[name='PD_Verify_Account_Number']").val();
        var verifyRouting = $("[name='PD_Verify_Routing_Number']").val();

        if (name === '' || account === '' || routing === '' || accntType === '' || checkType === '' || verifyAccount === '' || verifyRouting === '') {
            $('.alert').removeClass('alert-success').addClass('alert-danger').find('strong').text('Error!');
            $(".alert").find('span').text("Fields Cannot Be Empty. All the fields are required");
            $('.alert').show();

            $("input[name='PD_Card_Holder_Name']").parent().find('.control-label').addClass('is_required');
            $("input[name='PD_Credit_Card']").parent().find('.control-label').addClass('is_required');
            $("input[name='PD_Expiration_Date']").parent().find('.control-label').addClass('is_required');

            $("input[name='PD_Name_On_Bank_Account']").parent().find('.control-label').addClass('is_required');
            $("input[name='PD_Account_Number']").parent().find('.control-label').addClass('is_required');
            $("input[name='PD_Routing_Number']").parent().find('.control-label').addClass('is_required');
            $("select[name='PD_Account_Type']").parent().find('.control-label').addClass('is_required');
            $("select[name='PD_Check_Type']").parent().find('.control-label').addClass('is_required');
            $("[name='PD_Verify_Account_Number']").parent().find('.control-label').addClass('is_required');
            $("[name='PD_Verify_Routing_Number']").parent().find('.control-label').addClass('is_required');

            e.preventDefault();
            return false;
        }



        payinfo.PaymentMode = 'ACH';
        payinfo.BankName = name;
        payinfo.AccountNumber = account;
        payinfo.RoutingNumber = routing;
        payinfo.AccountType = accntType;
        payinfo.CheckType = checkType;
        payinfo.ContactId = contactid;

        //payinfo = JSON.stringify(payinfo);
        //console.log(payinfo);
        var fdata = new FormData();
        fdata.append("payinfo", JSON.stringify(payinfo));

        $.ajax({
            type: "POST",
            url: "home/GeneratePaymentToken",
            beforeSend: function (xhr) {
                $(".pre-loader").find('p').text('Processing Payment');
                $(".pre-loader").show();
                //xhr.setRequestHeader("XSRF-TOKEN",
                //    $('input:hidden[name="__RequestVerificationToken"]').val());
            },
            //contentType: "application/json;charset=utf-8",
            //data: payinfo,
            data: fdata,
            contentType: false,
            processData: false,
            success: function (response) {

                //Scroll top of the modal
                $("html, body").animate({ scrollTop: 0 }, "slow");

                if (response.status !== 'Success') {
                    $(".pre-loader").hide();
                    $('.alert').removeClass('alert-success').addClass('alert-danger').find('strong').text('Error!');
                    $(".alert").find('span').text(response.message);
                    $('.alert').show();
                    console.log(response);
                } else {
                    $('.alert').removeClass('alert-danger').addClass('alert-success').find('strong').text('Success!');
                    $(".alert").find('span').text(response.message);
                    $('.alert').show();
                    $(".pre-loader").hide();
                    //disable paybutton and dropdown
                    $("select[name='PD_Select_Payment_Types']").attr('disabled', true);
                    $(".PD_check_payment").hide();
                    $("[name='POA_Paid_Securely']").val('true');
                }

            },
            error: function (err) {
                console.log(err);
                $(".pre-loader").hide();
                $('.alert').removeClass('alert-success').addClass('alert-danger').find('strong').text('Error!');
                $(".alert").find('span').text(err);
                $('.alert').show();
            }
        });
    });


    //Add hash to the url
    var hash = window.location.hash;
    hash && $('ul.nav a[href="' + hash + '"]').tab('show');

    //$('.main-nav-tabs').click(function (e) {
    //var scrollmem = $('body').scrollTop() || $('html').scrollTop();
    //window.location.hash = this.hash;
    //$('html,body').scrollTop(scrollmem);
    //});

    //Equity
    $(".equity input").change(function () {
        minmax($(this).val(), 0, 100, this);
    });

    //Currency format
    $(".currency input").on('change', function (e) {
        var vl = e.target.value;

        let formatted = formatCurrency(vl, 9, 2);
        if (formatted) {
            formatted = parseFloat(formatted);
            var regexTest = /^\d+(?:\.\d\d?)?$/;
            var ok = regexTest.test(formatted);
            if (ok) {
                e.target.value = formatted;
            } else {
                e.target.value = '';
            }
        }
    });

    //phone format
    $('.USphone input').on('keydown', function (e) {

        var key = window.event ? e.keyCode : e.which;
        if (e.keyCode === 8 || e.keyCode === 46 || e.keyCode === 9) {

        } else if (e.keyCode == 65 && (e.ctrlKey === true || e.metaKey === true)) {
            // Allow: Ctrl+A

        }
        else if (e.keyCode == 67 && (e.ctrlKey === true || e.metaKey === true)) {
            // Allow: Ctrl+C

        }
        else if (e.keyCode == 88 && (e.ctrlKey === true || e.metaKey === true)) {
            // Allow: Ctrl+X

        }
        else if (e.keyCode == 86 && (e.ctrlKey === true || e.metaKey === true)) {
            // Allow: Ctrl+V

        }
        else if (e.keyCode >= 35 && e.keyCode <= 39) {
            // Allow: home, end, left, right

        } else if ((key < 48 || key > 57) && (key < 96 || key > 105)) {
            e.preventDefault();
            return false;
        }
        //format
        var val = $(this).val();
        var c = formatPhone(val);
        $(this).val(c);


    }).on('focus', function () {
        var phone = $(this);

        if (phone.val().length === 0) {
            phone.val('(');
        } else {
            var val = phone.val();
            phone.val('').val(val); // Ensure cursor remains at the end
        }
    }).on('blur', function () {
        var $phone = $(this);

        if ($phone.val() === '(') {
            $phone.val('');
        }
    }).on('change', function () {
        //Added as per Ayub request to show Home Phone format error
        if ($(this).val().length < 14) {
            $(this).val('');
        }
        //format the data on copy paste
        var val = $(this).val();
        var c = formatPhone(val);
        $(this).val(c);
    });

    //show datepicker on date icon's click
    $(".date .material-icons").click(function () {
        //console.log("yes");
        $(this).parent().siblings("input").focus();
    });

    //State only allow letters
    $('.state input').bind('keyup blur', function () {
        var node = $(this);
        node.val(node.val().replace(/[^a-zA-Z]/g, ''));
    });

}


//function update files array
function updateFilesList(id, files) {
    //update total count
    var total = files.length;

    //Add previously saved files with total files
    var index2 = tsys_saved_files.map(function (e) { return e.id; }).indexOf(id);
    if (tsys_saved_files[index2]) {
        tsys_saved_files[index2].data.forEach((e) => {
            if (e.isDeleted === 'false') {
                total++;
            }
        });
    }

    //Add the files to the combo as well
    var combo = $(`#${id}`).attr('data-combo');
    if (combo) {
        var index3 = tsys_files.map(function (e) { return e.id; }).indexOf(combo);
        tsys_files[index3].data = files;
    }

    $('#' + id).parents(".picture-container").siblings(".popover-container").find("span.file-total-viewer").text(total);

    var index = tsys_files.map(function (e) { return e.id; }).indexOf(id);
    tsys_files[index].data = files;

}


//Function to show image before upload
function readURL(input) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();

        reader.onload = function (e) {
            $(input).siblings(".wizardPicturePreview").hide();
            $(input).parent().removeClass("drawn");
            setTimeout(function () {
                $(input).parent().addClass("drawn");
            }, 50);
        };

        reader.readAsDataURL(input.files[0]);
    }
}

$(window).resize(function () {
    $('.wizard-card').each(function () {
        var $wizard = $(this);

        var index = $wizard.bootstrapWizard('currentIndex');
        refreshAnimation($wizard, index);

        $('.moving-tab').css({
            'transition': 'transform 0s'
        });
    });
});

function refreshAnimation($wizard, index) {
    var $total = $wizard.find('.nav li').length;
    var $li_width = 100 / $total;

    var total_steps = $wizard.find('.nav li').length;
    var move_distance = $wizard.width() / total_steps;
    var index_temp = index;
    var vertical_level = 0;

    var mobile_device = $(document).width() < 768 && $total > 3;

    if (mobile_device) {
        move_distance = $wizard.width() / 2;
        index_temp = index % 2;
        $li_width = 50;
    }

    $wizard.find('.nav li').css('width', $li_width + '%');

    var step_width = move_distance;
    move_distance = move_distance * index_temp;

    var $current = index + 1;

    if ($current == 1 || (mobile_device == true && (index % 2 == 0))) {
        move_distance -= 8;
    } else if ($current == total_steps || (mobile_device == true && (index % 2 == 1))) {
        move_distance += 8;
    }

    if (mobile_device) {
        vertical_level = parseInt(index / 2);
        vertical_level = vertical_level * 38;
    }

    $wizard.find('.moving-tab').css('width', step_width);
    $('.moving-tab').css({
        'transform': 'translate3d(' + move_distance + 'px, ' + vertical_level + 'px, 0)',
        'transition': 'all 0.5s cubic-bezier(0.29, 1.42, 0.79, 1)'

    });
}

var materialDesign = {
    checkScrollForTransparentNavbar: debounce(function () {
        if ($(document).scrollTop() > 260) {
            if (transparent) {
                transparent = false;
                $('.navbar-color-on-scroll').removeClass('navbar-transparent');
            }
        } else {
            if (!transparent) {
                transparent = true;
                $('.navbar-color-on-scroll').addClass('navbar-transparent');
            }
        }
    }, 17)

}

function debounce(func, wait, immediate) {
    var timeout;
    return function () {
        var context = this, args = arguments;
        clearTimeout(timeout);
        timeout = setTimeout(function () {
            timeout = null;
            if (!immediate) func.apply(context, args);
        }, wait);
        if (immediate && !timeout) func.apply(context, args);
    };
};