{% comment %}
 # -----------------------------------------------------------------------------
 #  ~/_includes/themes/j1/modules/navigator/generator.html
 #  Liquid HTML template to create the Navigation System for J1 Template
 #  (includes all containers needed for MMenu)
 #
 #  Product/Info:
 #  https://jekyll.one
 #
 #  Copyright (C) 2022 Juergen Adams
 #
 #  J1 Template is licensed under the MIT License.
 #  See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
 #
 # -----------------------------------------------------------------------------
 #  Test data:
 #   liquid_var: {{ liquid_var | debug }}
 #
 # -----------------------------------------------------------------------------
{% endcomment %}

{% comment %} Liquid procedures
-------------------------------------------------------------------------------- {% endcomment %}
{% include themes/{{site.template.name}}/procedures/global/setup.proc %}
{% capture select_color %}themes/{{site.template.name}}/procedures/global/select_color.proc{% endcapture %}
{% capture topsearch_create %}themes/{{site.template.name}}/modules/navigator/procedures/topsearch.proc{% endcapture %}

{% comment %} Not longer used (loaded via AJAX)
--------------------------------------------------------------------------------
{% capture sidebar_create %}themes/{{site.template.name}}/modules/navigator/procedures/sidebar.proc{% endcapture %}
{% capture quicklinks_create %}themes/{{site.template.name}}/modules/navigator/procedures/quicklinks.proc{% endcapture %}
--------------------------------------------------------------------------------
{% endcomment %}


{% comment %} Process YML config data
================================================================================ {% endcomment %}

{% comment %} Set config files
-------------------------------------------------------------------------------- {% endcomment %}
{% assign template_config             = site.data.j1_config %}
{% assign blocks                      = site.data.blocks %}
{% assign modules                     = site.data.modules %}

{% comment %} Set config files
-------------------------------------------------------------------------------- {% endcomment %}
{% assign authentication_defaults     = modules.defaults.authentication.defaults %}
{% assign authentication_settings     = modules.authentication.settings %}

{% assign navigator_defaults          = site.data.modules.defaults.navigator.defaults %}
{% assign navigator_settings          = site.data.modules.navigator.settings %}

{% assign consent_defaults            = site.data.modules.defaults.cookieconsent.defaults %}
{% assign consent_settings            = site.data.modules.cookieconsent.settings %}

{% comment %} Set config data
-------------------------------------------------------------------------------- {% endcomment %}
{% assign nav_bar_defaults            = navigator_defaults.nav_bar %}
{% assign nav_bar_settings            = navigator_settings.nav_bar %}
{% assign nav_quicklinks_defaults     = navigator_defaults.nav_quicklinks %}
{% assign nav_quicklinks_settings     = navigator_settings.nav_quicklinks %}
{% assign nav_topsearch_defaults      = navigator_defaults.nav_topsearch %}
{% assign nav_topsearch_settings      = navigator_settings.nav_topsearch %}

{% assign nav_authclient_defaults     = authentication_defaults.auth_client %}
{% assign nav_authclient_settings     = authentication_settings.auth_client %}

{% assign nav_mmenu_defaults            = navigator_defaults.nav_mmenu %}
{% assign nav_mmenu_settings            = navigator_settings.nav_mmenu %}

{% comment %} Set config options
-------------------------------------------------------------------------------- {% endcomment %}
{% assign nav_bar_options             = nav_bar_defaults | merge: nav_bar_settings %}
{% assign quicklinks_options          = nav_quicklinks_defaults | merge: nav_quicklinks_settings %}
{% assign topsearch_options           = nav_topsearch_defaults | merge: nav_topsearch_settings %}
{% assign authclient_options          = nav_authclient_defaults | merge: nav_authclient_settings %}
{% assign authentication_options      = authentication_defaults | merge: authentication_settings %}
{% assign auth_manager_options        = authentication_options.j1_auth %}
{% assign nav_mmenu_options           = nav_mmenu_defaults | merge: nav_mmenu_settings %}

{% comment %} Set navBarOptions
-------------------------------------------------------------------------------- {% endcomment %}
{% assign brand_position              = nav_bar_options.brand_position %}
{% assign nav_fixed                   = nav_bar_options.fixed %}
{% assign nav_style                   = nav_bar_options.style %}
{% assign nav_color                   = nav_bar_options.color %}

{% comment %} Set global settings
-------------------------------------------------------------------------------- {% endcomment %}
{% assign nav_bar_id                  = navigator_defaults.nav_bar.container_id %}
{% assign nav_menu_id                 = navigator_defaults.nav_menu.xhr_container_id %}
{% assign nav_mmenu_id                = navigator_defaults.nav_mmenu.xhr_container_id %}
{% assign nav_sidebar_id              = navigator_defaults.nav_sidebar.xhr_container_id %}
{% assign nav_quicklinks_id           = navigator_defaults.nav_quicklinks.xhr_container_id %}
{% assign authclient_modals_id        = authclient_options.xhr_container_id %}
{% assign nav_navbar_media_breakpoint = navigator_defaults.nav_bar.media_breakpoint %}

{% comment %} Set navBarProperties
-------------------------------------------------------------------------------- {% endcomment %}
{% if nav_fixed %}
  {% assign nav_bar_fixed = 'navbar-fixed' %}
  {% if nav_style == 'overlay' %} {% assign nav_bar_style = 'navbar-transparent' %} {% endif %}
{% endif %}

