{% extends 'front/partials/master.html.twig' %}

{% block title %}Évènement{% endblock %}
{% block stylesheets %}
{{ parent() }}
<style>
 .col-3{
    height: 272;
    width: 145;
  }
 
 
</style>
{% endblock %}
{% block body %}
<div class="breadcrumb-area">
    <div class="breadcrumb-top default-overlay bg-img breadcrumb-overly-2 pt-100 pb-95" style="background-image:url({{ asset('front/assets/img/bg/Entree.jpeg') }});">
        <div class="container">
           
            {# <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore .</p> #}
        </div>
    </div>
    <div class="breadcrumb-bottom">
        <div class="container">
        
            <ul>
                <li><a href="{{path('app_front')}}">Accueil</a> <span><i class="fa fa-angle-double-right"></i>Évènement </span></li>
            </ul>
        </div>
    </div>
</div>

    
<div class="event-area pt-130 pb-130">
    <div class="container">

        
                    <div class="row">
                    {% for liste in Events %}
                        <div class="col-3">
                            <div class="single-blog mb-30">
                                <div class="blog-img">
                                    <a href="{{ path('app_evenement_details',{type:liste.typeEvenement.slug, slug:liste.slug})}}"><img src="{{img_folder}}/evenements/{{ liste.affiche }}" alt="" class="img-fluid" style="display: block;height: 300px;" onerror="this.onerror=null;this.src='https://via.placeholder.com/370x210';"></a>
                                </div>
                                <div class="blog-content-wrap">
                                    <span>Édition {{ liste.date |date('Y') }}</span>
                                    <div class="blog-content">
                                        <h4><a href="{{ path('app_evenement_details',{type:liste.typeEvenement.slug, slug:liste.slug})}}">{{ liste.Titre }}</a></h4>
                                        {# {% set extract =  liste.Description|raw %} #}
                                       
                                        {# <p>{{ liste.Description  |slice(0, 100)  | raw  }}</p> #}
                                        <p>{{ (liste.getshortDescription ? liste.getshortDescription :liste.Description) |striptags|slice(0, 50)  }}</p>

                                        <div class="blog-meta">
                                            <ul>
                                                <li><a href"{{ path('app_evenement_details',{type:liste.typeEvenement.slug, slug:liste.slug})}}"><i class="fa fa-location-arrow"></i> {{ liste.Lieu }}</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="blog-date">
                                        <a href="{{ path('app_evenement_details',{type:liste.typeEvenement.slug, slug:liste.slug})}}"><i class="fa fa-calendar-o"></i> {{ liste.date |date('d') }} {{ liste.date |date('M') }} {{ liste.date |date('Y') }} </a>
                                    </div>
                                </div>

                            </div>
                        </div>
                        {% endfor %}
                    </div>
          
    
    </div>
</div>

    
        
{% endblock %}