{% comment %}
 # -----------------------------------------------------------------------------
 #  ~/_includes/templates/j1/pages/post_content_generator.html
 #  Liquid template to create the content portion for pages of type POST
 #
 #  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 %}
{% capture create_series_header %}themes/{{site.template.name}}/procedures/posts/create_series_header.proc{% endcapture %}
{% capture create_ad_block %}themes/{{site.template.name}}/procedures/posts/create_ad_block.proc{% endcapture %}
{% capture pager %}themes/{{site.template.name}}/procedures/global/pager.proc{% endcapture %}

{% comment %} Variables
-------------------------------------------------------------------------------- {% endcomment %}
 {% assign page_sidebar       = page.sidebar %}
 {% assign toccer_config      = site.data.modules.j1_toccer %}
 {% assign tocbot_enabled     = toccer_config.enabled %}

 {% assign rtext               = site.data.j1_config.typography.rtext %}
 {% assign page_rtext          = page.rtext %}
 {% assign page_rtext_size     = page.rtext_size %}
 {% assign page_toccer         = page.toccer %}
 {% assign page_toc            = page.toc %}

 {% if page_toc and tocbot_enabled %}
   {% assign page_toc      = true %}
   {% assign page_sidebar  = true %}
 {% else %}
   {% assign page_toc      = false %}
   {% assign page_sidebar  = false %}
 {% endif %}

 {% if rtext %}
   {% assign rtext_size = site.data.j1_config.typography.rtext_size %}
 {% else %}
   {% assign rtext_size = 0 %}
 {% endif %}


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

