{% comment %}
 # -----------------------------------------------------------------------------
 #  ~/_includes/themes/j1/layouts/theme_generator.html
 #  Liquid template to generate|add the HTML markup to load
 #  CSS theme files dynamically on page (re-)load
 #
 #  Product/Info:
 #  https://jekyll-one.com
 #
 #  Copyright (C) 2019 Juergen Adams
 #
 #  J1 Template is licensed under the MIT License.
 #  See: https://github.com/jekyll-one/j1_template_mde/blob/master/LICENSE
 #
 # -----------------------------------------------------------------------------
 # Test data:
 #  liquid_var:  {{ liquid_var | debug }}
 # -----------------------------------------------------------------------------
{% endcomment %}

{% comment %} Liquid procedures
--------------------------------------------------------------- {% endcomment %}
{% include themes/{{site.template.name}}/procedures/global/setup.proc %}

{% comment %} Variables
--------------------------------------------------------------- {% endcomment %}
{% assign environment     = site.environment %}
{% assign switcher_config = site.data.modules.j1_theme_switcher %}
{% assign default_theme   = site.data.j1_config.bootstrap.default_theme %}
{% assign theme_base      = "core/css" %}
{% assign theme_ext       = "css" %}
{% assign themeExtension  = site.data.config.bootstrap.default_theme %}

{% if environment == "development" or environment == "devel" %}
  {% assign theme_ext     = "css" %}
{% else %}
  {% assign theme_ext     = "min.css" %}
{% endif %}

{% comment %} Main
--------------------------------------------------------------- {% endcomment %}

<!-- [INFO   ] [j1.layout.theme_generator.html        ] [start processing: load BS theme CSS for all pages] -->
{% if switcher_config.enabled %}
  <!-- [INFO   ] [j1.layout.theme_generator.html        ] [load the previously selected theme from cookie] -->
  <script>

    var logger                  = log4javascript.getLogger('ThemeGenerator');
    var logText;

    var id                      = 'default';
    var cssFile                 = '{{switcher_config.defaultCssFile}}';
    var themeName;
    var themeCss;
    var themeCssHtml;
    var themeExtensionCss;
    var themeExtensionCssHtml;

    var j1_user_state = {};
    var j1_user_state_json;
    var j1_user_state_cookie;

    // Set|Detect J1 UserState
    user_state_detected = j1.existsCookie ( 'j1.user.state' );
    if ( user_state_detected ) {
      logger.info('Read UserState cookie');
      j1_user_state     = j1.getUserStateCookie();
      themeName         = j1_user_state.theme_name;
      themeCss          = j1_user_state.theme_css;
      themeExtensionCss = j1_user_state.theme_extension_css;
    } else {
      logger.warn('UserState cookie NOT found'); 
    }

    if (themeCss) {
      themeCssHtml            = "<link rel='stylesheet' id='" + id + "' href='" + themeCss + "' type='text/css' />";      
      themeExtensionCssHtml   = "<link rel='stylesheet' id='" + id + "' href='" + themeExtensionCss + "' type='text/css' />";
      logText                 = 'Load theme from cookie: ' +themeName+ ', cssFile: ' +themeCss;
      logger.info(logText);
    } else {
      themeCssHtml            = '<link rel="stylesheet" type="text/css" id="default" href="{{asset_path}}/{{theme_base}}/{{default_theme}}.{{theme_ext}}" />';
      logText                 = 'Load default theme: ' +themeName+ ' , cssFile: {{asset_path}}/{{theme_base}}/{{default_theme}}.{{theme_ext}}';
      logger.info(logText);
    }    
    $('head').append(themeCssHtml);    

    /*  
        Append|Remove theme extentions
        TODO: Make default theme name 'Uno' configurable
    */

    if ( themeName === 'Uno'  ) {
      logger.info( 'Remove ThemeExtensionCss for theme: ' + themeName );
      $('head link[href*="' +themeExtensionCss+ '"]').remove();
    } else {
      logger.info( 'Add ThemeExtensionCss for theme: ' + themeName );
      $('head').append(themeExtensionCssHtml);
    }

  </script>
{% else %}
  <!-- [INFO   ] [j1.layout.theme_generator.html        ] [NO cookie found. Load default theme CSS from asset|theme path] -->
  <link rel="stylesheet" href="{{asset_path}}/{{theme_base}}/{{default_theme}}.{{theme_ext}}" />
{% endif %}
<!-- [INFO   ] [j1.layout.theme_generator.html        ] [end processing] -->