{% extends 'front.html.twig' %}
{% block title %} {{ 'page.new.index.title' |trans }} {% 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>{{ 'page.new.index.title2' |trans }}</h2>
                        <ul>
                            <li><a href="{{ path('front_home') }}">{{ 'title.Ac' |trans }}</a></li>
                            {% if app.request.attributes.get('_route') != 'news_front_category' %}
                                <li class="active"><a href="#">{{ 'page.new.index.title2' |trans }}</a></li>
                            {% else %}
                                <li><a href="{{ path('front_events') }}">{{ 'page.new.index.title2' |trans }}</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">
                        {% if app.request.attributes.get('_route') == "news_front_category" %}
                        <h2><span class="title-span">{{ category.name }}</span>
                            {% else %}
                        <h2><span class="title-span">{{ 'page.new.index.title2' |trans }}</span>
                            {% endif %}
                            <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">
                {% if app.request.locale == 'ar' %}
                    {%  if news != null %}
                        {% 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 class="styleImgLIstNew" src="{{ asset('uploads/galleries/emptyImage.png') }}" alt="News"></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 class="styleImgLIstNew" src="{{ asset('uploads/galleries/'~gallery.path) }}" alt="News" ></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="h4-minH widget-rtl 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 class="p-minH widget-rtl">{{ new.description[:100] }}...</p>
                                                <a href="{{ path('news_front_detail',{'token':new.token}) }}"
                                                   class="marBTnDetailNews2 theme-btn theme-btn5">{{ 'ensp'|trans }}</a>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        {% endfor %}
                    {% else %}

{#                        Aucun Donnee#}
                    {% endif %}

                {% else %}
                    {%  if news != null %}
                        {% 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 class="listNewstImg" src="{{ asset('uploads/galleries/emptyImage.png') }}" alt="News"></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 class="listNewstImg" src="{{ asset('uploads/galleries/'~gallery.path) }}" alt="News" ></a>


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

                                            </div>
                                        </div>
                                        <div class="col-sm-7">
                                            <div class="post-details blogNewDetail">
                                                <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 class="">{{ new.description[:100] }}...</p>
                                            </div>
                                            <div class="btnSAvoirplus">
                                                <a href="{{ path('news_front_detail',{'token':new.token}) }}"
                                                   class=" theme-btn theme-btn5">{{ 'ensp'|trans }}</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        {% endfor %}
                    {% else %}

{#                        Aucun Donnee#}
                    {% endif %}

                {% endif %}
            </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 %}