/*
 # -----------------------------------------------------------------------------
 # ~/assets/themes/j1/modules/bsThemeSwitcher/js/switcher.js
 # Provides Javascript functions for Bootstrap ThemeSwitcher
 #
 # Product/Info:
 # https://jekyll.one
 # https://github.com/jguadagno/bootstrapThemeSwitcher
 #
 # Copyright (C) 2021 Juergen Adams
 # Copyright (C) 2014 Joseph Guadagno
 #
 # J1 Template is licensed under the MIT License.
 # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
 # Bootstrap Theme Switcher is licensed under the MIT License.
 # See: https://github.com/jguadagno/bootstrapThemeSwitcher
 # -----------------------------------------------------------------------------
 # NOTE: This modules is MODIFIED to be used with MobileMenu (mmenuLight).
 #       The original version cannot be used with J1 for theme menu creation!
 # -----------------------------------------------------------------------------
*/
'use strict';

// -----------------------------------------------------------------------------
// ESLint shimming
// -----------------------------------------------------------------------------
/* eslint indent: "off"                                                       */
/* eslint no-console: ["error", { allow: ["log", "warn", "error"] }]          */
/* eslint no-unused-vars: "off"                                               */
/* eslint no-undef: "off"                                                     */
/* eslint no-useless-escape: "off"                                            */
/* eslint no-prototype-builtins: "off"                                        */
/* eslint no-shadow-restricted-names: "off"                                   */
/* global jQuery                                                              */
/* global Cookies                                                             */
// -----------------------------------------------------------------------------

