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

{% block body %}
{%- set channels = page.header.channels ?? [] -%}
<div class="container">
  {% include 'partials/breadcrumbs.html.twig' %}

  <header class="editoria-head" style="--ed: var(--c-accent);">
    {% if page.header.badge %}<span class="editoria-head__badge">{{ page.header.badge }}</span>{% endif %}
    <h1 class="editoria-head__title">{{ page.title }}</h1>
    {% if page.header.summary %}<div class="editoria-head__desc">{{ page.header.summary }}</div>{% endif %}
  </header>

  {% if channels|length %}
  <div class="channels-grid">
    {% for ch in channels %}
      <a class="channel-card" href="{{ ch.url }}" target="_blank" rel="noopener">
        <span class="channel-card__icon"><svg class="icon" aria-hidden="true"><use xlink:href="#brand-youtube"></use></svg></span>
        <span class="channel-card__body">
          <span class="channel-card__title">{{ ch.title }}</span>
          {% if ch.description %}<span class="channel-card__desc">{{ ch.description }}</span>{% endif %}
          <span class="channel-card__cta">Ver canal →</span>
        </span>
      </a>
    {% endfor %}
  </div>
  {% else %}
    <div class="empty-state">Nenhum canal cadastrado ainda.</div>
  {% endif %}
</div>
{% endblock %}