{% extends 'layouts/base.twig' %}

{% block content %}
    <h1 class="my-5 position-relative fs-3 fw-bold sp-module-title">{{ post.title }}</h1>

    {# <section class="grid servicios servicios-publicos {{ post.post_name }}"> #}
    <section class="section-servicios">

        {% if subpaginas_servicios |length > 0 %}
            {% for noticias in subpaginas_servicios %}

            {% set imagen = noticias.thumbnail.src | default('/wp-content/uploads/2025/10/Imagen_por_defecto.png') %}
            {% set alt = noticias.thumbnail.alt | default('Imagen por defecto') %}

            <div class="card my-3 position-relative posts-noticias">
                <div class="row g-0">
                    <div class="col-md-4">
                        {# <a href="{{ noticias.link }}" title="{{ noticias.title }}"></a> #}
                        <img src="{{ imagen }}" 
                                class="object-fit w-100 h-100 img-noticias" 
                                alt="{{ alt }}"
                                />
                        
                    </div>
                    <div class="col-md-8">
                        <div class="card-body" style="padding-bottom: 60px;">
                            {# <a href="{{ noticias.link }}" title="{{ noticias.title }}" class="text-decoration-none card-title"></a> #}
                            <h5 class="card-title-text">{{ noticias.title }}</h5>
                            <p class="card-text"> {{noticias.content}}</p>
                            {# <p class="card-text"><small class="text-body-secondary">{{ noticias.date }}</small></p> #}
                            {# <a href="{{ noticias.link  }}" 
                                    class="btn position-absolute btn-secondary-cnt"
                                    style="position: absolute; bottom: 15px; right: 15px; z-index: 10;" 
                                    >
                                    {{ __('Sigue leyendo', 'Sindikatua') }}...
                                    
                                    </a> #}
                        </div>
                    </div>
                </div>
            </div>

            {% endfor %}
        {% else %}
            <p>{{ __('No hay artículos', 'Sindikatua') }}</p>
        {% endif %}
        
        <!-- PAGINATION -->
        {% set pagination = subpaginas_servicios.pagination %}
        {% if pagination %}
            <div class="pagination-custom mt-5">
                {% include 'partials/pagination-custom.twig' %}
            </div>
        {% endif %}
        
    </section>
{% endblock %}