{% extends 'partials/base.html.twig' %}

{% block body %}
{%- set per_page = 9 -%}
{%- set all = page.children.published.order('date', 'desc') -%}
{%- set total = all|length -%}
{%- set total_pages = (total / per_page)|round(0, 'ceil') -%}
{%- set current = (uri.query('page') ?: 1) + 0 -%}
{% if current < 1 %}{% set current = 1 %}{% endif %}
{% if current > total_pages and total_pages > 0 %}{% set current = total_pages %}{% endif %}
{%- set items = all|slice((current - 1) * per_page, per_page) -%}

<div class="container">
  {% include 'partials/breadcrumbs.html.twig' %}

  <header class="editoria-head" style="--ed: var(--ed-{{ page.slug }}, var(--c-accent));">
    <span class="editoria-head__badge">{{ page.header.badge|default('Editoria') }}</span>
    <h1 class="editoria-head__title">{{ page.title }}</h1>
    {% if page.header.description or page.content %}
      <div class="editoria-head__desc">{{ page.header.description ?: page.content|striptags|truncate(220) }}</div>
    {% endif %}
  </header>

  {% if items|length %}
    <div class="articles-list articles-list--column-3">
      {% for it in items %}{% include 'partials/article-card.html.twig' with {item: it} %}{% endfor %}
    </div>
    {% include 'partials/pagination.html.twig' with {current: current, total_pages: total_pages, base: page.url} %}
  {% else %}
    <div class="empty-state">
      <p>Ainda não há conteúdo publicado nesta seção.</p>
      <p><a class="btn" href="{{ url('/') }}" style="display:inline-block;margin-top:10px;">Voltar à home</a></p>
    </div>
  {% endif %}
</div>
{% endblock %}