{% 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 %}
            {% for noticias in posts_industry %}

            {% set imagen = noticias.thumbnail.src | default('/wp-content/uploads/2025/10/Imagen_por_defecto.png') %}
            {% 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">
                            {# <a href="{{ noticias.link }}" title="{{ noticias.title }}"></a> #}
                            <img src="{{ imagen }}" 
                                    class="rounded-start object-fit-cover w-100 h-100 img-noticias" 
                                    alt="{{ alt }}"
                                    style="min-height: 200px;"
                                    />
                        </div>
                        <div class="col-md-8">
                            <div class="card-body" style="padding-bottom: 60px;">
                                {# <a href="{{ noticias.link }}" title="{{ noticias.title }}" class="text-decoration-none card-title"></a> #}
                                <h5 class="card-title-text">{{ noticias.title }}</h5>
                                <p class="card-text"> {{noticias.content}}</p>

                                {# <a href="{{ noticias.link  }}" class="btn position-absolute btn-secondary-cnt" style="position: absolute; bottom: 15px; right: 15px; z-index: 10;">
                                    {{ __('Sigue leyendo', 'Sindikatua') }}...</a> #}
                            </div>
                        </div>
                    </div>
                </div>

            {% endfor %}
        {% else %}
            <p>{{ __('No hay artículos', 'Sindikatua') }}</p>
        {% endif %}

        <!-- PAGINATION -->
        <div class="pagination-custom mt-5">
            {% include 'partials/pagination-custom.twig' %}
        </div>

    </section>

{% endblock %}