{% extends 'front.html.twig' %}
{% block title %} {{ 'page.event.detail.title' |trans }} {% 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>{{ event.title }}</h2>
                        <ul>
                            <li><a href="{{ path('front_home') }}">{{ 'title.Ac'|trans }}</a></li>
                            <li><a href="{{ path('front_events') }}">{{ 'page.event.title2' | trans }}</a></li>
                            <li class="active"><a href="#">{{ 'title.detail' |trans }}</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-calendar"></i>{{ event.start|date('d-m-Y H:i') }}
                            </a>
                            <a href="#"><i class="icofont icofont-calendar"></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">
                            {% 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-calendar"></i> Inscription Evénement </button>#}
                            <!-- modal inscription -->
                            {% include '@FrontBundle/Events/register.html.twig' %}
                            <!-- end modal inscription -->
                        </div>
                        <div class="sidebar-widget">
                            <h4>{{ 'page.event.detail.title3' | trans }}</h4>
                            {% for event in events %}
                                <div class="widget-post">
                                    <div class="widget-post-img">
                                        <img src="{{ asset('uploads/events/'~event.picture) }}" alt="widget" style="width: 100%; object-fit: cover; height: 75px;">
                                    </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>{{ 'page.event.detail.title4' |trans }}</h4>
                            <a data-toggle="modal" data-target="#exampleModal1" class="theme-btn theme-btn6">{{ 'page.event.detail.title5'|trans }} </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
{% endblock %}
{% block javascripts %}
    {{ parent() }}
    {% include "@FrontBundle/Events/assets.html.twig" %}
{% endblock %}