{% if nav_color == 'light' %}
  {% assign nav_bar_color = 'light' %}
{% endif %}

{% capture nav_bar_default_css_classes %}navbar navigator navbar-expand-{{nav_navbar_media_breakpoint}} navbar-default{% endcapture %}

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

{% comment %} Generate search container
-------------------------------------------------------------------------------- {% endcomment %}
<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ check for topsearch ] -->
{% if topsearch_options.enabled %}
  <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ start processing: topsearch ] -->
  {% include {{ topsearch_create }} options=topsearch_options %}
  <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ end processing: topsearch ] -->
{% endif %}

{% comment %} Place MMobile NAV menu containers (HTML data loaded via AJAX)
-------------------------------------------------------------------------------- {% endcomment %}
<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ start processing: mmenu ] -->
{% for item in nav_mmenu_options.menus %}
<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place mmenu container {{item.menu.xhr_container_id}} for AJAX load ] -->
<nav id="{{item.menu.xhr_container_id}}"></nav>
{% endfor %}

<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ start processing: navigation ] -->
<nav id="{{nav_bar_id}}" class="{{nav_bar_default_css_classes}} {{nav_bar_color}} {{nav_bar_fixed}} {{nav_bar_style}}">

  {% comment %} Place brand image
  ------------------------------------------------------------------------------ {% endcomment %}
  <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ start processing: main menue ] -->
  {% if brand_position == "left" %}
    <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place brand image to the: left ] -->
    {% if site.brand.image %}
      <a href="#" id="navbar-brand" class="navbar-brand"> <img src="{{ site.data.j1_config.image_path }}/{{ site.brand.image }}" height="{{ site.brand.image_height }}" alt="{{ site.brand.text }}"></a>
    {% else %}
      <a href="#" id="navbar-brand" class="navbar-brand"> <b><font color="{{site.brand.text_color}}">{{ site.brand.text }}</font></b></a>
    {% endif %}
    <button id="navbar-toggler" type="button" class="navigator navbar-toggler animated fadeIn" data-bs-toggle="collapse" data-bs-target="#{{nav_menu_id}}" aria-controls="{{nav_menu_id}}" aria-expanded="false" aria-label="Toggle navigation">
      <i class="mdi mdi-menu mdi-48px"></i>
    </button>
  {% elsif brand_position == "right" %}
    <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place brand to the: right ] -->
    {% if site.brand.image %}
      <a href="#" id="navbar-brand" class="navbar-brand"> <img src="{{ site.data.j1_config.image_path }}/{{ site.brand.image }}" height="{{ site.brand.image_height }}" alt="{{ site.brand.text }}"></a>
    {% else %}
      <a href="#" id="navbar-brand" class="navbar-brand"> <b><font color="{{site.brand.text_color}}">{{ site.brand.text }}</font></b></a>
    {% endif %}
    <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place mobile menu button to the: left ] -->
    <button id="mmenu-button" type="button" class="navigator navbar-toggler animated fadeIn" data-bs-toggle="collapse" data-bs-target="#{{nav_menu_id}}" aria-controls="{{nav_menu_id}}" aria-expanded="false" aria-label="Toggle navigation">
      <i class="mdi mdi-menu mdi-36px"></i>
    </button>
  {% else %}
    <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place brand to default position: left ] -->
    {% if site.brand.image %}
      <a href="#" id="navbar-brand" class="navbar-brand"> <img src="{{ site.data.j1_config.image_path }}/{{ site.brand.image }}" height="{{ site.brand.image_height }}" alt="{{ site.brand.text }}"></a>
    {% else %}
      <a href="#" id="navbar-brand" class="navbar-brand"> <b><font color="{{site.brand.text_color}}">{{ site.brand.text }}</font></b></a>
    {% endif %}
    <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place menu toggler to the: right ] -->
    <button id="navbar-toggler" type="button" class="navigator navbar-toggler animated fadeIn" data-bs-toggle="collapse" data-bs-target="#{{nav_menu_id}}" aria-controls="{{nav_menu_id}}" aria-expanded="false" aria-label="Toggle navigation">
      <i class="mdi mdi-menu mdi-48px"></i>
    </button>
  {% endif %}

  {% comment %} Place Desktop NAV menu container (HTML data loaded via AJAX)
  ------------------------------------------------------------------------------ {% endcomment %}
  <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ start processing: nav bar ] -->
  <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place nav menu container for AJAX load (desktop) ] -->
  <div id="{{nav_menu_id}}" class="collapse"></div>

  {% comment %} Place|Hide Quicklinks container (HTML data loaded via AJAX)
  ------------------------------------------------------------------------------ {% endcomment %}
  <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ check for quicklinks ] -->
  {% if quicklinks_options.enabled %}
  <!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place container for: quicklinks ] -->
  <div id="{{nav_quicklinks_id}}" class="attr-nav collapse navbar-collapse justify-content-end"></div>
  {% endif %}

</nav>

{% comment %} Place container for sign in|out dialog used by J1 AuthClient
-------------------------------------------------------------------------------- {% endcomment %}
<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ check for: authclient ] -->
<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ authclient enabled: {{auth_manager_options.enabled}} ] -->
<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ place container for: authclient ] -->
<div id="{{authclient_modals_id}}" class="authclient_modals"></div>
<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ end processing: auth_client ] -->
<!-- [INFO   ] [j1.modules.navigator.generator.html   ] [ end processing: navigation ] -->