{% trans_default_domain 'front_ec_international' %}

{% if lastNews %}
    {% include 'front/' ~ websiteTemplate ~ '/actions/newscast/include/first-news-block.html.twig' %}
{% endif %}

{% if entities is defined and entities %}

    {% set hasListing = listing is defined %}
    {% set formatDate = hasListing ? listing.formatDate : null %}
    {% set hideDate = hasListing ? listing.hideDate : false %}
    {% set displayCategory = hasListing ? listing.displayCategory : null %}

    {% set pageNum = app.request.get('page') ? app.request.get('page') : 1 %}
    {% set ajaxPath = path('front_newscast_index', {'website': website.id, 'url': url.id, 'filter': filter}) %}

    <!-- .news-index-container -->
    <div id="scroll-wrapper"
         data-scroll-active="{{ scrollInfinite }}"
         data-page="{{ pageNum }}"
         data-max="{{ maxPage }}"
         data-href="{{ ajaxPath }}"
         class="news-index-container container{% if entities|length > 0 %} pt-4 pb-3 pt-md-5 pb-md-4{% endif %}">

        <div id="results" class="row">
            {% for entity in entities %}
                {% if not lastNews or entity.id != lastNews.id %}
                    {% include 'front/' ~ websiteTemplate ~ '/actions/newscast/include/card.html.twig' %}
                {% endif %}
            {% else %}
                {% if not lastNews %}
                    <div class="col-12 pt-4 pb-3 pt-md-5 pb-md-4">
                        {% include 'front/' ~ websiteTemplate ~ '/include/alert.html.twig' with {"alert": 'info', "message": "Aucune actualité pour le moment."|trans} only %}
                    </div>
                {% endif %}
            {% endfor %}
        </div>

        {% if scrollInfinite %}
            <div id="scroller-loader" class="w-100 text-center">
                <i class="fas fa-circle-notch fa-spin fa-3x"></i>
            </div>
        {% endif %}

        {% if maxPage > 1 %}
            <div class="row text-center text-md-right{% if scrollInfinite %} d-none{% endif %}">
                <div class="col-12">
                    <div class="inner d-inline-block">
                        {{ knp_pagination_render(entities) }}
                    </div>
                </div>
            </div>
        {% endif %}

    </div>
    <!-- \.news-index-container -->

{% endif %}