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

{% block title %}Accueil{% endblock %}
{% block stylesheets %}
{{ parent() }}
<style>
 .single-choose-us{
    width:100%;
    height:85%;
  }
 .choose-content{

   text-align: left;
    vertical-align: baseline;
 }
 .single-choose-us.choose-bg-light-blue {
    
}
 
</style>
{% endblock %}
{% block body %}

<div class="slider-area">
    <div class="slider-active-2 owl-carousel nav-style-2">
        <div class="breadcrumb-top default-overlay bg-img breadcrumb-overly-3 pt-100 g" style="background-image:url(front/assets/img/bg/Entree.jpeg);padding-bottom: 164px;">
            <div class="container">
                <div class="row">
                    <div class="col-lg-9 col-md-7 col-12 col-sm-12">
                        <div class="slider-content slider-animated-1 pt-230">
                           
                        </div>
                    </div>
                </div>
                
            </div>
        </div>
        <div class="breadcrumb-top default-overlay bg-img breadcrumb-overly-3 pt-100 g" style="background-image:url(front/assets/img/bg/2.jpg);padding-bottom: 164px;">
            <div class="container">
                <div class="row">
                    <div class="col-lg-9 col-md-7 col-12 col-sm-12">
                        <div class="slider-content slider-animated-1 pt-230">
                            
                        </div>
                    </div>
                </div>
            
            </div>
        </div>
        <div class="breadcrumb-top default-overlay bg-img breadcrumb-overly-3 pt-100 g" style="background-image:url(front/assets/img/bg/3.jpg);padding-bottom: 164px;">
            <div class="container">
                <div class="row">
                    <div class="col-lg-9 col-md-7 col-12 col-sm-12">
                        <div class="slider-content slider-animated-1 pt-230">
                            
                        </div>
                    </div>
                </div>
            
            </div>
        </div>
        <div class="breadcrumb-top default-overlay bg-img breadcrumb-overly-3 pt-100 g" style="background-image:url(front/assets/img/bg/4.jpg);padding-bottom: 164px;">
            <div class="container">
                <div class="row">
                    <div class="col-lg-9 col-md-7 col-12 col-sm-12">
                        <div class="slider-content slider-animated-1 pt-230">
                            
                        </div>
                    </div>
                </div>
            
            </div>
        </div>
    </div>
</div>
<div class="choose-us section-padding-1">
    <div class="container-fluid">
        <div class="row no-gutters choose-negative-mrg">
            <div class="col-lg-3 col-md-6">
            <a href="{{path('app_soutenance')}}">
                <div class="single-choose-us choose-bg-light-blue">
                    <div class="choose-img">
                        <img class="animated" src="front/assets/img/icon-img/service-4.png" alt="">
                    </div>
                    <div class="choose-content" >
                        <h3>Avis de soutenance</h3>
                        <p>Consulter les avis de soutenance</p>
                    </div>
                </div>
            </a>
            </div>
            <div class="col-lg-3 col-md-6">
             <a href="{{path('app_professeur_profile')}}">
                <div class="single-choose-us choose-bg-yellow">
                    <div class="choose-img">
                        <img class="animated" src="front/assets/img/icon-img/service-2.png" alt="">
                    </div>
                    <div class="choose-content">
                       <h3 >Espace professeur</h3>
                        <p>Accéder à mon espace</p>
                    </div>
                </div>
                </a>
            </div>
            <div class="col-lg-3 col-md-6">
            <a href="{{path('app_doctorant_inscription')}}">
                <div class="single-choose-us choose-bg-blue">
                    <div class="choose-img">
                        <img class="animated" src="front/assets/img/icon-img/funfact-2.png" alt="">
                    </div>
                    <div class="choose-content">
                        <h3 >Espace doctorant</h3>
                        <p>Accéder à mon espace</p>
                    </div>
                </div>
            </a>
            </div>
            <div class="col-lg-3 col-md-6">
            <a href="{{path('app_evenement', {slug: "fomation"})}}">
                <div class="single-choose-us choose-bg-green">
                    <div class="choose-img">
                        <img class="animated" src="front/assets/img/icon-img/service-4.png" alt="">
                    </div>
                    <div class="choose-content">
                        <h3>Espace formations</h3>
                        <p>Consulter les formations disponibles</p>
                    </div>
                </div>
             </a>
            </div>
        </div>
    </div>
