{% extends 'front.html.twig' %}
{% block title %} News {% endblock %}
{% block stytesheets %}
    {{ parent() }}
{% endblock %}
{% block body %}

    <!-- Section: inner-header -->
    <div class="main-content">
        <section class="inner-header divider parallax layer-overlay overlay-white-8">
            <div class="container pt-60 pb-60">
                <!-- Section Content -->
                <div class="section-content">
                    <div class="row">
                        <div class="col-md-12 text-center" style="margin-top: -45px;">
                            <h2 class="title bg-text-new">Actualités</h2>
                            <ol class="breadcrumb text-center text-black mt-10">
                                <li><a href="{{ path('home') }}">Accueil</a></li>
                                <li class="bg-text-new">Actualités</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section>
            <div class="container">
                <div class="row">
                    {% if  news is empty%}
                        <section class="noData">
                            <div class="section-title text-center">
                                <div class="row">
                                    <div class="col-md-8 col-md-offset-2">
                                        <h3 class="text-uppercase mt-0 bg-text-new line-height-1">Aucune <span class="">donnée disponible</span>
                                        </h3>
                                    </div>
                                </div>
                            </div>
                        </section>

                    {% else %}

                        <div class="col-md-9">
                            {% for new in news %}
                                <div class="upcoming-events bg-white-f3 mb-20">
                                    <div class="row">
                                        <div class="col-sm-4 pr-0 pr-sm-15">
                                            <div class="thumb p-15">
                                                {% if new.picture is not null %}

                                                    <a href="{{ path('actualite_detail', {'id' : new.id}) }}">
                                                        <img class="img-fullwidth imgListMedia"
                                                             src="{{ asset('uploads/images/' ~ new.picture) }}">

                                                    </a>
                                                {% else %}
                                                    <a href="{{ path('actualite_detail', {'id' : new.id}) }}">
                                                        <img class="img-fullwidth imgListMedia"
                                                             src="{{ asset('assets/images/meeting.jpg') }}">
                                                    </a>
                                                {% endif %}
                                            </div>
                                        </div>
                                        <div class="col-sm-4 pl-0 pl-sm-15">
                                            <div class="event-details p-15 mt-20">
                                                <h4 class="media-heading  bg-text-new text-uppercase font-weight-500">{{ new.title }}</h4>
                                                <div class="desc_new_list">{{ new.description[:100] | raw }}</div>


                                            </div>
                                        </div>
                                        <div class="col-sm-4">
                                            <div class="event-count p-15 mt-15">
                                                <ul class="event-date list-inline font-16 text-uppercase mt-10 mb-20">


                                                    <li class="p-15 mr-5 bg-lightest">{{ new.date |date("d") }}</li>
                                                    <li class="p-15 mr-5 bg-lightest">{{ new.date |localizeddate('none', 'none', 'fr', null, ' MMM') }}</li>
                                                    <li class="p-15 mr-5 bg-lightest">{{ new.date |date("Y") }}</li>

                                                </ul>
                                                <span>
                                                 <a href="{{ path('actualite_detail', {'id': new.id}) }}"
                                                    class="btn btn-sm btn-dark btn-theme-colored2 pull-right">
                                                     Détails
                                        <span class="fa fa-angle-double-right"></span></a>
                                            </span>

                                            </div>
                                        </div>
                                    </div>
                                </div>

                            {% endfor %}
                            <div class="row">
                                <div class="col-sm-12">
                                    <nav>
                                        <ul class="pagination theme-colored pull-right xs-pull-center mb-xs-40">
                                            {{ knp_pagination_render(news) }}

                                        </ul>
                                    </nav>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="sidebar sidebar-right mt-sm-30">

                                <div class="widget">
                                    <h4 class="widget-title">Dernières Actualités</h4>
                                    {% for new in lastNews %}

                                        <div class="latest-posts">
                                            <article class="post media-post clearfix pb-0 mb-10">
                                                <a class="post-thumb" href="{{ path('actualite_detail', {'id': new.id}) }}">
                                                    {% if new.picture is not null %}

                                                        <img class="imgListMediaLast"
                                                             src="{{ asset('uploads/images/' ~ new.picture) }}">
                                                    {% else %}
                                                        <img class="imgListMediaLast"
                                                             src="{{ asset('assets/images/meeting.jpg') }}">
                                                    {% endif %}

                                                    {#<img src="https://placehold.it/75x75" alt=""></a>#}</a>
                                                <div class="post-right">
                                                    <h5 class="post-title mt-0"><a class="" href="{{ path('actualite_detail', {'id': new.id}) }}">{{ new.title }}</a></h5>
                                                    <p><i class="fa fa-calendar"></i>  {{ new.date | date("d/m/Y") }}</p>
                                                </div>
                                            </article>

                                        </div>

                                    {% endfor %}
                                </div>

                            </div>
                        </div>
                    {% endif %}

                </div>
            </div>
        </section>

    </div>





    <!-- Content Section End -->

{% endblock %}

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