{% comment %}
 # -----------------------------------------------------------------------------
 #  ~/_includes/templates/j1/modules/footers/boxes/news_box.proc
 #  Liquid PROCEDURE to create a news box for the footer
 #
 #  Product/Info:
 #  http://jekyll.one
 #
 #  Copyright (C) 2019 Juergen Adams
 #
 #  Licensed under the Creative Commons Attribution 3.0 Unported License.
 #  See: http://creativecommons.org/licenses/by/3.0/.
 #
 # -----------------------------------------------------------------------------
 # Test data:
 #  liquid_var:  {{ liquid_var | debug }}
 # -----------------------------------------------------------------------------
{% endcomment %}

{% comment %} Liquid procedures
--------------------------------------------------------------- {% endcomment %}

{% comment %} Variables
--------------------------------------------------------------- {% endcomment %}
{% assign posts_category  = include.category %}
{% assign posts_max       = include.max_posts %}
{% assign posts_collate   = include.items %}

{% comment %} post loop counter correction
--------------------------------------------------------------- {% endcomment %}
{% assign max_posts       = posts_max | minus:'1' %}
{% assign posts_written   = 0 %}


{% comment %} Main
--------------------------------------------------------------- {% endcomment %}
      <!-- [INFO   ] [j1.assets.data.footer              ] [Found NewsBox. Process NewsBox] -->
      <div class="col-md-{{footer_box_width_md}}"> <!-- Recent News (NewsBox) -->
        <div class="heading-footer"><h2 class="notoc">{{title}}</h2></div>

          <ul class="list-unstyled link-news">
          {% for post in posts_collate %}
            {% for category in post.categories %}
              {% if category == posts_category and posts_written <= max_posts %}
              {% assign posts_written = posts_written | plus:'1' %}
              <li>
                <a href="{{post.url}}">{{post.title}}</a>
                <small>{{ post.date | date: "%e %B %Y"}}</small>
              </li>
              {% endif %}
            {% endfor %}
          {% endfor %}
          </ul>
      </div> <!-- End Recent News -->