</div>


  






<div class="course-area bg-img pt-130 event-gray-bg pb-10" src="{{ asset('front/assets/img/bg/bg-1.jpg') }}" alt="">
    <div class="container">
        <div class="section-title mb-75">
            <h2><span>Actualités</span> / Évènements</h2>
        </div>
           <div class="event-active owl-carousel nav-style-1 " items="4">
           {% for liste in Events %}
           {# <div class="col-3"> event-gray-bg #}
                <div class="single-event mb-55 col-sm-12 p-2">
                    <div class="event-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 class="event-date-wrap">
                            <span class="event-date">{{ liste.date |date('d') }}</span>
                            <span>{{ liste.date |date('M') }}</span>
                        </div>
                    </div>
                    <div class="event-content">
                        <h3><a href="{{ path('app_evenement_details',{type:liste.typeEvenement.slug, slug:liste.slug})}}">{{ liste.Titre|striptags|slice(0, 50) }}...</a></h3>
                        <p>{{ (liste.getshortDescription ? liste.getshortDescription :liste.Description) |striptags|slice(0, 50)  }}</p>
                        <div class="event-meta-wrap">
                            <div class="event-meta">
                                <i class="fa fa-location-arrow"></i>
                                <span>{{ liste.Lieu }}</span>
                            </div>
                        </div>
                    </div>
                </div>
           {% endfor %}
        </div>
      
    </div>
</div>

<div class="achievement-area pt-50 pb-50">
    <div class="container">
        <div class="section-title mb-75">
            <h2><span>CEDoc </span>en chiffres </h2>
            {# <p>tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim <br>veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip </p> #}
        </div>
        <div class="row">
            <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6">
                <div class="single-count mb-30 count-one">
                    <div class="count-img">
                        <img src="front/assets/img/icon-img/Doctorants_inscrits.png" alt="">

                    </div>
                    <div class="count-content">
                        <h2 class="count">{{ doctorantCount }}</h2>
                        <span>Doctorants inscrits</span>
                    </div>
                </div>
            </div>  
            <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6">
                <div class="single-count mb-30 count-two">
                    <div class="count-img">
                        <img src="front/assets/img/icon-img/promo.png" alt="">
                    </div>
                    <div class="count-content">
                        <h2 class="count">{{promotionCount}}</h2>
                        <span>Promotions</span>
                    </div>
                </div>
            </div>
            <div class="col-xl-4 col-lg-3 col-md-6 col-sm-6">
                <div class="single-count mb-30 count-three">
                    <div class="count-img">
                        <img src="front/assets/img/icon-img/Unités_recherche.png" alt="">
                    </div>
                    <div class="count-content">
                        <h2 class="count">{{URCount}}</h2>
                        <span>Unités de recherche</span>
                    </div>
                </div>
            </div>
            <div class="col-xl-2 col-lg-3 col-md-6 col-sm-6">
                <div class="single-count mb-30 count-four">
                    <div class="count-img">
                        
                        <img src="front/assets/img/icon-img/Domaines.png" alt="">
                    </div>
                    <div class="count-content">
                        <h2 class="count">{{DomaineCount}}</h2>
                        <span>Domaines</span>
                    </div>
                </div>
            </div>

        </div>

    </div>
</div>
         
{% endblock %}
{% block javascripts %}
    {{ parent() }}

    <script>

$(document).ready(function () {
    $(".carousel_se_02_carousel").owlCarousel({
      items: 4,
      nav: true,
      loop: true,

      mouseDrag: true,
      responsiveClass: true,
      responsive: {
        0: {
          items: 1,
        },
        480: {
          items: 2,
        },
        767: {
          items: 3,
        },
        992: {
          items: 3,
        },
        1200: {
          items: 4,
        },
      },
    });
  });



    </script>
{% endblock %}