var left_side_width = 220; //Sidebar width in pixels

$(function () {
    "use strict";

    $('.left-side').toggleClass("collapse-left");
    //$(".right-side").toggleClass("strech");
    $("[data-bs-toggle='offcanvas']").toggleClass('active_desac');

    //Enable sidebar toggle
    $("[data-bs-toggle='offcanvas']").on('click', function (e) {
        e.preventDefault();

        //If window is small enough, enable sidebar push menu
        if ($(window).width() <= 992) {
            $('.row-offcanvas').toggleClass('active');
            $('.left-side').removeClass("collapse-left");
            $(".right-side").removeClass("strech");
            $(".titleModule").removeClass("strech");

            $('.row-offcanvas').toggleClass("relative");
            $(this).toggleClass('active_desac');
        } else {
            //Else, enable content streching
            $('.left-side').toggleClass("collapse-left");
            $(".titleModule").toggleClass("strech");
            $(".right-side").toggleClass("strech");
            $(this).toggleClass('active_desac');
        }
    });

    //Add hover support for touch devices
    $('.btn').on('touchstart', function () {
        $(this).addClass('hover');
    }).on('touchend', function () {
        $(this).removeClass('hover');
    });

    //Activate tooltips
    document.querySelectorAll("[data-bs-toggle='tooltip']").forEach(el => new bootstrap.Tooltip(el));

    /*
     * Add collapse and remove events to boxes
     */
    $("[data-widget='collapse']").on('click', function () {
        //Find the box parent
        var box = $(this).parents(".box").first();
        //Find the body and the footer
        var bf = box.find(".box-body, .box-footer");
        if (!box.hasClass("collapsed-box")) {
            box.addClass("collapsed-box");
            //Convert minus into plus
            $(this).children(".fa-minus").removeClass("fa-minus").addClass("fa-plus");
            bf.slideUp();
        } else {
            box.removeClass("collapsed-box");
            //Convert plus into minus
            $(this).children(".fa-plus").removeClass("fa-plus").addClass("fa-minus");
            bf.slideDown();
        }
    });

    /*
     * ADD SLIMSCROLL TO THE TOP NAV DROPDOWNS
     * ---------------------------------------
     */
    $(".navbar .menu").slimScroll({
        height: "200px",
        alwaysVisible: false,
        size: "3px"
    }).css("width", "100%");

    /*
     * INITIALIZE BUTTON TOGGLE
     * ------------------------
     */
    $('.btn-group[data-bs-toggle="btn-toggle"]').each(function () {
        var group = $(this);
        $(this).find(".btn").on('click', function (e) {
            group.find(".btn.active").removeClass("active");
            $(this).addClass("active");
            e.preventDefault();
        });
    });

    $("[data-widget='remove']").on('click', function () {
        //Find the box parent
        var box = $(this).parents(".box").first();
        box?.slideUp();
    });

    /* Sidebar tree view */
    $(".sidebar .treeview").tree();

    /*
     * Make sure that the sidebar is streched full height
     * ---------------------------------------------
     * We are gonna assign a min-height value every time the
     * wrapper gets resized and upon page load. We will use
     * Ben Alman's method for detecting the resize event.
     *
     **/
    function _fix() {
        //Get window height and the wrapper height
        var height = $(window).height();

        $(".wrapper").css("min-height", height + "px");
        var content = $(".wrapper").height();
        //If the wrapper height is greater than the window
        if (content > height) {
            //then set sidebar height to the wrapper
            $(".left-side, html, body").css("height", content + "px");
        } else {
            //Otherwise, set the sidebar to the height of the window
            $(".left-side, html, body").css("height", height + "px");
        }
    }
    //Fire upon load
    _fix();
    //Fire when wrapper is resized
    $(".wrapper").on('resize', function () {
        _fix();
        fix_sidebar();
    });

    //Fix the fixed layout sidebar scroll bug
    fix_sidebar();
});

$("a").on('click', function (e) {
    e.preventDefault();            
});

$("button").on('click', function (e) {
    if ($(this).attr('type') !== 'submit')
        e.preventDefault();
});

