{% extends 'front.html.twig' %}
{% block title %} Evénements {% endblock %}
{% block stytesheets %}
    {{ parent() }}
{% endblock %}
{% block body %}
<!-- Start Main Banner -->
<div class="page-title">
    <div class="d-table">
        <div class="d-table-cell">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12 col-md-12">
                        <h3>{{ event.title }}</h3>
                        <ul>
                            <li><a href="{{ path('home') }}">Home</a></li>
                            <li>/</li>
                            <li><a href="{{ path('event_list', { 'id_category' : event.category.id } )}}">{{ event.category }}</a></li>
                            <li>/</li>
                            <li class="active">{{ event.title }}</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- End Main Banner -->

    <!-- Start Blog Area -->
    <section class="blog-section ptb-80">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-md-5">
                    <div class="side-bar">
                        <div class="widget services-list">
                            <h3 class="title">Categories</h3>
                            <ul>
                                {% for cat in cats %}
                                    <li><a href="{{ path('event_list',{'id_category': cat.id}) }}"><i class="fa fa-angle-double-right"></i> {{ cat.title }}</a></li>
                                {% endfor %}
                            </ul>
                        </div>
                        <div class="widget sidebar-testimonials mb-0">
                            <div class="sidebar-testimonial-slider">
                                {% for event in events %}
                                    <div class="feedback" style="height: 180px;">
                                        <span><i class="fa fa-calendar"></i></span>
                                        <a href=""><p>{{ event.title }}</p></a>
                                    </div>
                                {%  endfor %}
                            </div>
                        </div><br/>
                        {#
                        <div class="widget latest-post" style="display: none;">
                            <h3 class="title">Last Events </h3>
                            {%  for event in events %}
                                <div class="single-post">
                                    <div class="content">
                                        <h4><a href="{{ path('event_detail', {'id': event.id} ) }}"><i class="fa fa-angle-double-right"></i>  {{ event.title }}</a></h4>
                                    </div>
                                </div>
                            {%  endfor %}
                        </div>
                        #}
                    </div>
                </div>
                <div class="col-lg-8 col-md-8" style="margin-top: -20px;">
                    <div class="row">
                        <div class="col-lg-12 col-md-12">
                            <div class="services-details-content">
                                <div class="section-title">
                                    <h3  class="title">{{ event.title }}</h3>
                                </div>
                                <div align="justify">{{ event.content | raw }}</div>
                            </div>
                            <br/><br/>
                            {%  if event.fileScientific is not null %}
                            <div class="widget brochure">
                                <a  target="_blank" href="{{ asset("uploads/files/" ~ event.fileScientific) }}" class="btn btn-primary">Download Document <i class="fa fa-file-pdf-o"></i></a>
                            </div>
                            {%  endif %}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Blog Area -->

{% endblock %}

{% block javascripts %}
    {{ parent() }}
{% endblock %}