{% 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">
                        {% if app.request.locale == 'ar' %}
                            <img class="floatImage pull-right" src="{{ asset('uploads/events/'~event.picture) }}"
                                 alt="blog-detail" width="100%">
                            <br>
                            <br>
                            <br>
                            <a href="#">
                                <h4 class="margin-label widget-rtl post-title">{{ event.title }}</h4></a>
                            <div class="post-author widget-rtl">
                                {#<a href="#"><i class="icofont icofont-user"></i>By Admin</a>#}
                                <i class="icofont icofont-calendar"></i> <a
                                        href="#">{{ event.start|date('d-m-Y H:i') }} </a>
                                <a href="#">{{ event.end|date('d-m-Y H:i') }}</a><i
                                        class="icofont icofont-calendar"></i>
                            </div>
                            <p class="widget-rtl">{{ event.description }}</p>
                        {% else %}
                            <img src="{{ asset('uploads/events/'~event.picture) }}" alt="blog-detail" class="imgEventDetail">
                            <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>
                        {% endif %}


                    </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">
                            {% if app.request.locale == 'ar' %}

                            <h4 class=" widget-rtl">{{ 'page.event.detail.title3' | trans }}</h4>
                            {% else  %}
                                <h4 class="">{{ 'page.event.detail.title3' | trans }}</h4>


                            {% endif %}


                            {% for event in events %}
                                {% if app.request.locale == 'ar' %}
                                    <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 class="widget-rtl padding-right">{{ event.title }}</p>
                                            <span class="styleDAte"><i class=" icofont icofont-calendar"></i>  {{ event.start|date('d-m-Y') }}  </span>
                                        </div>
                                    </div>

                                {% else %}

                                    <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>
                                {% endif %}
                            {% endfor %}
                        </div>

                            {% if app.request.locale == 'ar' %}
                        <div class="sidebar-widget widget-quote" style="height: 135px;">
                                <h4 class="widget-rtl">{{ 'page.event.detail.title4' |trans }}</h4>
                                    <a data-toggle="modal" data-target="#exampleModal1" style="float: right"
                                       class="theme-btn theme-btn6 ">{{ 'page.event.detail.title5'|trans }} </a>


                            {% else %}
                            <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>
                            {% endif %}

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
{% endblock %}
{% block javascripts %}
    {{ parent() }}
    {% include "@FrontBundle/Events/assets.html.twig" %}
{% endblock %}