@if(false && !\App\Helpers\Helper::is_production())
    @include('shared_script._check_selects')
@endif
<script>
    $(document).ready(function () {
        // This code is for the grid ellipsis hover effect on iPad. It needs to be a jquery hover so that iPad users can "tap" for the same effect
        var is_iPad = navigator.userAgent.match(/iPad/i) != null;
        if (is_iPad) {
            if ($('table.table.source-data-table.source-table-responsive.source-data-table-users.border-table > tbody > tr > td').length) {
                $('table.table.source-data-table.source-table-responsive.source-data-table-users.border-table > tbody > tr > td').hover(function () {
                        // change css on hover
                        $(this).css({'text-overflow':'clip', 'white-space':'normal', 'word-break':'break-all'})
                    }, function () {
                        // revert css changes when hover exits
                        $(this).css({'text-overflow':'ellipsis', 'white-space':'nowrap', 'word-break':'break-all'})
                    }
                );
            }
        }
    });

    function is_firefox() {
        return (navigator.sayswho.includes('Firefox') && $('form').length);
    }

    function is_chrome() {
        return (navigator.sayswho.includes('Chrome') && $('form').length);
    }

    // navigator.sayswho returns a string containing the browser name and version number
    navigator.sayswho = (function(){
        var ua = navigator.userAgent, tem,
            M = ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];
        if(/trident/i.test(M[1])){
            tem =  /\brv[ :]+(\d+)/g.exec(ua) || [];
            return 'IE '+(tem[1] || '');
        }
        if(M[1] === 'Chrome'){
            tem = ua.match(/\b(OPR|Edge)\/(\d+)/);
            if(tem != null) return tem.slice(1).join(' ').replace('OPR', 'Opera');
        }
        M = M[2]? [M[1], M[2]]: [navigator.appName, navigator.appVersion, '-?'];
        if((tem = ua.match(/version\/(\d+)/i))!= null) M.splice(1, 1, tem[1]);
        return M.join(' ');
    })();

    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        statusCode: {
            '{{ \App\Exceptions\Handler::EXPIRED_TOKEN }}': function(response) {
                presentModalAlert("Session Timeout", response.responseText);
            }
        }
    });

    $.fn.visibleHeight = function () {
        var elBottom, elTop, scrollBot, scrollTop, visibleBottom, visibleTop;
        scrollTop = $(window).scrollTop();
        scrollBot = scrollTop + $(window).height();
        elTop = this.offset().top;
        elBottom = elTop + this.outerHeight();
        visibleTop = elTop < scrollTop ? scrollTop : elTop;
        visibleBottom = elBottom > scrollBot ? scrollBot : elBottom;
        return visibleBottom - visibleTop
    };

    function presentModalAlert(title, body, is_html, updatefooter = true) {
        if (updatefooter) {
            $('#modal-alert').on('show.bs.modal', function (event) {
                $(this).find('.modal-footer').html('' +
                    '<button data-dismiss="modal" id="alert_modal_close" class="btn btn-default bt-button bt-btn-medium" type="button">Close</button>');
            });
        }
        if (typeof is_html === 'undefined') {
            $('#modal-alert .modal-title').text(title);
            $('#modal-alert .modal-body p').text(body);
        }
        else {
            $('#modal-alert .modal-title').html(title);
            $('#modal-alert .modal-body p').html(body);
        }

        $('#modal-alert').modal('show');
    }

    // auto center on comment button press (for use on ticketing)
    function scrollElementIntoView(id) {
        var scrollElement = document.getElementById(id);
        var elementRect = scrollElement.getBoundingClientRect();
        var absoluteElementTop = elementRect.top + window.pageYOffset;
        var middle = absoluteElementTop - (window.innerHeight / 2);
        window.scrollTo(0, middle);
    }

    function showYesNoModalAlert(title, body, onclick_text) {

        $('#modal-alert').on('show.bs.modal', function (event) {
            $(this).find('.modal-footer').html('' +
                '<button type="button" id="modal_alert_save" class="btn btn-primary btn-primary-save" ' +
                'onclick="' + onclick_text + '">Yes</button>' +
                '<button type="button" class="btn btn-default btn-primary-cancel" data-dismiss="modal">No</button>');
        });

        // remove the buttons when we are done
        $('#modal-alert').on('hidden.bs.modal', function (event) {
            $(this).find('.modal-footer').html('');
        });
        presentModalAlert(title, body, true, false);
    }

    function openNativeEmailWithContentEx(to_email, to_name, subject, body) {
        var to = to_name;
        if (to_email !== '')
            to = to + '<' + to_email + '>';
        var mailto = 'mailto:' + to;
        var parameters = '';
        if (subject != '')
            parameters = 'subject=' + subject;
        if (body != '') {
            // \r\n doesn't work correctly in the email body
            body = replace_all_instances(body, '\r', '%0D');
            body = replace_all_instances(body, '\n', '%0A');
            if (parameters != '')
                parameters = parameters + '&';
            parameters = parameters + 'body=' + body;
        }
        if (parameters != '')
            mailto = mailto + '?' + parameters;

        if (!is_chrome()) window.location = mailto;
        else window.open(mailto, '_blank');
    }

    function openNativeEmailWithContent(to, subject, body) {
        window.location.href = 'mailto:' + to + '?subject=' + subject + '&body=' + body;
    }

    function init_daterangepicker_range_filter(id) {
        $("#" + id + '_group')
            .daterangepicker({
                singleDatePicker: false,
                showDropdowns: true,
                opens: "center",
                autoUpdateInput: false,
                autoApply: true
            })
            .on('apply.daterangepicker', function (ev, picker) {
                // but set the value on the actual date field
                $("#" + id).val(picker.startDate.format('MM/DD/YYYY')+' - '+picker.endDate.format('MM/DD/YYYY'));
                do_grid_search(used_column, false);
            });
    }

    function init_daterangepicker_with_time(id) {
        // add the date picker to the group so that the calendar is included
        $("#" + id + '_group')
            .daterangepicker({
                singleDatePicker: true,
                showDropdowns: true,
                opens: "center",
                timePicker: true,
                timePickerIncrement: 15
            })
            .on('apply.daterangepicker', function (ev, picker) {
                apply_daterangepicker_date(id, picker, true);
            })
            .on('focusout', function () {
                validate_daterangepicker_date(id);
            });
    }

    function init_daterangepicker(id, onchange) {
        // add the date picker to the group so that the calendar is included
        $("#" + id + '_group')
            .daterangepicker({
                singleDatePicker: true,
                showDropdowns: true,
                opens: "center"
            }, function(start) {
            // daterangepicker will not work with standard onchange events when a date is selected. So to trigger an onchange
            // event you can set the second parameter to true, then create a function called daterangepicker_onchange on the view.
            // example: Mailbox Mining - optin_review.blade.php
                if (onchange)
                    daterangepicker_onchange(start.format('MM/DD/YYYY'));
            })
            .on('apply.daterangepicker', function (ev, picker) {
                apply_daterangepicker_date(id, picker);
                // this is primarily used for a date filter
                var fn = window['after_apply_daterangepicker_date'];
                if (fn != undefined) {
                    fn();
                }
            })
            .on('focusout', function () {
                validate_daterangepicker_date(id);
            });
    }

    function init_daterangepicker_with_null_support(id) {
        // add the date picker to the group so that the calendar is included
        $("#" + id + '_group')
            .daterangepicker({
                singleDatePicker: true,
                showDropdowns: true,
                opens: "center",
                autoUpdateInput: false
            })
            .on('apply.daterangepicker', function (ev, picker) {
                apply_daterangepicker_date(id, picker);
            })
            .on('focusout', function () {
                validate_daterangepicker_date(id);
            });
    }

    function apply_daterangepicker_date(id, picker, datetime) {
        // set the value on the actual date field
        if (datetime)
            $("#" + id).val(picker.startDate.format('MM/DD/YYYY hh:mm A'));
        else
            $("#" + id).val(picker.startDate.format('MM/DD/YYYY'));
        // hide error message from validate_daterangepicker_date
        $("#" + id).parent('#' + id + '_group').siblings('.date-validation-error').hide();
    }

    function validate_daterangepicker_date(id) {
        var date_control = $("#" + id);
        var validation_message = date_control.parent('#' + id + '_group').siblings('.date-validation-error');
        // check if the date is valid and show an error if it isn't
        var date_value = date_control.val();
        // if there is a date and it's invalid, show the error message
        if (date_value && !is_valid_date(date_value)) {
            validation_message.show();
        } else {
            // if there is no date or the date is valid, hide the error message
            validation_message.hide();
        }
    }

    function zero_pad_date(value) {
        if (value.toString().length > 1)
            return value;
        return '0' + value;
    }

    function is_valid_date(date_value) {
        var date_result = Date.parse(date_value);
        if (isNaN(date_result))
            return false;
        // format the date as mm/dd/yyyy and check against moment. 12/12/20122 (five digit year) can be parsed by Date but won't pass this check against moment
        date_value = new Date(date_result);
        var formatted_date = zero_pad_date(date_value.getMonth() + 1) + '/' + zero_pad_date(date_value.getDate()) + '/' + date_value.getFullYear();
        return moment(formatted_date, 'MM/DD/YYYY', true).isValid() ? formatted_date : false;
    }

    // this is a general function to highlight fields that have errors returned from ajax.
    // this was mostly stolen from _validate_blade.php but we can't use that since we are using partials on a form with ajax.
    // SELECTOR should be initialized as follows:
    //   var selector = {
    //      result: the result returned by ajax
    //      container: the container location of all the fields that need checking,
    //      input_type: class type we can use to toggle the validation-error class,
    //      default_error: if we don't have a list of errors, this is what we print instead,
    //      default_error_container: where does this error end up?,
    //      field_get_function: there may be times where the field id does not match exactly.
    //                          this is the name of the function that fetches the correct field
    //   };
    function highlight_error_fields_ajax(selector) {
        // this is where we are looking for the fields
        var container = $('#' + selector.container);
        // these fields need to have a class to search by
        container.find('.' + selector.input_type).removeClass('validation-error');
        container.find('.validation-message').remove();
        if (selector.result.responseJSON != undefined) {
            $.each(selector.result.responseJSON.errors, function (field_name, value) {
                // loop through each element
                var element = null;
                // it's possible that the return data won't have the exact name we need. Allow the forms to massage the element name
                if (selector.field_get_function != undefined && selector.field_get_function != '') {
                    var fn = window[selector.field_get_function];
                    if (fn != undefined) {
                        element = fn(field_name, selector.container);
                        if (element == undefined) {
                            element = container.find('#' + field_name);
                        }
                    }
                } else {
                    element = container.find('#' + field_name);
                }
                add_validation_error(element, field_name, value);
            })
        } else {
            if (selector.default_error_container != undefined && selector.default_error_container != '') {
                if (selector.default_error != undefined && selector.default_error != '') {
                    var e = $('#' + selector.default_error_container);
                    e.text(selector.default_error);
                    e.show();
                }
            }
        }
    }

    function remove_validation_errors() {
        $('.page-content .validation-message').remove();
        $('.page-content').find('.validation-error').removeClass('validation-error');
    }

    function add_validation_error(element, field_name, errors) {

        // there are some forms where the out-of-the box validation won't work.  ex: validating an article request
        // when hitting the approve button.  In this case, we can override the validation procedure and do our own thing
        var fn = window['override_validate'];
        if (fn != undefined) {
            fn(element, field_name, errors);
        }
        else {
            /*
            // SNF 3/31/17 added this to help developers troubleshoot required problems
            if (element[0] == undefined) {
                alert("Missing field with name: "+field_name);
                return;
            }
            */
            // for an input group, we want to add the class to all items in the group
            var parent_element = element.parent();
            var parent_class = parent_element.prop('className');
            var is_input_group;
            if (typeof parent_class !== 'undefined') {
                is_input_group = (parent_class.indexOf('input-group') !== -1);
            }
            else {
                is_input_group = false;
            }

            // do we have a container for these errors?  Use that instead
            var error_container = $('.error-container-' + field_name);
            if (error_container.length) {
                if (is_input_group) {
                    parent_element.find('*').addClass('validation-error');
                    element.change(function () {
                        $(this).parent().find('*').removeClass('validation-error');
                        error_container.find('.validation-message').remove();
                    });
                } else {
                    element
                        .addClass('validation-error')
                        .change(function () {
                            $(this).removeClass('validation-error');
                        });
                }
                for (var i = 0; i < errors.length; i++) {
                    error_container.append("<p class='validation-message'>" + errors[i] + "</p>");
                }

            } else {
                if (is_input_group) {
                    parent_element.find('*').addClass('validation-error');
                    element.change(function () {
                        $(this).parent().find('*').removeClass('validation-error');
                        $(this).parent().find('.validation-message').remove();
                    });
                } else {
                    // otherwise, add it right to the field
                    element.addClass('validation-error');
                    element.change(function () {
                        $(this).removeClass('validation-error');
                        $(this).parent().find('.validation-message').remove();
                    });
                }
                for (var j = 0; j < errors.length; j++) {
                    element.parent().append("<p class='validation-message'>" + errors[j] + "</p>");
                }
            }
        }
    }

    function auto_grow(name) {
        var item = document.getElementById(name);
        if (item != undefined) {
            var s_height = item.scrollHeight;
            item.setAttribute('style', 'height:' + s_height + 'px');
        }
    }

    function auto_grow_by_class(class_name, parent_class) {
        if (parent_class != undefined) {
            var elms = $('.' + parent_class + ' .' + class_name);
        } else {
            var elms = document.getElementsByClassName(class_name)
        }
        for (var i = 0; i < elms.length; i++) {
            var s_height = elms[i].scrollHeight;
            elms[i].setAttribute('style', 'height:' + s_height + 'px');
        }
    }

    function launch_native_email(post_url) {
        $.ajax({
            dataType: 'json',
            url: post_url,
            method: 'POST',
            success: function (response) {
                if (response.message == 'success') {
                    openNativeEmailWithContent(response.data.to, response.data.subject, response.data.body); //for email client
                } else if (response.message == 'fail' && response.data == 'NO_BUSINESS_USER') {
                    presentModalAlert('Error', 'Please add a business user.');
                }
                else {
                    presentModalAlert('Error', 'There was an error handling this request.');
                }
            }
        });
    }

    function autoheight(a) {
        if (!$(a).prop('scrollTop')) {
            do {
                var b = $(a).prop('scrollHeight');
                var h = $(a).height();
                $(a).height(h - 5);
            }
            while (b && (b != $(a).prop('scrollHeight')));
        }
        $(a).height($(a).prop('scrollHeight') + 20);
    }

    function items_autoheight(identifier) {
        $(identifier).each(function () {
            autoheight($(this));
        });
    }

    function feedback_autoheight() {
        items_autoheight('.feedback-textarea');
    }

    function autoheight_readonly_textareas() {
        items_autoheight(".module-elements-view-content-textarea");
        feedback_autoheight();
    }

    $("form").submit(function (event) {
        // do not allow the form to be submitted again
        if ($(this).hasClass('submitted')) {
            event.preventDefault();
        }
        else {
            // in the case of a modal answer, we need a way of not running the validation again
            if (!$(this).hasClass('skip_onsubmit')) {
                $(this).addClass('submitted');
                // do the onsubmit function first
                if (this.hasAttribute('onsubmit_function')) {
                    var on_submit = this.getAttribute('onsubmit_function');
                    var fn = window[on_submit];
                    if (fn != undefined) {
                        var result = fn();
                        // we failed validation.  cancel the submit and enable the user to submit again
                        if (!result) {
                            $(this).removeClass('submitted');
                            event.preventDefault();
                        }
                    }
                }
            }
        }
    });

    function hide_message_container(container_class) {
        var container = $('.'+container_class);
        if (container.length) {
            container.empty();
        }
    }

    function show_message(container_class, messages, message_class) {
        var container = $('.'+container_class);
        if (container.length) {
            container.empty();
            for (var i = 0; i < messages.length; i++) {
                container.prepend("<p class='"+message_class+"'>"+messages[i]+"</p>");
            }
            container.show();
        }
    }

    function show_success_message(container_class, message) {
        show_message(container_class, message, 'update-success');
    }

    function show_error_message(container_class, message) {
        show_message(container_class, message, 'update-error');
    }

    // SNF 12/10 this is used for testing - sometimes the items are not in view and need to be to be clickable
    function scroll_to_top(selector) {
        $(selector).scrollView();
    }

    // If you wish to use an encoding compatible with RFC 3986 (which reserves !, ', (, ), and *), you can use:
    function rfc3986EncodeURIComponent (str) {
        return encodeURIComponent(str).replace(/[!'()*]/g, escape);
    }

    // Used in number_ex form component to prevent non number entries
    function keypress_number_only(evt) {
        evt = (evt) ? evt : window.event;
        var charCode = (evt.which) ? evt.which : evt.keyCode;
        if (charCode > 31 && (charCode < 48 || charCode > 57)) {
            return false;
        }
    }

    // Used in float_ex form component to prevent non number entries, decimal allowed
    function keypress_float_only(evt) {
        evt = (evt) ? evt : window.event;
        var charCode = (evt.which) ? evt.which : evt.keyCode;
        if (charCode !== 46 && (charCode < 48 || charCode > 57)) {
            return false;
        }
    }

    // Sometimes models with boolean attributes defaulting to true make the unit tests fail.  This is an easy
    // way to make sure that checkboxes with hidden attributes get set correctly on unselect
    $(".checkbox-with-hidden").click( function(){
        if(!$(this).is(':checked')) {
            var field_name = $(this)[0].name;
            if (field_name != '') {
                $("input[name="+field_name+"]" ).val( 0 );
            }
        }
    });

    function replace_all_instances(source_string, find_string, replace_string) {
        while (source_string.includes(find_string))
            source_string = source_string.replace(find_string, replace_string);
        return source_string;
    }
</script>