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

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


    {# {% for pagina in post.children('page') %}
        {{ pagina.title }}
    {% endfor %} #}

    <section class="section-servicios">
        {% if subpaginas_servicios |length > 0 %}
            {% for noticias in subpaginas_servicios %}

            {% set imagen = noticias.thumbnail.src | default(imagen_default) %}
            {% 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">
                        <img src="{{ imagen }}" alt="{{ alt }}"
                                class="p-2 img-noticias"
                                />
                    </div>
                    <div class="col-md-8">
                        <div class="card-body">
                            <h5 class="card-title-text fs-4 fw-bold border-dark border-bottom">{{ noticias.title }}</h5>
                            <p class="card-text"> {{noticias.content}}</p>
                        </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 %}