/*!
 * SmartMenus jQuery Plugin Bootstrap 4 Addon - v0.1.0 - September 17, 2017
 * http://www.smartmenus.org/
 *
 * Copyright Vasil Dinkov, Vadikom Web Ltd.
 * http://vadikom.com
 *
 * Licensed MIT
 *
 * This is modified and extended version by Tiki team.
 */

(function($) {
    $.extend($.SmartMenus.Bootstrap = {}, {
        keydownFix: false,
        init: function($navbars, options = {}) {
            if ($navbars.length === 0) return;
            $navbars.each(function() {
                var $this = $(this);
                var    obj = $this.data('smartmenus');
                // return if navbar have the "data-sm-skip" attribute set
                // or navbar is initialized
                if ($this.is('[data-sm-skip]') || obj) return;

                var skipBehavior = $this.is('[data-sm-skip-collapsible-behavior]');
                var    rightAligned = $this.hasClass('ml-auto') || $this.prevAll('.mr-auto').length > 0;
                var defaultOptions =                     {
                    // these are some good default options that should work for all
                    subMenusSubOffsetX: 2,
                    subMenusSubOffsetY: -9,
                    subIndicators: !skipBehavior,
                    collapsibleShowFunction: null,
                    collapsibleHideFunction: null,
                    rightToLeftSubMenus: rightAligned,
                    bottomToTopSubMenus: $this.closest('.fixed-bottom').length > 0,
                    // custom option(s) for the Bootstrap 4 addon
                    bootstrapHighlightClasses: 'text-dark bg-light'
                };
                var extendedOptions = $.extend(defaultOptions, options);

                $this.smartmenus(extendedOptions)
                    .on({
                        // set/unset proper Bootstrap classes for some menu elements
                        'show.smapi': function(e, menu) {
                            var $menu = $(menu),
                                $scrollArrows = $menu.dataSM('scroll-arrows');
                            if ($scrollArrows) {
                                $scrollArrows.css('background-color', $menu.css('background-color'));
                            }
                            $menu.parent().addClass('show');
                            if (obj.opts.keepHighlighted && $menu.dataSM('level') > 2) {
                                $menu.prevAll('a').addClass(obj.opts.bootstrapHighlightClasses);
                            }
                        },
                        'hide.smapi': function(e, menu) {
                            var $menu = $(menu);
                            $menu.parent().removeClass('show');
                            if (obj.opts.keepHighlighted && $menu.dataSM('level') > 2) {
                                $menu.prevAll('a').removeClass(obj.opts.bootstrapHighlightClasses);
                            }
                        }
                    });
                    // .on('beforeshow.smapi', function(e, menu) {
                    //     console.log($this.data('smartmenus'));
                    //     console.log(menu);
                    //     $(menu).css({
                    //         position: 'static'
                    //     });
                    // });

                obj = $this.data('smartmenus');

                function onInit() {
                    // set Bootstrap's "active" class to SmartMenus "current" items (should someone decide to enable markCurrentItem: true)
                    $this.find('a.current').each(function() {
                        var $this = $(this);
                        // dropdown items require the class to be set to the A's while for nav items it should be set to the parent LI's
                        ($this.hasClass('dropdown-item') ? $this : $this.parent()).addClass('active');
                    });
                    // parent items fixes
                    $($this).find('a[data-bs-toggle="dropdown"]').each(function() {
                        $(this).removeAttr('data-bs-toggle');
                    });
                    $this.find('a.has-submenu').each(function() {
                        var $this = $(this);
                        // remove Bootstrap required attributes that might cause conflicting issues with the SmartMenus script
                        if ($this.is('[data-bs-toggle="dropdown"]')) {
                            $this.dataSM('bs-data-toggle-dropdown', true).removeAttr('data-bs-toggle');
                        }
                        // remove Bootstrap's carets generating class
                        // if (!skipBehavior && $this.hasClass('dropdown-toggle')) {
                        //     $this.dataSM('bs-dropdown-toggle', true).removeClass('dropdown-toggle');
                        // }
                        if (!extendedOptions.subIndicators && $this.hasClass('dropdown-toggle')) {
                            $this.dataSM('bs-dropdown-toggle', true);
                        } else {
                            $this.removeClass('dropdown-toggle');
                        }
                    });
                }

                onInit();

                function onBeforeDestroy() {
                    $this.find('a.current').each(function() {
                        var $this = $(this);
                        ($this.hasClass('active') ? $this : $this.parent()).removeClass('active');
                    });
                    $this.find('a.has-submenu').each(function() {
                        var $this = $(this);
                        if ($this.dataSM('bs-dropdown-toggle')) {
                            $this.addClass('dropdown-toggle').removeDataSM('bs-dropdown-toggle');
                        }
                        if ($this.dataSM('bs-data-toggle-dropdown')) {
                            $this.attr('data-toggle', 'dropdown').removeDataSM('bs-data-toggle-dropdown');
                        }
                    });
                }

                // custom "refresh" method for Bootstrap
                obj.refresh = function() {
                    $.SmartMenus.prototype.refresh.call(this);
                    onInit();
                    // update collapsible detection
                    detectCollapsible(true);
                };

                // custom "destroy" method for Bootstrap
                obj.destroy = function(refresh) {
                    onBeforeDestroy();
                    $.SmartMenus.prototype.destroy.call(this, refresh);
                };

                // keep Bootstrap's default behavior (i.e. use the whole item area just as a sub menu toggle)
                if (skipBehavior) {
                    obj.opts.collapsibleBehavior = 'toggle';
                }

                // onresize detect when the navbar becomes collapsible and add it the "sm-collapsible" class
                var winW;
                function detectCollapsible(force) {
                    var newW = obj.getViewportWidth();
                    if (newW != winW || force) {
                        if (obj.isCollapsible()) {
                            $this.addClass('sm-collapsible');
                        } else {
                            $this.removeClass('sm-collapsible');
                        }
                        winW = newW;
                    }
                }
                detectCollapsible();
                $(window).on('resize.smartmenus' + obj.rootId, detectCollapsible);
            });
            // keydown fix for Bootstrap 4 conflict
            if ($navbars.length && !$.SmartMenus.Bootstrap.keydownFix) {
                // unhook BS keydown handler for all dropdowns
                $(document).off('keydown.bs.dropdown.data-api', '.dropdown-menu');
                // restore BS keydown handler for dropdowns that are not inside SmartMenus navbars
                // SmartMenus won't add the "show" class so it's handy here
                if ($.fn.dropdown && $.fn.dropdown.Constructor) {
                    $(document).on('keydown.bs.dropdown.data-api', '.dropdown-menu.show', $.fn.dropdown.Constructor.dataApiKeydownHandler);
                }
                $.SmartMenus.Bootstrap.keydownFix = true;
            }
        }
    });
})(jQuery);