{% comment %}
 # -----------------------------------------------------------------------------
 #  ~/_includes/templates/j1/pages/blog_archive_content_generator.html
 #  Liquid template to create the content portion for pages of type PAGE
 #
 #  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 }}
 #  page_path:       {{ page_path | debug }}
 #  page_url:        {{ page.url | remove_first:'page2/index.html' | debug }}
 #  navigator_path:  {{ navigator_path | debug }}
 #
 # -----------------------------------------------------------------------------
{% endcomment %}

{% comment %} Liquid procedures
-------------------------------------------------------------------------------- {% endcomment %}
{% capture get_page_path %}themes/{{site.template.name}}/procedures/global/get_page_path.proc{% endcapture %}
{% capture collate_list %}themes/{{site.template.name}}/procedures/posts/collate_list.proc{% endcapture %}
{% capture collate_calendar %}themes/{{site.template.name}}/procedures/posts/collate_calendar.proc{% endcapture %}
{% capture collate_timeline %}themes/{{site.template.name}}/procedures/posts/collate_timeline.proc{% endcapture %}
{% capture create_navigator %}themes/{{site.template.name}}/procedures/posts/create_navigator.proc{% endcapture %}

{% comment %} Variables
-------------------------------------------------------------------------------- {% endcomment %}
{% assign view_config_article_navigator = site.data.builder.blog_navigator.article_navigator %}
{% assign article_navigator_description = view_config_article_navigator.description %}
{% assign view_config_article_previewer = site.data.builder.blog_navigator.article_previewer %}
{% assign article_previewer_description = view_config_article_previewer.description %}

{% assign previewer                     = site.data.builder.blog_navigator.previewer %}
{% assign paginate                      = site.pagination.enabled %}
{% assign rtext                         = site.data.j1_config.typography.rtext %}
{% assign page_rtext                    = page.rtext %}
{% assign page_rtext_size               = page.rtext_size %}

{% comment %} rtext|size detection
-------------------------------------------------------------------------------- {% endcomment %}
{% if rtext %}
  {% assign rtext_size = site.data.j1_config.typography.rtext_size %}
{% else %}
  {% assign rtext_size = 0 %}
{% endif %}


