{% extends 'front.html.twig' %}
{% block title %} News CNFCE {% endblock %}
{% block stytesheets %}
    {{ parent() }}
{% endblock %}
{% block body %}
    <!-- breadcrumb area start -->
    <section class="breadcrumb-area" id="home">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="breadcrumb-area-content">
                        <h2>Actualités</h2>
                        <ul>
                            <li><a href="{{ path('front_home') }}">Home</a></li>
                            {% if app.request.attributes.get('_route') != 'news_front_category' %}
                                <li class="active"><a href="#">News</a></li>
                            {% else %}
                                <li><a href="{{ path('front_events') }}">Actualités</a></li>
                                <li class="active"><a href="#">{{ category.name }}</a></li>
                            {% endif %}
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- breadcrumb area end -->

    <!-- service bottom section start -->
    <section class="ptb-100">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="sec-title mb-20">
                        <h2><span class="title-span">{{ category.name }}</span>
                            <span class="sec-title-border">
									<span></span>
									<span></span>
									<span></span>
								</span>
                        </h2>
                    </div>
                </div>
            </div>
           {# <div class="row">
                <div class="col-md-8"></div>
                <div class="col-md-4">
                    <span class="btn-filter pull-right{% if news.isSorted('title') %} active-filter {% endif %}">
                        {{ knp_pagination_sortable(news, 'title', 'title') }}
                    </span>
                    <span class="btn-filter pull-right{% if news.isSorted('createdAt') %} active-filter {% endif %}">
                        {{ knp_pagination_sortable(news, 'Date', ['createdAt']) }}
                    </span>
                    <span class="btn-filter pull-right{% if news.isSorted('archive') %} active-filter {% endif %}">
                        {{ knp_pagination_sortable(news, 'Archive', ['archive']) }}
                    </span>
                </div>
            </div>#}
            <div class="row">
                {% for new in news %}
                    <div class="col-xl-6 col-lg-12">
                        <div class="single-post">
                            <div class="row flexbox-center">
                                <div class="col-sm-5">
                                    <div class="post-thumbnail">
                                        {#<a href="{{ path('news_front_detail',{'token':new.token}) }}">
                                            {{ dump(new.gallerie) }}
                                            <img src="{{ asset('uploads/galleries/emptyImage.png') }}" alt="News" style="height: 180px;"></a>#}
                                        {#{{ dump(new.gallerie) }}#}
                                        {% if new.gallerie|length <1 %}
                                            <a href="{{ path('news_front_detail',{'token':new.token}) }}">
                                                <img src="{{ asset('uploads/galleries/emptyImage.png') }}" alt="News" style="height: 180px; object-fit: cover; width: 100%;"></a>
                                            {% else %}
                                                {% for gallery in new.gallerie %}
                                                   {# {{ dump(gallery) }}
                                                    {{ dump(loop.index) }}#}
                                                    {% if loop.index == 1 %}
                                                        {#{{ dump(gallery) }}#}
                                                        <a href="{{ path('news_front_detail',{'token':new.token}) }}">

                                                            <img src="{{ asset('uploads/galleries/'~gallery.path) }}" alt="News" style="height: 180px; object-fit: cover; width: 100%;"></a>


                                                    {% endif %}
                                                {% endfor %}
                                                {% endif %}

                                    </div>
                                </div>
                                <div class="col-sm-7">
                                    <div class="post-details">
                                        <a href="{{ path('news_front_detail',{'token':new.token}) }}">
                                            <h4 class="post-title">{{ new.title }}</h4></a>
                                       {# <div class="post-author">
                                            <a href="{{ path('news_front_detail',{'token':new.token}) }}"><i
                                                        class="icofont icofont-user"></i>By Fletcher</a>
                                            <a href="{{ path('news_front_detail',{'token':new.token}) }}"><i
                                                        class="icofont icofont-heart"></i>69</a>
                                            <a href="{{ path('news_front_detail',{'token':new.token}) }}"><i
                                                        class="icofont icofont-share"></i>share</a>
                                            <a href="{{ path('news_front_detail',{'token':new.token}) }}"><i
                                                        class="icofont icofont-speech-comments"></i>Comments</a>
                                        </div>#}
                                        <p>{{ new.description[:100] }}...</p>
                                        <a href="{{ path('news_front_detail',{'token':new.token}) }}"
                                           class="theme-btn theme-btn5">En Savoir Plus</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                {% endfor %}
            </div>
            <div class="row">
                <div class="col-md-12">
                    {{ knp_pagination_render(news) }}
                </div>
            </div>
        </div>
    </section>
    <!-- service section end -->
{% endblock %}
{% block javascripts %}
    {{ parent() }}
{% endblock %}