function fix_sidebar() {
    //Make sure the body tag has the .fixed class
    if (!$("body").hasClass("fixed")) {
        return;
    }

    //Add slimscroll
    $(".sidebar").slimScroll({
        height: ($(window).height() - $(".header").height()) + "px",
        color: "rgba(0,0,0,0.2)"
    });
}

/*END DEMO*/

/*
 * SIDEBAR MENU
 * ------------
 * This is a custom plugin for the sidebar menu. It provides a tree view.
 *
 * Usage:
 * $(".sidebar).tree();
 *
 * Note: This plugin does not accept any options. Instead, it only requires a class
 *       added to the element that contains a sub-menu.
 *
 * When used with the sidebar, for example, it would look something like this:
 * <ul class='sidebar-menu'>
 *      <li class="treeview active">
 *          <a href="#>Menu</a>
 *          <ul class='treeview-menu'>
 *              <li class='active'><a href=#>Level 1</a></li>
 *          </ul>
 *      </li>
 * </ul>
 *
 * Add .active class to <li> elements if you want the menu to be open automatically
 * on page load. See above for an example.
 */
(function ($) {
    "use strict";

    $.fn.tree = function () {
        return this.each(function () {
            var btn = $(this).children("a").first();
            var menu = $(this).children(".treeview-menu").first();
            var isActive = $(this).hasClass('active');

            //initialize already active menus
            if (isActive) {
                menu.show();
                btn.children(".fa-angle-left").first().removeClass("fa-angle-left").addClass("fa-angle-down");
            }

            //Slide open or close the menu on link click
            btn.on('click', function (e) {
                e.preventDefault();

                if ($(this).parent("li")[0].id != menuActive) {
                    $(".treeview").removeClass("active");
                    $(".treeview-menu").css("display", "none")
                }

                var li = $(this).parent("li");
                var isActive = li.hasClass("active")
                var hu = li.children("ul");

                if (isActive) {
                    isActive = false;
                    li.removeClass("active");
                    hu.css("display", "none");
                } else {
                    isActive = true;
                    li.addClass("active");
                    hu.css("display", "block");
                }

                menuActive = $(this).parent("li")[0].id;
            });

            /* Add margins to submenu elements to give it a tree look */
            menu.find("li > a").each(function () {
                var pad = parseInt($(this).css("margin-left")) + 10;
                $(this).css({ "margin-left": pad + "px" });
            });
        });
    };
}(jQuery));

/*!
 * SlimScroll https://github.com/rochal/jQuery-slimScroll
 * =======================================================
 *
 * Copyright (c) 2011 Piotr Rochala (http://rocha.la) Dual licensed under the MIT
 */
