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

{% block content %}
    <p class="mb-5 position-relative fs-4 fw-bold sp-module-title">SERVICIOS PRIVADOS</p>

    <section class="grid servicios-privados">
        <div class="container">
            <div class="row">
            {% for pagina in subpaginas_servicios_privados %}
            <div class="col-12 mb-2">
                <article>
                    <div class="card">
                        {% if pagina.thumbnail %}
                            <img src="{{ pagina.thumbnail.src}}" 
                                    alt="{{ pagina.thumbnail.alt }}"
                                    >
                        {% else %}
                            <p>no hay thumbnail </p>
                        {% endif %}
                        <div class="card-body">
                            <h5 class="card-title">{{ pagina.title }}</h5>
                            <p class="card-text">{{ pagina.content }}</p>
                        </div>
                    </div>
                </article>
            </div>         
            {% else %}
                <p>No hay subpáginas disponibles.</p>
            {% endfor %}
            </div>
        </div>
    </section>
    
{% endblock %}