{% extends 'frontNEW.html.twig' %}
{% block title %} {{ 'page.new.index.title' |trans }} {% endblock %}
{% block stytesheets %}
    {{ parent() }}
{% endblock %}
{% block body %}
    <div class="page-title-area item-bg5 jarallax" data-jarallax='{"speed": 0.3}'>
        <div class="container">
            <div class="page-title-content text-center">
                {% if app.request.attributes.get('_route') == "news_front_category" %}
                    <h2>{{ category.name }}</h2>
                {% else %}
                    <h2>{{ 'page.new.index.title2' |trans }}</h2>
                {% endif %}
            </div>
        </div>
    </div>


    <!-- news start -->
    {%  if news != null %}
    <section class="issues-area ptb-100 pb-70">
        <div class="container">
            <div class="row">
                {% for new in news %}
                <div class="col-lg-4 col-md-6">
                    <div class="single-issues-box">
                        {% if new.gallerie|length <1 %}
                            <a href="{{ path('news_front_detail',{'token':new.token}) }}">
                                <img src="{{ asset('uploads/galleries/emptyImage.png') }}" style="width: 100%;height: 200px;" alt="news" />
                            </a>
                        {% else %}
                            {% for gallery in new.gallerie %}
                                {% if loop.index == 1 %}
                                    <a href="{{ path('news_front_detail',{'token':new.token}) }}">
                                        <img src="{{ asset('uploads/galleries/'~gallery.path) }}" style="width: 100%;height: 200px;" alt="news" />
                                    </a>
                                {% endif %}
                            {% endfor %}
                        {% endif %}
                        <div class="issues-content" style="height: 240px;">
                            <h3><a href="{{ path('news_front_detail',{'token':new.token}) }}">{{ new.title }}</a></h3>
                            <p>{{ new.description[:100] }}</p>
                        </div>
                        <div class="issues-content">
                            <a href="{{ path('news_front_detail',{'token':new.token}) }}" class="read-more-btn">{{ 'ensp'|trans }} <i class="flaticon-right-arrow"></i></a>
                        </div>
                    </div>
                </div>
                {% endfor %}
            </div>
        </div>
    </section>
    {% else %}
        {# Aucun Donnee#}
    {% endif %}

    <div class="col-lg-12 col-md-12 ptb-100 pt-0">
        {{ knp_pagination_render(news) }}
    </div>

    <!-- news end -->

{% endblock %}
{% block javascripts %}
    {{ parent() }}

{% endblock %}