{% 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') }}">Home</a></li>
                            <li><a href="{{ path('news_front') }}">Actualités</a></li>
                            <li class="active"><a href="#">Détail</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="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
                                        <ol class="carousel-indicators">
                                            {% for gallery in new.gallerie %}
                                                <li data-target="#carouselExampleIndicators" 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">
                                                </div>
                                            {% endfor %}
                                        </div>
                                        <a class="carousel-control-prev" href="#carouselExampleIndicators" 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="#carouselExampleIndicators" 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="#"><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>Latest actuality</h4>
                            {% for new in news %}
                                <div class="widget-post">
                                    <div class="widget-post-img">
                                        {% for gallery in new.gallerie %}
                                            {% if loop.index == 1 %}
                                                <img src="{{ asset('uploads/galleries/'~gallery.path) }}" alt="widget">
                                            {% endif %}
                                        {% endfor %}
                                    </div>
                                    <div class="widget-post-info">
                                        <p>{{ new.title }}</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 %}