{% 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">Actualités</h2>
                            <ol class="breadcrumb text-center text-black mt-10">
                                <li><a href="{{ path('home') }}">Accueil</a></li>
                                <li class="active text-theme-colored">Actualités</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section>
            <div class="container">
                <div class="row">
                    <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 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">Dec</li>#}

                                                <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>
                                                {#<li class="p-15 pl-20 pr-20 mr-5 bg-lightest"> 31</li>#}
                                                {#<li class="p-15 bg-lightest">2015</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>
                                            <ul>
                                                {#<li class="mb-10 text-theme-colored"><i class="fa fa-clock-o mr-5"></i> at 5.00 pm - 7.30 pm</li>#}
                                                {#<li class="text-theme-colored"><i class="fa fa-map-marker mr-5"></i> 25 Newyork City.</li>#}
                                            </ul>
                                        </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 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 class="widget">#}
                            {#<h4 class="widget-title">Photos from Flickr</h4>#}
                            {#<div id="flickr-feed" class="clearfix">#}
                            {#<!-- Flickr Link -->#}
                            {#<script type="text/javascript"#}
                            {#src="http://www.flickr.com/badge_code_v2.gne?count=9&amp;display=latest&amp;size=s&amp;layout=x&amp;source=user&amp;user=52617155@N08">#}
                            {#</script>#}
                            {#</div>#}
                            {#</div>#}
                        </div>
                    </div>
                </div>
            </div>
        </section>

    </div>





    <!-- Content Section End -->

{% endblock %}

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