{% extends 'base.html.twig' %}
{% block langue %}
<li>
<a style="text-decoration: none;" href="{{ path('home_ar') }}">
Arabe
<i class="bx bx-world"></i>
</a>
</li>
{% endblock %}
{% block body %}
<link href="tawssia/vendor/animate.css/animate.min.css" rel="stylesheet">
<!-- ======= TawssiaSection ======= -->
<section id="tawssia">
<div id="tawssiaCarousel" data-bs-interval="5000" class="carousel slide carousel-fade" data-bs-ride="carousel">
<div class="carousel-inner" role="listbox">
<!-- Slide 1 -->
<div class="carousel-item active" style="background-image: url(assets/img/ac.jpg);">
<div class="carousel-container">
<div class="carousel-content animate__animated animate__fadeInUp">
<h2>
<span>
#Tawssia
</span>
</h2>
<p>
Plateforme des recommandations du Conseil économique, social et environnemental
</p>
</div>
</div>
<!-- ======= Counts Section ======= -->
<section id="counts" class="counts" style="padding: 25px 0 15px; position: absolute; bottom: 1%; left: 1%; right: 1%;">
<div class="container" data-aos="fade-up">
<div class="row">
<div class="col-6 col-xl-3 col-lg-3 col-md-6 mt-5 mt-md-0">
<div class="count-box">
<i class="bx bxl-firebase"></i>
<span data-toggle="counter-up">
{{ nombre.count }}
</span>
<p>
Recommandations
</p>
</div>
</div>
<div class="col-6 col-xl-3 col-lg-3 col-md-6 mt-5 mt-md-0">
<div class="count-box">
<i class="bx bx-comment-edit"></i>
<span data-toggle="counter-up">
59
</span>
<p>
Auto-Saisines
</p>
</div>
</div>
<div class="col-6 col-xl-3 col-lg-3 col-md-6 mt-3 mt-lg-0">
<div class="count-box">
<i class="bx bx-comment-check"></i>
<span data-toggle="counter-up">
32
</span>
<p>
Saisines
</p>
</div>
</div>
<div class="col-6 col-xl-3 col-lg-3 col-md-6 mt-3 mt-lg-0">
<div class="count-box">
<i class="bx bxs-report"></i>
<span data-toggle="counter-up">
10
</span>
<p>
Rapports annuels
</p>
</div>
</div>
</div>
</div>
</section>
<!-- End Counts Section -->
</div>
</div>
</div>
</section>
<!-- End Tawssia-->
<main id="main">
<!-- ======= About Boxes Section ======= -->
<section id="about-boxes" class="about-boxes">
<div class="container" data-aos="fade-up">
<div class="row">
<div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="100">
<div class="card">
<a href="{{ path('rec') }}">
<img src="{{ asset('assets/img/recommandations.jpg') }}" class="card-img-top" alt="..."></a>
<div class="card-body">
<h5 class="card-title">
<a href="{{ path('rec') }}">
TOUTES LES RECOMMANDATIONS
</a>
</h5>
<p class="card-text">
<i style='color: #5CB85C' class="bx bxl-firebase"></i>
{{ nombre.count }}
recommandations
</p>
<p class="card-text">
<i style='color: #5CB85C' class="icofont-document-folder"></i>
77 avis
</p>
<p class="card-text">
<i style='color: #5CB85C' class="icofont-users-alt-5"></i>
10 commissions
</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="100">
<div class="card">
<a href="{{ path('rec_domaine', { 'Domaine' : 'Economie'}) }}">
<img src="{{ asset('assets/img/ECONOMIE.jpg') }}" class="card-img-top" alt="..."></a>
<div class="card-body">
<h5 class="card-title">
<a href="{{ path('rec_domaine', { 'Domaine' : 'Economie'}) }}">
ECONOMIE
</a>
</h5>
<p class="card-text">
<i style='color: #5CB85C' class="bx bxl-firebase"></i>
{{ totaldom[2].count }}
recommandations
</p>
<p class="card-text">
<i style='color: #5CB85C' class="icofont-document-folder"></i>
{{ total_avis[2].count }}
avis
</p>
<p class="card-text">
<i style='color: #5CB85C' class="icofont-users-alt-5"></i>
{{ total_com[2].count }}
commission
</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="100">
<div class="card">
<a href="{{ path('rec_domaine', { 'Domaine' : 'Social'}) }}">
<img src="{{ asset('assets/img/SOCIAL.jpg') }}" class="card-img-top" alt="..."></a>
<div class="card-body">
<h5 class="card-title">
<a href="{{ path('rec_domaine', { 'Domaine' : 'Social'}) }}">
SOCIAL
</a>
</h5>
<p class="card-text">
<i style='color: #5CB85C' class="bx bxl-firebase"></i>
{{ totaldom[3].count }}
recommandations
</p>
<p class="card-text">
<i style='color: #5CB85C' class="icofont-document-folder"></i>
{{ total_avis[3].count }}
avis
</p>
<p class="card-text">
<i style='color: #5CB85C' class="icofont-users-alt-5"></i>
{{ total_com[3].count }}
commissions
</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="300">
<div class="card">
<a href="{{ path('rec_domaine', { 'Domaine' : 'EMPLOI ET RELATIONS PROFESSIONNELLES'}) }}">
<img src="{{ asset('assets/img/EMPLOI ET RELATIONS PROFESSIONNELLES.jpg') }}" class="card-img-top" alt="..."></a>
<div class="card-body">
<h5 class="card-title">
<a href="{{ path('rec_domaine', { 'Domaine' : 'EMPLOI ET RELATIONS PROFESSIONNELLES'}) }}">
EMPLOI ET RELATIONS PROFESSIONNELLES
</a>
</h5>
<p class="card-text">
<i style='color: #5CB85C' class="bx bxl-firebase"></i>
{{ totaldom[4].count }}
recommandations
</p>
<p class="card-text">
<i style='color: #5CB85C' class="icofont-document-folder"></i>
{{ total_avis[4].count }}
avis
</p>
<p class="card-text">
<i style='color: #5CB85C' class="icofont-users-alt-5"></i>
{{ total_com[4].count }}
commissions
</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="200">
<div class="card">
<a href="{{ path('rec_domaine', { 'Domaine' : 'Environement et developpement durable'}) }}">
<img src="{{ asset('assets/img/Environement et developpement durable.jpg') }}" class="card-img-top" alt="..."></a>
<div class="card-body">
<h5 class="card-title">
<a href="{{ path('rec_domaine', { 'Domaine' : 'Environement et developpement durable'}) }}">
ENVIRONNEMENT ET DEVELOPPEMENT DURABLE
</a>
</h5>
<p class="card-text">
<i style='color: #5CB85C' class="bx bxl-firebase"></i>
{{ totaldom[5].count }}
recommandations
</p>
<p class="card-text">
<i style='color: #5CB85C' class="icofont-document-folder"></i>
{{ total_avis[5].count }}
avis
</p>
<p class="card-text">
<i style='color: #5CB85C' class="icofont-users-alt-5"></i>
{{ total_com[5].count }}
commission
</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="100">
<div class="card">
<a href="{{ path('rec_domaine', { 'Domaine' : 'REGIONALISATION AVANCEE, DEVELOPPEMENT RURAL ET TERRITORIAL'}) }}">
<img src="{{ asset('assets/img/REGIONALISATION AVANCEE, DEVELOPPEMENT RURAL ET TERRITORIAL.jpg') }}" class="card-img-top" alt="..."></a>
<div class="card-body">
<h5 class="card-title">
<a href="{{ path('rec_domaine', { 'Domaine' : 'REGIONALISATION AVANCEE, DEVELOPPEMENT RURAL ET TERRITORIAL'}) }}">
REGIONALISATION AVANCEE, DEVELOPPEMENT RURAL ET TERRITORIAL
</a>
</h5>
<p class="card-text">
<i style='color: #5CB85C' class="bx bxl-firebase"></i>
{{ totaldom[6].count }}
recommandations
</p>
<p class="card-text">
<i style='color: #5CB85C' class="icofont-document-folder"></i>
{{ total_avis[6].count }}
avis
</p>
<p class="card-text">
<i style='color: #5CB85C' class="icofont-users-alt-5"></i>
{{ total_com[6].count }}
commissions
</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="100">
<div class="card">
<a href="{{ path('rec_domaine', { 'Domaine' : 'CULTURE, SAVOIR ET INFORMATION'}) }}">
<img src="{{ asset('assets/img/CULTURE, SAVOIR ET INFORMATION.jpg') }}" class="card-img-top" alt="..."></a>
{# <div class="card-icon">
<i class="bx bxs-book-open"></i>
</div> #}
<div class="card-body">
<h5 class="card-title">
<a href="{{ path('rec_domaine', { 'Domaine' : 'CULTURE, SAVOIR ET INFORMATION'}) }}">
CULTURE, SAVOIR ET INFORMATION
</a>
</h5>
<p class="card-text">
<i style='color: #5CB85C' class="bx bxl-firebase"></i>
{{ totaldom[8].count }}
recommandations
</p>
<p class="card-text">
<i style='color: #5CB85C' class="icofont-document-folder"></i>
{{ total_avis[8].count }}
avis
</p>
<p class="card-text">
<i style='color: #5CB85C' class="icofont-users-alt-5"></i>
{{ total_com[8].count }}
commissions
</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="100">
<div class="card">
<a href="{{ path('rec_domaine', { 'Domaine' : 'Etudes Transversales'}) }}">
<img src="{{ asset('assets/img/ETUDES TRANSVERSALES.jpg') }}" class="card-img-top" alt="..."></a>
{# <div class="card-icon">
<i class="bx bxl-firebase"></i>
</div> #}
<div class="card-body">
<h5 class="card-title">
<a href="{{ path('rec_domaine', { 'Domaine' : 'Etudes Transversales'}) }}">
ETUDES TRANSVERSALES
</a>
</h5>
<p class="card-text">
<i style='color: #5CB85C' class="bx bxl-firebase"></i>
{{ totaldom[7].count }}
recommandations
</p>
<p class="card-text">
<i style='color: #5CB85C' class="icofont-document-folder"></i>
{{ total_avis[7].count }}
avis
</p>
<p class="card-text">
<i style='color: #5CB85C' class="icofont-users-alt-5"></i>
{{ total_com[7].count }}
commissions
</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="100">
<div class="card">
<a href="{{ path('rec_dom', { 'domaine' : 'RAPPORTS ANNUELS'}) }}">
<img src="{{ asset('assets/img/RAPPORTS ANNUELS.png') }}" class="card-img-top" alt="..."></a>
{# <div class="card-icon">
<i class="bx bxs-report"></i>
</div> #}
<div class="card-body">
<h5 class="card-title">
<a href="{{ path('rec_dom', { 'domaine' : 'RAPPORTS ANNUELS'}) }}">
RAPPORTS ANNUELS
</a>
</h5>
<p style='color: #ff4a17' class="card-text">
<i class="bx bxl-firebase" style='color: #ff4a17'></i>
en cours de déploiement
</p>
<p class="card-text">
<i style='color: #5CB85C' class="icofont-document-folder"></i>
10 rapports
</p>
<p class="card-text">
<i style='color: #5CB85C' class="icofont-users-alt-5"></i>
{{ total_com[2].count }}
commission
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End About Boxes Section -->
<!-- ======= Testimonials Section ======= -->
</main>
{% endblock %}