{% extends 'front.html.twig' %}
{% block title %} News CNFCE - Detail {% 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>{{ new.title }}</h2>
                        <ul>
                            <li><a href="{{ path('front_home') }}">Accueil</a></li>
                            <li><a href="{{ path('news_front') }}">Actualités</a></li>
                            <li class="active"><a href="#">Détails</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="ptb-100">
        <div class="container">
            <div class="row">
                <div class="col-lg-8">
                    <div class="blog-details">
                        <div class="row">
                            <div class="col-lg-12">
                                <!-- hero area start -->
                                <section style="margin-top: -20px;" id="home">
                                    <div id="carouselExampleIndicators2" class="carousel slide" data-ride="carousel">
                                        <ol class="carousel-indicators">
                                            {% for gallery in new.gallerie %}
                                                <li data-target="#carouselExampleIndicators2" data-slide-to="{{ loop.index }}" {% if loop.index == 1 %}class="active"{% endif %}></li>
                                            {% endfor %}
                                        </ol>
                                        <div class="carousel-inner">
                                            {% for gallery in new.gallerie %}
                                                <div class="carousel-item {% if loop.index == 1 %}active{% endif %}">
                                                    <img class="d-block w-100" src="{{ asset('uploads/galleries/'~gallery.path) }}" alt="First slide" style="width: 100%; height: 540px; object-fit: cover;">
                                                </div>
                                            {% endfor %}
                                        </div>
                                        <a class="carousel-control-prev" href="#carouselExampleIndicators2" role="button" data-slide="prev">
                                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                            <span class="sr-only">Previous</span>
                                        </a>
                                        <a class="carousel-control-next" href="#carouselExampleIndicators2" role="button" data-slide="next">
                                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                            <span class="sr-only">Next</span>
                                        </a>
                                    </div>
                                </section>
                                <!-- hero area end -->
                            </div>
                        </div>
                        <a href="{{ path('news_front_detail',{'token':new.token}) }}"><h4 class="post-title">{{ new.title }}</h4></a>
                        <div class="post-author">
                            <a href="#"><i class="icofont icofont-user"></i>{{ new.category.name }}</a>
                            <a href="#"><i class="icofont icofont-sunny-day-temp"></i>{{ new.createdAt|date('d-m-Y H:i') }}
                            </a>
                        </div>
                        <p>{{ new.content|raw }}</p>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="sidebar">
                        <div class="sidebar-widget">
                            <h4>Dernières Actualités</h4>
                            {% for new in news %}
                                <div class="widget-post">
                                    <div class="widget-post-img">
                                {% if new.gallerie|length <1 %}
                                    <a href="{{ path('news_front_detail',{'token':new.token}) }}">
                                        <img src="{{ asset('uploads/galleries/emptyImage.png') }}" 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) }}" alt="widget" style="width: 100%; object-fit: cover; height: 56px;">
                                        </a>
                                            {% endif %}
                                        {% endfor %}
                                    {% endif %}
                                    </div>
                                    <div class="widget-post-info">
                                        <p><a href="{{ path('news_front_detail',{'token':new.token}) }}" style="font-weight: 600; font-size: 14px;">{{ new.title }}</a></p>
                                        <span><i class="icofont icofont-calendar"></i> {{ new.createdAt|date('d M Y') }}</span>
                                    </div>
                                </div>
                            {% endfor %}
                        </div>
                        {#<div class="sidebar-widget widget-quote">
                            <h4><i class="icofont icofont-book-alt"></i> Request a quote</h4>
                            <p>Get professional guidance for creating and management of successful business.</p>
                            <a href="{{ path('front_contact') }}" class="theme-btn theme-btn6">Contact Us</a>
                        </div>#}
                    </div>
                </div>
            </div>
        </div>
    </section>
{% endblock %}
{% block javascripts %}
    {{ parent() }}
    {% include "@FrontBundle/News/assets.html.twig" %}
{% endblock %}