{% extends 'front.html.twig' %}
{% block title %} Events 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>Events</h2>
                        <ul>
                            <li><a href="{{ path('front_home') }}">Home</a></li>
                            <li><a href="{{ path('front_events') }}">Events</a></li>
                            <li class="active"><a href="#">Detail</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">
                        <img src="{{ asset('uploads/events/'~event.picture) }}" alt="blog-detail">
                        <a href="#"><h4 class="post-title">{{ event.title }}</h4></a>
                        <div class="post-author">
                            <a href="#"><i class="icofont icofont-user"></i>By Admin</a>
                            <a href="#"><i
                                        class="icofont icofont-sunny-day-temp"></i>{{ event.start|date('d-m-Y H:i') }}
                            </a>
                            <a href="#"><i class="icofont icofont-sunny-day-temp"></i>{{ event.end|date('d-m-Y H:i') }}
                            </a>
                        </div>
                        <p>{{ event.description }}</p>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="sidebar">
                        <div class="sidebar-widget">
                            <h4>Event Inscription</h4>
                            {% include '@App/Default/flashBag.html.twig' %}
                            <button type="button" class="btn theme-btn theme-btn8 btn-block" data-toggle="modal" data-target="#exampleModal1"><i class="icofont icofont-plus"></i> Inscrit</button>
                            <!-- modal inscription -->
                            {% include '@FrontBundle/Events/register.html.twig' %}
                            <!-- end modal inscription -->
                        </div>
                        <div class="sidebar-widget">
                            <h4>Latest events</h4>
                            {% for event in events %}
                                <div class="widget-post">
                                    <div class="widget-post-img">
                                        <img src="{{ asset('uploads/events/'~event.picture) }}" alt="widget">
                                    </div>
                                    <div class="widget-post-info">
                                        <p>{{ event.title }}</p>
                                        <span><i class="icofont icofont-calendar"></i> {{ event.start|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/Events/assets.html.twig" %}
{% endblock %}