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

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

    <section class="section-servicios">
        {% if post.children('page') |length > 0 %}
            {% for SubpagServicio in post.children('page') %}

            {% set imagen = SubpagServicio.thumbnail.src | default(imagen_default) %}
            {% set alt = SubpagServicio.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">{{ SubpagServicio.title }}</h5>
                            <p class="card-text"> {{SubpagServicio.content}}</p>
                        </div>
                    </div>
                </div>
            </div>

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