{% 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-industria">
        {% if posts_industry |length > 0 %}
            {% for noticias in posts_industry %}

            {% 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="rounded-start 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 -->
        {% if pagination %}
            <div class="pagination-custom mt-5">
                {% include 'partials/pagination-custom.twig' %}
            </div>
        {% endif %}
        </div>

    </section>

{% endblock %}