(function (f) {
    jQuery.fn.extend({
        slimScroll: function (h) {
            var a = f.extend({ width: "auto", height: "250px", size: "7px", color: "#000", position: "right", distance: "1px", start: "top", opacity: 0.4, alwaysVisible: !1, disableFadeOut: !1, railVisible: !1, railColor: "#333", railOpacity: 0.2, railDraggable: !0, railClass: "slimScrollRail", barClass: "slimScrollBar", wrapperClass: "slimScrollDiv", allowPageScroll: !1, wheelStep: 20, touchScrollStep: 200, borderRadius: "0px", railBorderRadius: "0px" }, h);
            this.each(function () {
                function r(d) {
                    if (s) {
                        d = d || window.event;
                        var c = 0;
                        d.wheelDelta && (c = -d.wheelDelta / 120);
                        d.detail && (c = d.detail / 3);
                        f(d.target || d.srcTarget || d.srcElement).closest("." + a.wrapperClass).is(b.parent()) && m(c, !0);
                        d.preventDefault && !k && d.preventDefault();
                        k || (d.returnValue = !1)
                    }
                }
                function m(d, f, h) {
                    k = !1;
                    var e = d, g = b.outerHeight() - c.outerHeight();
                    f && (e = parseInt(c.css("top")) + d * parseInt(a.wheelStep) / 100 * c.outerHeight(), e = Math.min(Math.max(e, 0), g), e = 0 < d ? Math.ceil(e) : Math.floor(e), c.css({ top: e + "px" }));
                    l = parseInt(c.css("top")) / (b.outerHeight() - c.outerHeight());
                    e = l * (b[0].scrollHeight - b.outerHeight());
                    h && (e = d, d = e / b[0].scrollHeight * b.outerHeight(), d = Math.min(Math.max(d, 0), g), c.css({ top: d + "px" }));
                    b.scrollTop(e);
                    b.trigger("slimscrolling", ~~e);
                    v();
                    p()
                }
                function C() {
                    window.addEventListener ? (this.addEventListener("DOMMouseScroll", r, !1), this.addEventListener("mousewheel", r, { passive: false }), this.addEventListener("MozMousePixelScroll", r, !1)) : document.attachEvent("onmousewheel", r)
                }
                function w() {
                    u = Math.max(b.outerHeight() / b[0].scrollHeight * b.outerHeight(), D);
                    c.css({ height: u + "px" });
                    var a = u == b.outerHeight() ? "none" : "block";
                    c.css({ display: a })
                }
                function v() {
                    w();
                    clearTimeout(A);
                    l == ~~l ? (k = a.allowPageScroll, B != l && b.trigger("slimscroll", 0 == ~~l ? "top" : "bottom")) : k = !1;
                    B = l;
                    u >= b.outerHeight() ? k = !0 : (c.stop(!0, !0).fadeIn("fast"), a.railVisible && g.stop(!0, !0).fadeIn("fast"))
                }
                function p() {
                    a.alwaysVisible || (A = setTimeout(function () {
                        a.disableFadeOut && s || (x || y) || (c.fadeOut("slow"), g.fadeOut("slow"))
                    }, 1E3))
                }
                var s, x, y, A, z, u, l, B, D = 30, k = !1, b = f(this);
                if (b.parent().hasClass(a.wrapperClass)) {
                    var n = b.scrollTop(),
                        c = b.parent().find("." + a.barClass), g = b.parent().find("." + a.railClass);
                    w();
                    if (f.isPlainObject(h)) {
                        if ("height" in h && "auto" == h.height) {
                            b.parent().css("height", "auto");
                            b.css("height", "auto");
                            var q = b.parent().parent().height();
                            b.parent().css("height", q);
                            b.css("height", q)
                        }
                        if ("scrollTo" in h)
                            n = parseInt(a.scrollTo);
                        else if ("scrollBy" in h)
                            n += parseInt(a.scrollBy);
                        else if ("destroy" in h) {
                            c.remove();
                            g.remove();
                            b.unwrap();
                            return
                        }
                        m(n, !1, !0)
                    }
                } else {
                    a.height = "auto" == a.height ? b.parent().height() : a.height;
                    n = f("<div></div>").addClass(a.wrapperClass).css({
                        position: "relative",
                        overflow: "hidden", width: a.width, height: a.height
                    });
                    b.css({ overflow: "hidden", width: a.width, height: a.height });
                    var g = f("<div></div>").addClass(a.railClass).css({ width: a.size, height: "100%", position: "absolute", top: 0, display: a.alwaysVisible && a.railVisible ? "block" : "none", "border-radius": a.railBorderRadius, background: a.railColor, opacity: a.railOpacity, zIndex: 90 }), c = f("<div></div>").addClass(a.barClass).css({
                        background: a.color, width: a.size, position: "absolute", top: 0, opacity: a.opacity, display: a.alwaysVisible ?
                            "block" : "none", "border-radius": a.borderRadius, BorderRadius: a.borderRadius, MozBorderRadius: a.borderRadius, WebkitBorderRadius: a.borderRadius, zIndex: 99
                    }), q = "right" == a.position ? { right: a.distance } : { left: a.distance };
                    g.css(q);
                    c.css(q);
                    b.wrap(n);
                    b.parent().append(c);
                    b.parent().append(g);
                    a.railDraggable && c.on("mousedown", function (a) {
                        var b = f(document);
                        y = !0;
                        t = parseFloat(c.css("top"));
                        pageY = a.pageY;
                        b.on("mousemove.slimscroll", function (a) {
                            currTop = t + a.pageY - pageY;
                            c.css("top", currTop);
                            m(0, c.position().top, !1)
                        });
                        b.on("mouseup.slimscroll", function (a) {
                            y = !1;
                            p();
                            b.unbind(".slimscroll")
                        });
                        return !1
                    }).on("selectstart.slimscroll", function (a) {
                        a.stopPropagation();
                        a.preventDefault();
                        return !1
                    });
                    g.hover(function () {
                        v()
                    }, function () {
                        p()
                    });
                    c.hover(function () {
                        x = !0
                    }, function () {
                        x = !1
                    });
                    b.hover(function () {
                        s = !0;
                        v();
                        p()
                    }, function () {
                        s = !1;
                        p()
                    });
                    b.on("touchstart", function (a, b) {
                        a.originalEvent.touches.length && (z = a.originalEvent.touches[0].pageY)
                    });
                    b.on("touchmove", function (b) {
                        k || b.originalEvent.preventDefault();
                        b.originalEvent.touches.length &&
                            (m((z - b.originalEvent.touches[0].pageY) / a.touchScrollStep, !0), z = b.originalEvent.touches[0].pageY)
                    });
                    w();
                    "bottom" === a.start ? (c.css({ top: b.outerHeight() - c.outerHeight() }), m(0, !0)) : "top" !== a.start && (m(f(a.start).position().top, null, !0), a.alwaysVisible || c.hide());
                    C()
                }
            });
            return this
        }
    });
    jQuery.fn.extend({ slimscroll: jQuery.fn.slimScroll })
})(jQuery);

