{%- set site_name = site.title ?: 'GSEC' -%}
{%- set social = theme.social ?? {} -%}
<footer class="site-footer">
  <div class="container">
    <div class="site-footer__top">
      <div class="site-footer__col">
        <a class="brand" href="{{ url('/') }}" aria-label="GSEC — Início"><img class="brand__logo" src="{{ url('theme://images/logo.svg') }}" alt="GSEC" width="461" height="230"></a>
        <div class="site-footer__social">
          {% for net, link in social if link %}
            <a href="{{ link }}" target="_blank" rel="noopener" aria-label="{{ net|capitalize }}"><svg class="icon" aria-hidden="true"><use xlink:href="#brand-{{ net == 'x' ? 'x' : net }}"></use></svg></a>
          {% endfor %}
        </div>
      </div>

      <div class="site-footer__col">
        <h4>Editorias</h4>
        <ul>
          {% for slug in theme.nav_editorias %}
            {%- set p = page.find('/' ~ slug) -%}
            {% if p %}<li><a href="{{ p.url }}">{{ p.title }}</a></li>{% endif %}
          {% endfor %}
        </ul>
      </div>

      <div class="site-footer__col">
        <h4>Institucional</h4>
        <ul>
          {% for slug in theme.nav_institucional %}
            {%- set p = page.find('/' ~ slug) -%}
            {% if p %}<li><a href="{{ p.url }}">{{ p.title }}</a></li>{% endif %}
          {% endfor %}
        </ul>
      </div>

      {%- set videos_page = page.find('/videos') -%}
      {%- set channels = videos_page ? (videos_page.header.channels ?? []) : [] -%}
      {% if channels|length %}
      <div class="site-footer__col">
        <h4>Canais no YouTube</h4>
        <ul>
          {% for ch in channels %}
            <li><a href="{{ ch.url }}" target="_blank" rel="noopener">{{ ch.title }}</a></li>
          {% endfor %}
        </ul>
      </div>
      {% endif %}
    </div>
    <div class="site-footer__legal">
      <span>© {{ "now"|date('Y') }} {{ site_name }}. Conteúdo de demonstração.</span>
      <span class="site-footer__credit">
        Desenvolvido por
        <a href="https://agenciami.digital/" target="_blank" rel="noopener" aria-label="Agência Mi">
          <img src="{{ url('theme://images/logo-mi.png') }}" alt="Agência Mi" width="33" height="20">
        </a>
      </span>
    </div>
  </div>
</footer>