<div class="container">
    <div class="row py-4">
        
        {# logo y rrss #}
        <div class="col-sm-4 mb-1">
            {# <div><img src="{{site.url}}/wp-content/uploads/2025/07/logobehea.png" class="img-fluid" alt="logo cnt sindikatua"/></div> #}
            <div><img src="{{ footer_img }}" class="img-fluid" alt="{{ footer_img_alt }}"/></div>
            <div class="p-1 text-footer">
                <p>{{ footer_1 }}</p>
                <p>{{ footer_2 }}</p>
            </div>
            <div class="btn-group m-1" role="group" aria-label="First group">
                {% for red in redes_sociales %}
                    <a href="{{ red.url }}" class="btn btn-outline-white pt-1" 
                        target="_blank" 
                        rel="noopener noreferrer"
                        aria-label="Botones redes sociales footer"
                    >
                        {% if red.imagen %}
                            <img src="{{ red.imagen.url }}" alt="{{ red.imagen.alt }}" class="social-icon svg-white">
                        {% else %}
                            <i class="bi bi-globe"></i> {# Icono por defecto si no hay imagen #}
                        {% endif %}
                    </a>
                {% endfor %}
                </a>
            </div>
        </div>

        {# noticias y opinion #}
        <div class="col-sm-5 mb-5 px-2 text-footer">
            
            <h5 class="text-decoration-underline">{{ __('Últimas noticias', 'Sindikatua') }}</h5>
            {% for article in lasts_posts_news[0:2] %}
            <ul class="list-unstyled ms-4">
                <li>
                    <a href="{{ article.link }}"
                        class="text-decoration-none text-white hover-title-text"
                    >
                    {{ article.title }}</a>
                </li>
            </ul>
            {% endfor %}
              
            <h5 class="text-decoration-underline">{{ __('Última Opinión', 'Sindikatua') }}</h5>
            {% for article in last_posts_opinion %}
            <ul class="list-unstyled ms-4">
                <li>
                    <a href="{{ article.link }}"
                        class="text-decoration-none text-white hover-title-text"
                    >
                    {{ article.title }}</a>
                </li>
            </ul>
            {% endfor %}

        </div>

        {# contactos #}
        <div class="col-sm-3 text-footer">

            {% if listContacts %}
                <div class="footer-contactos ps-5">
                    <h5 class="text-decoration-underline">{{ __('Contactos', 'Sindikatua') }}</h5>
                    <ul class="list-unstyled ms-4">
                        {% for contacto in listContacts %}
                            <li>
                                <a href="{{ contacto.link }}"
                                    class="text-decoration-none text-white hover-title-text"
                                >
                                {{ contacto.title }}</a>
                            </li>
                        {% endfor %}
                    </ul>
                </div>
            {% else %}
                {{ __('No hay contactos', 'Sindikatua') }}
            {% endif %}

        </div>
        
    </div>
    
    <div class="py-2 text-center mt-5 border-top border-light text-footer">
        <p>{{ __('El contenido de esta página web está bajo una licencia Creative Commons Reconocimiento-Compartir Igual 4.0 Internacional excepto aquel en el que se indique una fuente externa.', 'Sindikatua') }}</p>
        <p class="mb-0">&bullet; {{ __('Todos los derechos reservados', 'Sindikatua') }}&bullet; {{"now"|date('Y')}}</p>
        <a class="nav-link d-inline" href="{{site.url}}/aviso-legal">{{ __('Aviso legal', 'Sindikatua') }} &bullet;</a>
        <a class="nav-link d-inline" href="{{site.url}}/politica-privacidad">{{ __('Política de privacidad', 'Sindikatua') }} &bullet;</a>
        <a class="nav-link d-inline" href="{{site.url}}/politica-de-cookies">{{ __('Política de cookies', 'Sindikatua') }}</a>
    </div>
</div>