{% if page.comments %}
  <div class="container mb-0">
{% else %}
  <!-- Add additional space between end of article and the footer -->
  <div class="container mb-5">
{% endif %}


  {% comment %} Blog post CONTENT
  ------------------------------------------------------------------------------ {% endcomment %}

  {% if page_sidebar == false %}
    <!-- FULL page - no sidebar for page toc -->
    <div class="row">

      <section class="col-md-12 col-xs-12 r-text-{{rtext_size}}">
        <!-- Include a pager at top position -->
        {% include {{pager}} %}
        <!-- div class="featured-headline" -->
        <div class="post-headline mt-4">
          <h2 class="notoc">{{ page.date | date_to_long_string }}</h2>
        </div>

        {% comment %} Place Blog post SERIES Navigation
        ------------------------------------------------------------------------ {% endcomment %}
        {% if page.series %}
        <nav class="nav bmd-layout-container bmd-drawer-f-l">

          <header class="bmd-layout-header">
            <div class="navbar navbar-dark bg-primary raised-z2 mb-4">
              <button class="bmd-drawer navbar-toggler" type="button" data-toggle="drawer" data-target="#post_navigator">
                <span class="sr-only">Toggle drawer</span>
                <i class="mdi mdi-menu mdi-2x"></i>
              </button>
              <ul class="nav navbar-nav">
                <li class="nav-item">
                  <span class="nav-link">Series Navigator</span>
                </li>
              </ul>
            </div>
          </header>

          <!-- Drawer content -->
          <div id="post_navigator" class="bmd-layout-drawer bg-faded">
            <header><a class="navbar-brand">Article Selector</a></header>
            <!--  Series Navigator -->
            {% comment %}{% include {{create_series_header}} page=page post=post readmore=page.readmore %}{% endcomment %}
            {% include {{create_series_header}} page=page post=post readmore=false %}
          </div>
        {% endif %}
        {% comment %} END SERIES Navigation
        ------------------------------------------------------------------------ {% endcomment %}

        {% comment %} Inherit CONTENT
        ------------------------------------------------------------------------ {% endcomment %}
        <!-- Content placed by post_content.html -->
        <main class="bmd-layout-content">
        {{content}}
        {% comment %} Place additional headline for comments
        ------------------------------------------------------------------------ {% endcomment %}
        {% if page.comments %}
        <h2 id="comments_leave_comment"> Leave a Comment </h2>
        {% endif %}
        </main>
        <!-- End Content placed by post_content.html -->

      {% if page.series %}</nav>{% endif %}

      </div> <!-- end col-md-12 -->
    </div> <!-- end row -->
  {% else %}
    <!-- SPLIT page. Place a sidebar e.g. for the document toc -->
    <div class="row">
      <section class="col-md-9 col-xs-12 r-text-{{rtext_size}} js-toc-content">

        <!-- Include a pager at top position -->
        {% include {{pager}} %}
        <div class="post-headline mt-4">
          <h2 id="blog_article_navigator" class="notoc">{{ page.date | date_to_long_string }}</h2>
        </div>

        {% comment %} Place Blog post SERIES Navigation
        ------------------------------------------------------------------------ {% endcomment %}
        {% if page.series %}
        <div class="nav bmd-layout-container bmd-drawer-f-l">

          <header class="bmd-layout-header">
            <div class="navbar navbar-dark bg-primary raised-z2 mb-4">
              <button class="bmd-drawer drawer-toggler animated fadeIn" type="button" data-toggle="drawer" data-target="#post_navigator">
                <span class="sr-only">Toggle drawer</span>
                <span class="mdi mdi-menu mdi-2x"></span>
              </button>
              <ul class="nav navbar-nav">
                <li class="nav-item">
                  <span class="nav-link">Series Navigator</span>
                </li>
              </ul>
            </div>
          </header>

          <script>
          // See: https://jsfiddle.net/prathviraj080/vbbbw46a/1/
          $('button.drawer-toggler').click(function(){
            $('button.drawer-toggler span.mdi').toggleClass('mdi-menu mdi-close');
          });
          $('button.drawer-toggler').click(function(){
            $('button.drawer-toggler').toggleClass('fadeIn rotateIn');
          });
          </script>

          <!-- Drawer content -->
          <div id="post_navigator" class="bmd-layout-drawer bg-faded">
            <header><a class="navbar-brand">Article Selector</a></header>
            <!--  Series Navigator -->
            {% comment %}{% include {{create_series_header}} page=page post=post readmore=page.readmore %}{% endcomment %}
            {% include {{create_series_header}} page=page post=post readmore=false %}
          </div>
        {% endif %}
        {% comment %} END SERIES Navigation
        ------------------------------------------------------------------------ {% endcomment %}

        {% comment %} Inherit CONTENT
        ------------------------------------------------------------------------ {% endcomment %}
        <!-- Content placed by post_content.html -->
        <main class="bmd-layout-content">
        {{content}}
        {% comment %} Place additional headline for comments
        ------------------------------------------------------------------------ {% endcomment %}
        {% if page.comments %}
        <h2 id="comments_leave_comment"> Leave a Comment </h2>
        {% endif %}
        </main>
        <!-- End Content placed by post_content.html -->

        {% if page.series %}</div>{% endif %}

      </section> <!-- end col-md-9 -->

    {% comment %} Place Sidebar|Tocbot
    ---------------------------------------------------------------------------- {% endcomment %}
        <aside class="col-md-3 d-none d-md-block">
          {% if page.adsense %}
            {% include {{create_ad_block}} page=page post=post %}
          {% endif %}
          {% comment %} if tocbot and page_navigation  {% endcomment %}
          <!-- NOTE: BS Affix is used on class j1-sidebar instead of Tocbot Affix -->
          <div id="j1-sidebar" class="j1-sidebar hidden-print affix-top">
            <div id="j1-toc-mgr" class="toc js-toc"></div>
          </div>
          {% comment %} endif  {% endcomment %}
        </aside> <!-- end col-md-3 -->

    </div> <!-- end row -->
  {% endif %} <!-- endif page_sidebar -->

  {% comment %} END Blog post CONTENT
  ------------------------------------------------------------------------------ {% endcomment %}
</div> <!-- end container -->