/**
* jQuery Twitter Bootstrap Theme Switcher v1.1.5
* https://github.com/jguadagno/bootstrapThemeSwitcher
*
* Copyright 2014, Joseph Guadagno
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/

(function ($, window, document, undefined) {

  var old = $.fn.bootstrapThemeSwitcher;

  var cookie_names      = j1.getCookieNames();
  var gaCookies         = j1.findCookie('_ga');
  var j1Cookies         = j1.findCookie('j1');
  var url               = new liteURL(window.location.href);
  var hostname          = url.hostname;
  var domain            = hostname.substring(hostname.lastIndexOf('.', hostname.lastIndexOf('.') - 1) + 1);
  var secure            = (url.protocol.includes('https')) ? true : false;

  var logger = log4javascript.getLogger('j1.core.switcher');
  var logText;

  var user_state_detected;
  var user_state = {};
  var user_state_json;
  var user_state_cookie;

  // Constructor
  // ---------------------------------------------------------------------------
  var BootstrapThemeSwitcher = function (element, options) {

    this.$element = $(element);
    this.settings = $.extend({}, $.fn.bootstrapThemeSwitcher.defaults, options);
    this.themesList = [];

    // loading local themes
    this.getThemes();
    return this;
  };

  // Prototype
  // ---------------------------------------------------------------------------
  BootstrapThemeSwitcher.prototype = {
    clear: function () {
      logger.debug('\n' + 'bootstrapThemeSwitcher.clear');
      return this.$element.each(function () {
        this.$element.empty();
      });
    },
    update: function () {
      logger.debug('\n' + 'bootstrapThemeSwitcher.update');
      this.getThemes();
    },

    // -------------------------------------------------------------------------
    //  checkStyleSheetByName
    // -------------------------------------------------------------------------
    checkStyleSheetByName: function (name) {
      var found   = false;
      var test    = '\/' + name + '\/';
      var re      = new RegExp(test, 'i');

      for(var i = 0; i < document.styleSheets.length; i++){
        if(re.test(document.styleSheets[i].href)){
          found=true;
          break;
        }
      }
      return found;
    },

    // -------------------------------------------------------------------------
    //  switchTheme
    // -------------------------------------------------------------------------
    // NOTE:
    // For J1 template, switchTheme set only the cookies contents. The theme
    // switch is done by a page reload. The reload triggers the theme_generator
    // to load theme CSS from cookies, finally.
    // -------------------------------------------------------------------------
    switchTheme: function (name, cssFile) {

      var $this      = $(this);
      var settings   = $.extend({}, $.fn.bootstrapThemeSwitcher.defaults, $this.data('bootstrapThemeSwitcher'));
      var id         = settings.cssThemeLink;
      var debug      = settings.debug;
      var includeCSS = this.settings.includeBootswatch;
      var themeName;
      var theme_css;

      // detect|set user state cookie
      user_state_detected = j1.existsCookie (cookie_names.user_state);
      if ( user_state_detected ) {
        logger.debug('\n' + 'cookie found: ' + cookie_names.user_state);
        user_state = j1.readCookie(cookie_names.user_state);
      } else {
        logger.error('\n' + 'cookie not found: ' + cookie_names.user_state);
        logger.debug('\n' + 'j1 cookies found:' + j1Cookies.length);
        j1Cookies.forEach(item => console.log('j1.core.switcher: ' + item));
        logger.debug('\n' + 'ga cookies found:' + gaCookies.length);
        gaCookies.forEach(item => console.log('j1.core.switcher: ' + item));
      }

      themeName = user_state.theme_name;
      theme_css = user_state.theme_css;

      if (typeof cssFile === 'undefined') { cssFile = this.settings.defaultCssFile; }
      if (typeof name === 'undefined') { name = cssFile; }

      // check if theme is to be saved to cookie
      if (settings.saveToCookie) {
        if ( typeof Cookies === 'undefined' ) {
          if ( debug === 'true' ) {
            logger.error('\n' + 'cookies library not present');
          }
          return false;
        }

        user_state.theme_name  = name;
        user_state.theme_css   = cssFile;

        if (!(user_state.theme_name.includes('Uno') || user_state.theme_name == 'Bootstrap')) {
          user_state.theme_author        = 'Bootswatch';
          user_state.theme_author_url    = 'https://bootswatch.com/';
        } else {
          user_state.theme_author        = 'J1 Team';
          user_state.theme_author_url    = 'https://jekyll.one/';
        }

        logger.debug('\n' + 'write to cookie : ' + cookie_names.user_state);
        j1.writeCookie({
          name: cookie_names.user_state,
          data: user_state,
          samesite: 'Strict',
          secure:   secure,
          expires:  365
        });

        // reload current page (skip cache)
        location.reload(true);
      } else {
        logger.debug('\n' + 'write to cookie : disabled');
        logger.warn('\n' + 'selected theme not activated: ' + name);
      } // END if saveToCookie

    }, // END switchTheme

    // -------------------------------------------------------------------------
    //  loadThemeFromCookie
    // -------------------------------------------------------------------------
    loadThemeFromCookie: function (options) {

      if ( typeof Cookies === 'undefined' ) {
        logger.error('\n' + 'cookies library not present');
        return false;
      }

      var settings = $.extend({}, $.fn.bootstrapThemeSwitcher.defaults, options);

      // detect|set user state cookie
      user_state_detected = j1.existsCookie (cookie_names.user_state);

      if ( user_state_detected ) {
        logger.info('\n' + 'cookie found: ' + cookie_names.user_state);
        user_state = j1.readCookie(cookie_names.user_state);
      } else {
        logger.error('\n' + 'cookie not found: ' + cookie_names.user_state);
        logger.debug('\n' + 'j1 cookies found:' + j1Cookies.length);
        j1Cookies.forEach(item => console.log('j1.core.switcher: ' + item));
        logger.debug('\n' + 'ga cookies found:' + gaCookies.length);
        gaCookies.forEach(item => console.log('j1.core.switcher: ' + item));
      }

      var themeName = user_state.theme_name;
      var themeCss  = user_state.theme_css;
      this.switchTheme(themeName, themeCss);

    }, // END loadThemeFromCookie

    // -------------------------------------------------------------------------
    //  addTheme
    // -------------------------------------------------------------------------
    addTheme: function(name, cssFile, start, deleteCount) {
      if (typeof start === 'undefined') { start = 0; }
      if (typeof deleteCount === 'undefined') { deleteCount = 0; }
      this.themesList.splice(start, deleteCount, {name: name, css: cssFile});
      this.addThemesToControl();
    }, // END addTheme

    // -------------------------------------------------------------------------
    //  addThemesToControl
    // -------------------------------------------------------------------------
    addThemesToControl: function() {
      if (typeof this.$element === 'undefined') {
        logger.error('\n' + 'bootstrapThemeSelector|addThemesToControl: Element is undefined');
        return false;
      }
      if (typeof this.themesList === 'undefined') {
        logger.error('\n' + 'bootstrapThemeSelector|addThemesToControl: Themes is undefined');
        return false;
      }

      // if BootSwatch excludes are set
      if(this.settings.excludeBootswatch){
        var excludeBootswatchs;
        // split the string on ,
        if(this.settings.excludeBootswatch.indexOf(',') !== -1){
          excludeBootswatchs = this.settings.excludeBootswatch.replace(/ /g, '').split(',');
        } else {
          excludeBootswatchs = [];
          excludeBootswatchs.push(this.settings.excludeBootswatch);
        }

        var tempThemeList = this.themesList;
        $.each(tempThemeList, function (i, value) {
          if(value && value.name){
            if( $.inArray( value.name, excludeBootswatchs ) !== -1 ){
              tempThemeList.splice(i,1);
            }
          }
        });
        this.themesList = tempThemeList;
      }

      var base = this;

      if (this.$element.is('ul')) {
        var $this    = $(this);
        var settings = $.extend({}, $.fn.bootstrapThemeSwitcher.defaults, $this.data('bootstrapThemeSwitcher'));
        var id       = settings.cssThemeLink;
        var debug    = settings.debug;
        var themeName;

        // detect|set user state cookie
        user_state_detected = j1.existsCookie (cookie_names.user_state);
        if ( user_state_detected ) {
          logger.debug('\n' + 'user state cookie found');
          user_state = j1.readCookie(cookie_names.user_state);
        } else {
          logger.error('\n' + 'user state NOT cookie found');
          logger.debug('\n' + 'j1 cookies found:' + j1Cookies.length);
          j1Cookies.forEach(item => console.log('j1.core.switcher: ' + item));
          logger.debug('\n' + 'ga cookies found:' + gaCookies.length);
          gaCookies.forEach(item => console.log('j1.core.switcher: ' + item));
        }

        themeName = user_state.theme_name;

        if ( debug === 'true' ) {
          logger.debug('\n' + 'bootstrapThemeSelector: UL element selected');
        }
        this.$element.empty();

        var cssClass;
        var iconColor = '#9E9E9E';
        $.each(this.themesList, function (i, value) {
          // Use DIFFERENT class for MobileMenu
          //if (base.$element[0].id.includes('MMenu')) {
          if (base.$element[0].id.includes('mmenu')) {
            cssClass = 'mmenu-item';
          } else {
            cssClass = 'dropdown-item';
          }
          // Add class "active" to the current theme selected
          if ( value.name === themeName ) {
            // if (base.$element[0].id.includes('MMenu')) {
            if (base.$element[0].id.includes('mmenu')) {
              cssClass = 'mmenu-item active';
            } else {
              cssClass = 'dropdown-item active';
            }
          }
          var li = $('<li />')
              .attr('class',cssClass)
              .append('<a href="#void"><i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: ' +iconColor+ '"></i>' +value.name+ '</a>')
              .on('click', function () {
                if (settings.loadFromBootswatch) {
                  base.switchTheme(value.name, value.css);
                } else {
                  base.switchTheme(value.name, value.cssCdn);
                }
                // remove previous "active" class and apply to latest clicked element
                $(this).parent().find('li').removeClass('active');
                $(this).addClass('active');
              });
          base.$element.append(li);
        });

      } else if (this.$element.is('select')) {
        logger.debug('\n' + 'bootstrapThemeSelector: SELECT element selected');
        this.$element.empty();

        var optionSelectedMarker;
        $.each(this.themesList, function (i, value) {
          optionSelectedMarker = null;
          if ( value.name === themeName ) {
            optionSelectedMarker = 'selected';
          }
          if (settings.loadFromBootswatch) {
            base.$element.append('<option ' + optionSelectedMarker + ' value=\'' + value.css + '\'>' + value.name + '</option>');
          } else {
            base.$element.append('<option ' + optionSelectedMarker + ' value=\'' + value.cssCdn + '\'>' + value.name + '</option>');
          }
        });
        this.$element.on('change', function () {
          var optionSelected = $('option:selected', this);
          base.switchTheme(optionSelected.text(), optionSelected.val());
        });

      } else {
        // no container found to add Theme list
        logger.info('\n' + 'bootstrapThemeSelector: no UL or SELECT element found');
        logger.error('\n' + 'bootstrapThemeSelector: failed');
        // console.warn('bootstrapThemeSelector only works with ul or select elements');
      }
    }, // END addThemesToControl

    // -------------------------------------------------------------------------
    //  getThemes
    // -------------------------------------------------------------------------
    getThemes: function() {
      var base = this;

      if (this.settings.localFeed !== null && this.settings.localFeed !== '') {
        // Deferred loading themes from local themes (json file)
        $.ajax({
          url: this.settings.localFeed,
          // jadams 2016-10-10: removed the setting for sychronous XMLHttpRequest
          // async: false,
          dataType: 'json',
          success: function (data) {
            base.themesList = data.themes;
            base.addThemesToControl();
          },
          error: function (jqXHR, textStatus, errorThrown) {
            logger.error('\n' + 'failed to retrieve the local feed from: \'' + base.settings.localFeed + '\'');
          }
        });
      } else {
        // Deferred loading remote themes from Bootswatch API
        // -----------------------------------------------------------------------
        $.ajax({
          url: this.settings.bootswatchApiUrl + '/' + this.settings.bootswatchApiVersion + '.json',
          // jadams 2016-10-10: removed the setting for sychronous XMLHttpRequest
          // async: false,
          dataType: 'json',
          success: function (data) {
            if (typeof data.themes === 'undefined') {
              return null;
            }
            base.themesList = data.themes;
            base.themesList.splice(0,0, {name: 'default', css: base.settings.defaultCssFile});
            base.addThemesToControl();
          }
        });
      }
    }, // END getThemes

    // -------------------------------------------------------------------------
    //  themes
    // -------------------------------------------------------------------------
    themes : function (newThemeList) {
      if (typeof newThemeList === 'undefined') {
        return this.themesList;
      }
      else {
        // TODO: Set the associated control.
        this.themesList = newThemeList;
      }
    } // END themes

  }; // END prototype

  // Plugin definition
  // ---------------------------------------------------------------------------
  $.fn.bootstrapThemeSwitcher = function (option) {
    var methodReturn;
    var args      = Array.prototype.slice.call(arguments, 1);
    var $this     = $(this);
    var data      = $this.data('bootstrapThemeSwitcher');
    var options   = typeof option === 'object' && option;

    if (!data) {
      $this.data('bootstrapThemeSwitcher', (data = new BootstrapThemeSwitcher(this, options) ));
    }
    if (typeof option === 'string') {
      methodReturn = data[ option ].apply(data, args);
    }
    return ( typeof methodReturn === 'undefined' ) ? $this : methodReturn;
  };

  $.fn.bootstrapThemeSwitcher.defaults = {
    debug:                  false,
    saveToCookie:           true,
    cssThemeLink:           'bootstrapTheme',
    cookieThemeName:        'bootstrapTheme.name',
    cookieThemeCss:         'boostrapTheme.css',
    cookieExpiration:       365,
    cookiePath:             '/',
    defaultCssFile:         'https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css',
    bootswatchApiUrl:       'https://bootswatch.com/api/',
    bootswatchApiVersion:   '4',
    loadFromBootswatch:     true,
    localFeed:              '',
    excludeBootswatch:      ''
  };

  $.fn.bootstrapThemeSwitcher.Constructor = BootstrapThemeSwitcher;

  $.fn.bootstrapThemeSwitcher.noConflict = function () {
    $.fn.BootstrapThemeSwitcher = old;
    return this;
  };

})(jQuery, window, document);