{% comment %} Main
-------------------------------------------------------------------------------- {% endcomment %}
  <!-- [INFO   ] [j1.layout.content_generator_blog.html  ] [Begin content] -->
  <!-- split page to place a sidebar e.g. the document TOC -->
  <div class="container mb-5">
    <div class="row">

      <section class="col-md-9 col-xs-12 r-text-{{rtext_size}} js-toc-content">

        {% comment %} Blog Navigator
        ------------------------------------------------------------------------ {% endcomment %}
        <!-- Content placed by blog_archive_content.html -->
        <div id="blog_navigator" class="row">
          <div class="col-md-12" role="main">

            <div id="article_navigator">              

              {% include {{get_page_path}} mode='absolute' %} 
              {% capture navigator_path%}{{page_path}}{% endcapture %}
              {% capture archive_path %}{{navigator_path}}/archive{% endcapture %}

              {% capture date_view %}{{archive_path}}/dateview/{% endcapture %}
              {% capture category_view %}{{archive_path}}/categoryview/{% endcapture %}
              {% capture tag_view %}{{archive_path}}/tagview/{% endcapture %}
              {% capture all_view %}{{archive_path}}/{% endcapture %}

              {% comment %} https://stackoverflow.com/questions/22763180/assign-an-array-literal-to-a-variable-in-liquid-template {% endcomment %}
              {% assign my_array = "one|two|three" | split: "|" %}

              <div class="navigator-headline">
                <!-- <div id="navigator" class="post-headline">
                  <h2 id="post-headline" class="mt-4">Navigator</h2>
                </div> -->

                <nav class="paginator ml-3">
                  <ul class="pagination raised-z0">

                    <li class="page-item"><a class="page-link" href="{{category_view | prepend: site.baseurl}}" title="View by Category">By Category</a></li>
                    <li class="page-item"><a class="page-link" href="{{date_view | prepend: site.baseurl}}" title="View by Date">By Date</a></li>
                    <li class="page-item"><a class="page-link" href="{{tag_view | prepend: site.baseurl}}" title="View by Tag">By Tag</a></li>
                    <li class="page-item"><a class="page-link" href="{{all_view | prepend: site.baseurl}}" title="View All">All Posts</a></li>

                  </ul>
                </nav> <!-- end paginator -->

                <!-- <div class="view-description ml-3 mb-3">
                  {{article_navigator_description}}
                </div> -->
               </div> <!-- end navigator headline -->

            </div> <!-- end blog navigator -->
            {% comment %} End Blog Navigator
            -------------------------------------------------------------------- {% endcomment %}

            {% comment %} Article Previewer
            -------------------------------------------------------------------- {% endcomment %}
            <!-- Add Article Previewer if paginator is enabled -->
            {% if paginate %}
            <div id="article_previewer">

              <div class="previewer-headline">

                <div class="post-headline">
                  <h2 id="previewer" class="mt-4">Preview</h2>
                </div>            

                {% comment %} Display pagination links if any
                ---------------------------------------------------------------- {% endcomment %}
                {% if paginator.total_pages > 1 %}
                <nav class="paginator ml-3">
                  <ul class="pagination raised-z0">
                    {% if paginator.previous_page %}
                      {% if paginator.previous_page > 1 %}
                        {% capture page_link %}{{paginator.previous_page_path}}#previewer{% endcapture %}
                        <li class="page-item"><a class="page-link" href="{{page_link | prepend: site.baseurl}}" title="Previous page">Previous</a></li>
                      {% else %}
                        {% comment %} Back to FIRST page {% endcomment %}
                        {% assign navigator = page.url | remove_first:'page2/index.html' %}
                        {% capture page_link %}{{navigator}}#previewer{% endcapture %}
                        <li class="page-item"><a class="page-link" href="{{page_link | prepend: site.baseurl}}" title="First page">Previous</a></li>
                      {% endif %}
                    {% else %}
                        <li class="page-item disabled"><a class="page-link">First</a></li>
                    {% endif %}

                    {% if paginator.next_page %}
                        {% capture page_link %}{{paginator.next_page_path}}#previewer{% endcapture %}
                        <li class="page-item"><a class="page-link" href="{{page_link | prepend: site.baseurl}}" title="Next page">Next</a></li>
                    {% else %}
                        <li class="page-item disabled"><a class="page-link">Last</a>
                    {% endif %}
                  </ul>
                </nav>
                {% endif %}

                <div class="view-description ml-3 mb-3">
                  {{article_previewer_description}}
                </div>

              </div>

              <div id="article_preview">
                <!-- Previewer selected of type: {{previewer}}-->
                <div id="preview_content">
                  {% assign posts_collate = paginator.posts %}
                  {% case previewer %}
                    {% when 'list' %}
                      {% include {{collate_list}} header_title=page.header_title header_tagline=page.header_tagline items=posts_collate %}
                    {% when 'calendar' %}
                        {% include {{collate_calendar}} header_title=page.header_title header_tagline=page.header_tagline items=posts_collate %}
                    {% when 'timeline' %}
                      {% include {{collate_timeline}} items=posts_collate limit_excerpt=50 %} 
                    {% else %}
                      {% include {{collate_list}} header_title=page.header_title header_tagline=page.header_tagline items=posts_collate %}
                  {% endcase %}
                </div>
              </div> 

            </div>
            <!-- end article previewer -->
            {% endif %}
            {% comment %} End Article Previewer
            -------------------------------------------------------------------- {% endcomment %}

          </div> <!-- end col-md-12 -->
        </div> <!-- end row blog_navigator -->

        <!-- End Content placed by blog_archive_content.html -->
        </section> <!-- end section for split page -->

        {% comment %} Place Sidebar|Tocbot
        ------------------------------------------------------------------------ {% endcomment %}
        <!-- NOTE: BS or Tocbot Affix is not used anymore. Replaced by CSS style "sticky" -->
        <aside class="col-md-3 d-none d-md-block sticky">
          <div id="j1-sidebar" class="j1-sidebar hidden-print affix-top">
            <div id="j1-toc-mgr" class="toc js-toc"></div>
          </div>
        </aside> <!-- end ASIDE for split page -->

      {% comment %} Calc|Write the Back URL
      -------------------------------------------------------------------------- {% endcomment %}
      {% if site.permalink == 'none' %}
        {% capture browser_page_url %}{{page.url | prepend: site.baseurl}}.html {% endcapture %}
      {% else %}
        {% capture browser_page_url %}{{page.url | prepend: site.baseurl}}{% endcapture %}
      {% endif %}

      <!-- [INFO   ] [j1.page.{{page.title}}                   ] [Save the current page to cookieUserState cookie: {{ browser_page_url }}] -->
      <script>
      /* Manage the current page settings */
      $(document).ready(function() {
          var user_state_last_page = "{{browser_page_url}}";
          j1.setUserStateCookie( {last_page:user_state_last_page} );
      });
      </script>

    </div> <!-- end row -->
  </div> <!-- end container -->
  <!-- [INFO   ] [j1.layout.content_generator_blog.html  ] [End content] -->