{# Cartão de artigo reutilizável.
   Params: item (página do artigo), variant = 'default' | 'feature' | 'list'. #}
{%- set variant = variant|default('default') -%}
{%- set cat = item.parent and item.parent.template == 'category' ? item.parent : null -%}
{%- set hero = item.header.hero_image ? item.media[item.header.hero_image] : null -%}

{% if variant == 'list' %}
  <div class="sidebar-news">
    <a class="sidebar-news__inner" href="{{ item.url }}">
      <span class="date-style">{{ item.date|date('d.m.Y') }}</span> {{ item.title }}
    </a>
  </div>

{% elseif variant == 'compact' %}
  <article class="post-compact">
    <a class="post-compact__img" href="{{ item.url }}" tabindex="-1" aria-hidden="true">
      {% include 'partials/img.html.twig' with {media: hero, alt: item.title, ratio: 'ratio--4x3'} %}
    </a>
    <div class="post-compact__body">
      {% if cat %}{% include 'partials/editoria-badge.html.twig' with {cat: cat} %}{% endif %}
      <a class="post-compact__title clamp-3" href="{{ item.url }}">{{ item.title }}</a>
      <span class="date-style">{{ item.date|date('d.m.Y') }}</span>
    </div>
  </article>

{% elseif variant == 'feature' %}
  <article class="top-news__main">
    <a class="article-link__img" href="{{ item.url }}" tabindex="-1" aria-hidden="true">
      {% include 'partials/img.html.twig' with {media: hero, alt: item.title, ratio: 'ratio--16x9'} %}
    </a>
    {% if cat %}<div class="top-news__main-cat">{% include 'partials/editoria-badge.html.twig' with {cat: cat} %}</div>{% endif %}
    <a class="top-news__main-title" href="{{ item.url }}">{{ item.title }}</a>
    <span class="date-style">{{ item.date|date('d.m.Y · H\\hi') }}</span>
    {% if item.header.summary %}<p class="clamp-3" style="color:var(--c-ink-2);margin-top:8px;">{{ item.header.summary }}</p>{% endif %}
  </article>

{% else %}
  <article class="article-link">
    <a class="article-link__img" href="{{ item.url }}" tabindex="-1" aria-hidden="true">
      {% include 'partials/img.html.twig' with {media: hero, alt: item.title, ratio: 'ratio--16x9'} %}
      {% if cat %}{% include 'partials/editoria-badge.html.twig' with {cat: cat} %}{% endif %}
    </a>
    <a class="article-link__title clamp-3" href="{{ item.url }}">{{ item.title }}</a>
    <span class="date-style">{{ item.date|date('d.m.Y') }}</span>
  </article>
{% endif %}