{% comment %}
 # -----------------------------------------------------------------------------
 #  J1: ~/_includes/templates/j1/modules/adapter/bootsnav/bootsnav.html
 #  Liquid HTML template to create the navigation system for J1 Template
 #
 #  Product/Info:
 #  https://jekyll.one
 #
 #  Copyright (C) 2017 Juergen Adams
 #
 #  J1 Template is licensed under the MIT License.
 #  For details, see https://jekyll.one
 #
 # -----------------------------------------------------------------------------
 #  Test data:
 #   liquid_var: {{ liquid_var | debug }}
 #
 # -----------------------------------------------------------------------------
{% endcomment %}

{% comment %} Liquid procedures (J1 Template)                   {% endcomment %}
{% comment %} ------------------------------------------------- {% endcomment %}

{% include themes/{{site.template.name}}/procedures/global/setup.proc %}
{% capture select_color %}themes/{{site.template.name}}/procedures/components/select_color.proc{% endcapture %}

{% comment %} Liquid procedures (HTML Adapter)                  {% endcomment %}
{% comment %} ------------------------------------------------- {% endcomment %}

{% capture topsearch_create %}themes/{{site.template.name}}/modules/adapter/bootsnav/procedures/topsearch.proc{% endcapture %}
{% capture sidebar_create %}themes/{{site.template.name}}/modules/adapter/bootsnav/procedures/sidebar.proc{% endcapture %}
{% capture quicklinks_create %}themes/{{site.template.name}}/modules/adapter/bootsnav/procedures/quicklinks.proc{% endcapture %}
{% capture mainmenu_create %}themes/{{site.template.name}}/modules/adapter/bootsnav/procedures/mainmenu.proc{% endcapture %}

{% comment %} Liquid var initialization                         {% endcomment %}
{% comment %} ------------------------------------------------- {% endcomment %}

{% assign bootsnav_config  = site.data.modules.j1_bootsnav %}
{% assign mainmenu_config  = site.data.modules.j1_bootsnav_mainmenu %}
{% assign navID            = "bootsnav_nav" %}

<!-- Initialize navigation classes -->
{% capture nav_defaults %}navbar navbar-default bootsnav {% endcapture %}
{% assign nav_fixed = '' %}
{% assign nav_style = 'no-background' %}
{% assign nav_color = 'dark' %}

{% if bootsnav_config.navbar.fixed %}
  {% assign nav_fixed = 'navbar-fixed' %}
  {% if bootsnav_config.navbar.style == 'overlay' %}
    {% assign nav_style = 'navbar-transparent' %}
  {% endif %}
{% endif %}

{% if bootsnav_config.navbar.color == 'light' %}
  {% assign nav_color = 'white' %}
{% endif %}

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

<!-- START NavBar -->
<nav id="{{navID}}" class="{{nav_defaults}} {{nav_color}} {{nav_fixed}} {{nav_style}}">

  <!-- CHECK if TopSearch is enabled -->
  {% if bootsnav_config.top_search.enabled %}
    <!-- Include TopSearch -->
    {% include {{ topsearch_create }} bootsnav_config=bootsnav_config %}
  {% endif %}

  <!-- CHECK if Sidebar is enabled -->
  {% if bootsnav_config.sidebar.enabled %}
  <!-- Include Sidebar -->
    {% include {{ sidebar_create }} bootsnav_config=bootsnav_config %}
  {% endif %}

  <!-- CHECK if Quicklinks are enabled -->
  {% if bootsnav_config.quicklinks.enabled %}
    <!-- Include Quicklinks -->
    {% include {{ quicklinks_create }} bootsnav_config=bootsnav_config %}
  {% endif %}

  <!-- START Header Navigation -->
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
      <i class="mdi mdi-menu mdi-48px" style="color:#FFF"></i>
    </button>
    {% if site.brand.image %}
    <a class="navbar-brand" href="{{ home_path }}"> <img src="{{ site.data.j1_config.image_path }}/{{ site.brand.image }}" height="{{ site.brand.image-height }}" alt="{{ site.brand.text }}"></a>
    {% else %}
    <a class="navbar-brand" href="{{ home_path }}"> <b><font color="{{ site.brand.text-color }}">{{ site.brand.text }}</font></b></a>
    {% endif %}
  </div>
  <!-- END Header Navigation -->

  <!-- START the main menue -->
  {% include {{ mainmenu_create }} bootsnav_config=bootsnav_config mainmenu_config=mainmenu_config %}
  <!-- END main menue -->

  <!-- End NavBar -->
</nav>
<!-- End Main Navigation -->