cnt-sindikatua/views/templates/page-quieres-afiliarte.twig

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

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

<div class="affiliate-section">
    <div class="container">
        <div class="row align-items-center p-5">
            <!-- Primera columna - Imagen -->
            <div class="col-md-6">
                {% if afiliate_fields.imagen_afiliate %}
                    <div class="affiliate-image">
                        <img src="{{ afiliate_fields.imagen_afiliate }}" 
                             class="img-fluid rounded">
                    </div>
                {% endif %}
            </div>
            
            <!-- Segunda columna - Contenido y botón -->
            <div class="col-md-6">
                <div class="affiliate-content">
                    <!-- Contenido de la página -->
                    <div class="page-content">
                        {{ post.content }}
                    </div>
                    
                    <!-- Botón de afiliado -->
                    {% if afiliate_fields.enlace_boton_afiliate %}
                        <div class="affiliate-button-container mt-4">
                            <a href="{{ afiliate_fields.enlace_boton_afiliate }}" 
                               class="btn btn-lg btn-primary-cnt" 
                               target="_blank" 
                               rel="noopener noreferrer">
                                {{ afiliate_fields.texto_boton }}
                            </a>
                        </div>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}