{% comment %}
 # -----------------------------------------------------------------------------
 # ~/_includes/themes/j1/layouts/content_generator_blog_archive.html
 # Liquid template to create the content portion for pages of type BLOG/ARCHIVE
 #
 # Product/Info:
 # https://jekyll.one
 #
 # Copyright (C) 2020 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 }}
 #    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_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 %}


{% comment %} Set config files
-------------------------------------------------------------------------------- {% endcomment %}
{% assign plugins              = site.data.plugins %}

{% comment %} Set config data
-------------------------------------------------------------------------------- {% endcomment %}
{% assign paginator_defaults   = plugins.defaults.paginator.settings %}
{% assign paginator_settings   = plugins.paginator.settings %}

{% comment %} Set config options
-------------------------------------------------------------------------------- {% endcomment %}
{% assign paginator_options    = paginator_defaults | merge: paginator_settings %}

{% assign previewer            = site.data.builder.blog_navigator.previewer %}
{% assign paginate             = paginator_options.pagination.enabled %}
{% assign rtext                = site.data.template_settings.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.template_settings.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 -->
  <!-- no sidebar, mr-* disabled -->
  <!-- div class="container mr-5 mb-5" -->
  <!-- div class="container mb-5" -->
    <!-- div class="row" -->

      <!-- main class="col-md-9 col-xs-12 r-text-{{rtext_size}} js-toc-content" -->
      <main class="container r-text-{{rtext_size}} js-toc-content mb-5">

        {% comment %} Blog Navigator
        ------------------------------------------------------------------------ {% endcomment %}
        <!-- Content placed by layouts/content_generator_blog_archive.html -->
        <!-- div id="blog_navigator" class="row" -->
        <div id="blog_navigator">
          <!-- 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" -->
                <nav class="paginator">
                  <ul class="pagination raised-z0">

                    <li class="page-item"><a class="page-link" href="{{category_view}}" title="View by Category">By Category</a></li>
                    <li class="page-item"><a class="page-link" href="{{date_view}}" title="View by Date">By Date</a></li>
                    <!-- li class="page-item"><a class="page-link" href="{{tag_view}}" title="View by Tag">By Tag</a></li -->
                    <li class="page-item"><a class="page-link" href="{{all_view}}" 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" -->
                <nav class="paginator">
                  <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}}" 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}}" 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}}" 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" -->
                <div class="view-description 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 -->
        </main> <!-- end main for split page -->

      {% comment %} Place Sidebar|Tocbot
      -------------------------------------------------------------------------- {% endcomment %}
      <!-- NOTE: BS or Tocbot Affix is not used anymore. Replaced by CSS style "sticky" -->
      {% comment %} tocbot and page_navigation (not used anymore)
      --------------------------------------------------------------------------
      <aside class="col-md-3 d-none d-md-block sticky">
        <div id="sidebar">
          <div id="j1-toc-mgr" class="toc js-toc"></div>
        </div>
      </aside>
      -------------------------------------------------------------------------- {% endcomment %}

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

      <!-- [INFO   ] [j1.content_generator_blog_archive        ] [ {{page.title}} - save the current page to cookieUserState cookie: {{ browser_page_url }} ] -->
      <script>
      /* Manage the current page settings */
      $(document).ready(function() {

        var dependencies_blog_generator = setInterval(function() {
          if ( j1.adapter.themer.getState() == 'finished' ) {
            // [INFO   ] [j1.content_generator_blog_archive        ] [ {{page.title}} - save the current page to cookieUserState cookie: {{ browser_page_url }} ]
            var cookie_names                = j1.getCookieNames();
            const user_state_cookie_name    = cookie_names.user_session;
            var user_state                  = j1.readCookie(user_state_cookie_name);
            var user_state_last_page        = "{{browser_page_url}}";
            user_state.last_page            = user_state_last_page;
            j1.writeCookie({
              name: user_state_cookie_name,
              data: user_state
            });
            // clear interval checking
            clearInterval(dependencies_blog_generator);
            }
          }, 25);
      });
      </script>

    <!-- /div --> <!-- end row -->
  <!-- /div --> <!-- end container -->


  <!-- [INFO   ] [j1.layout.content_generator_blog.html  ] [ end content ] -->