// Toggle mode
if (localStorage.getItem('sideBarOn') === 'true') {
    $('#js-toggle-sidebar').addClass('togged');
    $('.elysian-mid').addClass('mid-togged');
    $('.elysian-right').addClass('right-togged');
}

$(function() {
    // toggle sidebar
    (function sideBar() {
        var $toggleButton = $('#js-toggle-sidebar');
        var $sidebar = $('.elysian-mid');
        var $wrapper = $('.elysian-right');

        function sideBar() {
            if (!$sidebar.hasClass('mid-togged')) {
                $sidebar.addClass('mid-togged');
                $toggleButton.addClass('togged');
                $wrapper.addClass('right-togged');
                localStorage.setItem('sideBarOn', 'true');
            } else {
                $sidebar.removeClass('mid-togged');
                $toggleButton.removeClass('togged');
                $wrapper.removeClass('right-togged');
                localStorage.removeItem('sideBarOn');
            }
        }

        $toggleButton.on('click', sideBar);
    })();
});