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

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

    <section class="grid servicios servicios-publicos {{ post.post_name }}">
        <div class="container">
            <div class="row">
            {% for pagina in subpaginas_servicios %}
                <div class="col-12 mb-2">
                    <article>
                        <div class="card">
                            {% if pagina.thumbnail %}
                                <img src="{{ pagina.thumbnail.src}}" 
                                    alt="{{ pagina.thumbnail.alt }}"
                                    class="card-img-top">
                            {% else %}
                                <p>no image</p>
                            {% endif %}
                            <div class="card-body">
                                <a href="{{ pagina.link }}" class="text-decoration-none">
                                    <h5 href="{{ pagina.link }}" class="card-title fs-4 text-dark link-underline-animate">{{ pagina.title }}</h5>
                                </a>
                                <p class="card-text">{{ pagina.content }}</p>
                            </div>
                        </div>
                    </article>
                </div> 
            {% else %}
                <p>No hay subpáginas.</p>
            {% endfor %}       
            </div>
        </div>
    </section>

{% endblock %}