$(function () {
    $('.navbar-toggler').on('click', function (event) {
        event?.preventDefault();
        $(this).closest('.navbar-minimal').toggleClass('open');
    })
});

// flat user ui

$(function () {
    document.querySelectorAll('.btn').forEach(el => {

        let tooltipInstance = bootstrap.Tooltip.getInstance(el);
        if (tooltipInstance) {
            tooltipInstance.dispose();
        }

        if (!bootstrap.Popover.getInstance(el)) {
            new bootstrap.Popover(el);
        }
    });

    var $btnSets = $('#responsive'),
        $btnLinks = $btnSets.find('a');

    $btnLinks.on('click', function (e) {
        e.preventDefault();
        $(this).siblings('a.active').removeClass("active");
        $(this).addClass("active");
        var index = $(this).index();
        $("div.user-menu>div.user-menu-content").removeClass("active");
        $("div.user-menu>div.user-menu-content").eq(index).addClass("active");
    });

    document.querySelectorAll('a[data-rel]').forEach(el => new bootstrap.Tooltip(el));

    $('.view').hover(
        function () {
            $(this).find('.caption').slideDown(250); //.fadeIn(250)
        },
        function () {
            $(this).find('.caption').slideUp(250); //.fadeOut(205)
        }
    );

    $("footer .item_menu_footer p").append('<span></span>');

    $("footer .item_menu_footer > p span").on('click', function () {
        $('footer .item_menu_footer > div').slideUp(500);
        $('footer .item_menu_footer').removeClass('active');
        if ($(this).parent('p').next('div').css('display') == "none") {
            $(this).parent('p').next('div').slideDown(500);
            $(this).parent('p').parent('div').addClass('active');
        }
    });
});

$(window).on("load", function () {
    $("#loader").fadeOut(500);
});

function buscador() {
    $('.buscador').fadeIn(300);
}

function closeBuscador() {
    $('.buscador').fadeOut(300);
}

function list_camp_adic() {
    if ($('.listado_camp-adicional').css("display") == "none") {
        $('.listado_camp-adicional').slideDown(300);
    } else {
        $('.listado_camp-adicional').slideUp(300);
    }
}

function list_camp_adic_req() {
    if ($('.listado_camp-adicional-req').css("display") == "none") {
        $('.listado_camp-adicional-req').slideDown(300);
    } else {
        $('.listado_camp-adicional-req').slideUp(300);
    }
}

function openWindowUpdates() {
    let divModal = document.createElement("div");
    divModal.className = "divModal";
    divModal.id = "divModal";
    document.body.appendChild(divModal);

    $('#dialog').attr('hidden', false);
    $("#dialog").data("kendoWindow").open();
    $('#msgWindow').attr('hidden', false);
    $('#wasRead').attr('hidden', false);
    $('#wasReadText').attr('hidden', false);
    $('#saveCheckWindow').attr('hidden', false);
}

