{% set miniposts_category = theme_var('miniposts_category') %}
{% set miniposts_number = config.theme.miniposts_number %}
{% set lang = grav.language.getActive ?: grav.config.site.default_lang %}

<section>
  <header class="">
    <h3>{{ 'FUTURE.FEATURED'|t }}</h3>
  </header>
  <div class="mini-posts">
    {% for p in page.evaluate({'@taxonomy.category':miniposts_category}).order('header.order', 'asc').slice(0,miniposts_number) %}
    {% set image = p.media[p.header.primaryImage] ?: p.media.images|first %}
    {% set title = p.title|raw %}
      <article class="mini-post">
        <header>
          <h3>
            <a href="{{ p.url }}">{{ p.title }}</a>
          </h3>
          {% if config.plugins["translate-date"].enabled %}
            <time class="published" itemprop="datePublished" datetime="{{ page.date|td(null, "Y-m-d") }}">{{ page.date|td(null, "M j, Y") }}</time>
          {% elseif config.plugins["twig-extensions"].enabled %}
            <time class="published" itemprop="datePublished" datetime="{{ page.date|localizeddate('medium', 'none', lang) }}">{{ page.date|localizeddate('medium', 'none', lang) }}</time>
          {% else %}
            <time class="published" itemprop="datePublished" datetime="{{ page.date|date("Y-m-d") }}">{{ page.date|date("M j, Y") }}</time>
          {% endif %}
        {% if avatar %}
          <a href="{{ p.url }}" class="author"><img src="{{ p.media[p.header.avatarImage].url}}" alt=""/></a>
        {% endif %}
        </header>
        {% if image %}
        <a href="{{ p.url }}" class="image">
            {{ image.cropZoom(1038,437).loading('lazy').html(title,title)|raw}}
        </a>
        {% endif %}
      </article>
    {% endfor %}
  </div>
</section>
<!-- End of featured Section -->