function saveReadState() {
    var state = $('#wasRead').is(':checked');
    var pagePath = window.location.protocol + '//' + window.location.host + "/GeneralArea/Home/saveReadState";
    $.ajax({
        type: "POST",
        data: { 'state': state },
        dataType: "json",
        url: pagePath
    }).done(function (result) {
    }).fail(function (jqXHR, textStatus) {
    });

    $("#dialog").data("kendoWindow").close();
}

$(".datepicker").on('change', function (e) {
    var date = kendo.toString(kendo.parseDate(this.value), "d");
    this.value = date;
    if (date === null)
        this.focus();
});

function fnHomeTheme() {
    if ((((new Date()).getMonth() + 1) == 12) || (((new Date()).getMonth() + 1) == 1 && ((new Date()).getDate()) <= 3))
        if ($.isFunction($('body').flurry)) {
            var characterList = ["❅", "❄", "❆", "☼", "☀", "⛄", "☃"];
            var character = "";
            var colors = ["white"];
            if (((new Date()).getMonth() + 1 === 12 && (new Date()).getDate() >= 29) || ((new Date()).getMonth() + 1 === 1 && (new Date()).getDate() <= 3)) {
                colors = ["white", "red", "yellow"];
                character = "~-🎊";
            }
            else {
                if ((new Date()).getDate() === 24)
                    character = characterList.toString();
                else {
                    var randomnumber = Math.floor(Math.random() * 7);
                    character = characterList[randomnumber];
                }
            }

            let wind = Math.floor(Math.random() * 200);
            let speed = Math.floor(Math.random() * 1500 + 1500);
            $('body').flurry({
                character: character,
                color: colors,
                frequency: 100,
                height: 120,
                speed: speed,
                small: 4,
                large: 20,
                wind: wind,
                windVariance: 20,
                rotation: 90,
                rotationVariance: 180,
                startOpacity: 1,
                endOpacity: 0,
                opacityEasing: "cubic-bezier(1,.3,.6,.74)",
                blur: true,
                overflow: "hidden",
                zIndex: 9999
            });

            document.getElementById("InternalGomedisyLogo").style.background = "url(../img/iconos/logo_navidad.png) no-repeat center";
            document.getElementById("InternalGomedisyLogo").style.width = "150px";
            document.getElementById("InternalGomedisyLogo").style.height = "60px";
        }
}

function signalRILayoutMethods(chat) {
    if (!isLoadSignalR) {
        chat.on("updateOffice",(cases, name, idConnection, idCompany, idOffice) => {
            // Enviara todo el mundo
            LoadStart();
            window.location.replace(window.location.protocol + '//' + window.location.host + "/GeneralArea/Home");
            StopStart();
        });

        chat.on("addNewMessageToPage", (message) => {
            // Enviara todo el mundo
            SetMessageNotificationCenter(100, 300, message + ' ' + name, '', 'info', false);
        });

        chat.on("addChatMessage", (message) => {
            // Add the message to the page.
            SetMessageNotificationCenter(100, 300, message, '', 'info', false);
        });

        chat.on("showErrorMessage", (message) => {
            // Add the message to the page.
            if (message == "El usuario se encuentra desconectado.")
                window.location.replace(window.location.protocol + '//' + window.location.host + "/GeneralArea/Home");
            else
                SetMessageNotificationCenter(100, 300, message, '', 'info', false);
        });

        chat.on("addNewMessageToolBar", (message, count) => {
            SetMessageNotification(0, $(window).height() - 100, 100, 300, message, '', 'info', true, 10000);

            $(".label-success").text((parseFloat(count)));
            LoadGetMessageLayout();
            $('#tableUserMessagesALL').empty();
            $('#tableUserMessages').empty();
            getUserMessages("ALL");
            getCountUserMessagesJson();
        });

        chat.on("addWelcome", (message, param) =>{
            // Add the message to the page.
            if (param == 1)
                SetMessageNotificationCenter(100, 300, message, '', 'info', true, 10000);
            else
                SetMessageNotification(0, $(window).height() - 100, 100, 300, message, '', 'error', true, 10000);
        });

        isLoadSignalR = true;
    }
}