Symfony Profiler

{% extends 'base.html.twig' %}
{% block body %}

<div class="banner is-header">
<div class="container">
<div class="d-flex justify-content-center align-items-center bg-transparent text-white text-center">
<div class="row">
<h1 class="banner-title text-uppercase">Le projet Zinvaziv</h1>
<div class="col-lg-12 banner-content">
<p class="paragraph-line-spacing">
Le programme « Ansamb kont zinvaziv » met en lien les professionnels de l’élagage / des
espaces verts et les particuliers souhaitant faire retirer gratuitement les espèces exotiques
interdites de leur jardin.
</p>
</div>
<div class="col-lg-6 mx-auto banner-button">
<div class="row">
{% if app.user %}
{% if 'ROLE_ADMIN' in app.user.roles %}
<div class="col-lg-6 col-md-12 col-sm-12">
<a class="btn btn-grey" href="{{ path('company.create') }}">
CREER UN PROFESSIONNEL
</a>
</div>
<div class="col-lg-6 col-md-12 col-sm-12">
<a class="btn btn-grey" href="{{ path('admin.company.list') }}">
VOIR LES PROFESSIONNELS
</a>
</div>
{% elseif 'ROLE_COMPANY' in app.user.roles %}
{% if app.user.companies.count == 0 %}
<div class="col-lg-12">
<a class="btn btn-grey" href="{{ path('demand.create') }}">
CRÉER MON DOSSIER ÉLAGUEUR
</a>
</div>
{% else %}
<div class="col-lg-12">
<a class="btn btn-grey" href="{{ path('company.update', { company: app.user.companies.first.id, step: 1 }) }}">
MON ENTREPRISE
</a>
</div>
{% endif %}
{% else %}
<div class="col-lg-12">
<a class="btn btn-grey" href="{{ path('demand.list') }}">GÉRER MES DEMANDES</a>
</div>
{% endif %}
{% else %}
<div class="col-lg-6 col-md-6 col-sm-12">
<a class="btn btn-grey" href="{{ path('register') }}">PARTICULIERS</a>
</div>
<div class="col-lg-6 col-md-6 mt-3 mt-md-0 mt-lg-0 mt-xl-0 mt-xxl-0 col-sm-12">
<a class="btn btn-grey" href="{{ path('register', {type: 1}) }}">
PROFESSIONNELS
</a>
</div>
{% endif %}
</div>
</div>
<div class="d-flex justify-content-center icon-bottom">
<a href=#zinvaziv><img class="mb-3" src="{{ asset('build/images/arrow.svg') }}" alt="Arrow"/></a>
</div>
</div>
</div>
</div>
</div>
<div class="container my-5">
<p class="my-5 text-center text-uppercase bold-dark-green-title">
<strong id="zinvaziv">ALON MET ANSAMB KONT ZINVAZIV !</strong>
</p>
<div class="row position-relative">
<div class="col-lg-6 px-5">
<p class="h6 text-center paragraph-line-spacing">
Les réunionnais sont très attachés à leur jardin dans lequel ils aiment associer différentes espèces végétales
et introduire de nouvelles espèces, qui sont souvent des espèces exotiques. Malheureusement, certaines de
ces espèces exotiques sont envahissantes. Lorsqu’elles se retrouvent dans le milieu naturel, les espèces
exotiques envahissantes causent de sérieux dégâts sur les espèces indigènes et endémiques de La Réunion,
en se multipliant rapidement et en accaparant les ressources. Certaines sont si dangereuses pour les écosystèmes
réunionnais qu’elles ont été interdites à la Réunion par arrêté ministériel ! Très souvent, les jardins
représentent une porte de sortie des espèces exotiques envahissantes vers les milieux naturels.
</p>
</div>
<div class="col-lg-6 px-5">
{#<div id="map" class="w-full h-[300px] lg:h-[400px]"
data-map-init="" data-map-demands="{% for demand in demands %}{{ demand.latitude }}:{{ demand.longitude }}:{{ demand.id }}:{% if demand.demandTrees.first %}{% set tree_image_path = demand.demandTrees.first.tree ? get_download_url(get_first_treeFile_by_type(demand.demandTrees.first.tree, constant('App\\Entity\\TreeFile::PHOTO')).file.path) : 'build/images/invasive_species_2.png' %}{% else %}{% set tree_image_path = 'build/images/invasive_species_2.png' %}{% endif %}{{ asset(tree_image_path) }}:{{ demand.demandTrees.count }}{{ not loop.last ? '|' }}{% endfor %}">
</div>
{% for demand in demands %}
<div id="demand-modal-{{ demand.id }}" class="card mt-2 shadow-sm demand-modal">
<div class="card-body">
<div class="card-title">
<strong>{{ demand.id }}</strong>
<button type="button" class="btn-close float-end" data-demand-modal-close="" aria-label="Close"></button>
</div>
<div>
{% for demandTree in demand.demandTrees %}
{% set tree = demandTree.tree %}
<div class="d-flex align-items-center">
{% set treePhotoFile = tree ? get_first_treeFile_by_type(tree, constant('App\\Entity\\TreeFile::PHOTO')) : null %}
{% if treePhotoFile %}
<img src="{{ get_download_url(treePhotoFile.file.path) }}" alt="tree" class="w-25 h-25">
{% else %}
<img src="{{ asset('build/images/invasive_species_2.png') }}" alt="tree" class="w-25 h-25">
{% endif %}
<div class="ms-2">
<strong>{{ tree ? tree.frenchName : 'Inconnu' }}</strong>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
{% endfor %}#}
<button class="border-0 bg-white">
<img data-repartition-demandes-modal-open="" alt="Carte répartition des demandes d'abattage" src="{{ asset(repartition_demands_map_path) }}" width="500" height="450"/>
</button>
<div id="repartition-demandes-modal" class="card mt-2 shadow-sm position-absolute top-0 start-0 w-100">
<div class="card-body">
<div class="card-title">
<strong>Répartition des demandes d'abattage</strong>
<button type="button" class="btn-close float-end" data-repartition-demandes-modal-close="" aria-label="Close"></button>
</div>
<div class="d-flex justify-content-center">
<img alt="Carte répartition des demandes d'abattage" src="{{ asset(repartition_demands_map_path) }}" width="1000" height="800" />
</div>
</div>
</div>
</div>
</div>
<p class="h5 text-center mx-5 mt-5 paragraph-line-spacing">
<strong>
C’est pour cela que le programme « Ansamb kont zinvaziv » vise à informer les Réunionnais sur ces
espèces exotiques envahissantes, les accompagner pour faire retirer gratuitement les espèces
exotiques interdites de leur jardin avant qu’elles n’impactent le milieu naturel. Ce programme vise
également à encourager la plantation d’espèces endémiques et indigènes dans nos jardins. Ainsi,
nous proposons une plante endémique ou indigène en remplacement des arbres interdits enlevés de
vos jardins.
</strong>
</p>
<p class="h6 text-center mx-5 mt-5 paragraph-line-spacing">
Concrètement, le programme « Ansamb kont zinvaziv » met en lien les professionnels de l’élagage / des espaces
verts et les particuliers souhaitant faire retirer gratuitement les espèces exotiques interdites de leur jardin.
</p>
<p class="h5 text-center mx-5 mt-3 paragraph-line-spacing">
Le programme « Ansamb kont zinvaziv » comprend 2 volets :
</p>
</div>

<div class="container">
<div class="row mt-5 mb-5 justify-content-lg-around">
<div class="col-lg-4 text-center mt-5 mb-5">
<div class="card-custom is-tree text-white ">
<div class="card-hover-transition">
<div class="row justify-content-center align-items-center p-2">
<div class="col-lg-12 card-hover-title">
<p>ARBRES DE PLUS DE 3M</p>
</div>
<div class="col-lg-12 card-hover-contain">
<strong>
Faites gratuitement abattre les arbres exotiques interdits présents dans votre jardin.
</strong>
<p>
« Ansamb kont zinvaziv » vous permet de bénéficier d’une prise en charge à 100 %
pour l’abattage d’un ou de plusieurs arbres exotiques envahissants interdits par un
professionnel de l’élagage référencé sur cette plateforme. Pour cela, inscrivez-vous
et laissez-vous guider !
</p>
<small>
Prise en charge dans la limite du financement disponible.
Attention à bien vous renseigner sur les conditions d’application de la prise en charge.
</small>
</div>
<div class="col-lg-12 card-hover-action mt-2">
<a class="btn btn-outline-green" href="{{ path('tree.list-invasive', {'category' : constant('App\\Entity\\Tree::TREE_TYPE'), '_fragment' : 'section-espece-invasive'}) }}">
En savoir plus
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 text-center mt-5 mb-5">
<div class="card-custom is-plant text-white ">
<div class="card-hover-transition">
<div class="row justify-content-center align-items-center p-2">
<div class="col-lg-12 card-hover-title">
<p>ARBUSTES ET PLANTES</p>
</div>
<div class="col-lg-12 card-hover-contain">
<strong>
Eliminez gratuitement les plantes et les arbustes à massifs exotiques envahissants
interdits présents dans votre jardin
</strong>
<p>
« Ansamb kont zinvaziv » vous permet de bénéficier d’une prise en charge à 100 %
pour la coupe et l’arrachage de plantes et d’arbustes envahissants interdits, par un
professionnel d’entretien des espaces verts référencé sur cette plateforme.
Pour cela, inscrivez-vous et laissez-vous guider !
</p>
<small>
La prise en charge des arbustes et plantes à massifs interdits n’est pour le moment
pas opérationnelle.
</small>
</div>
<div class="col-lg-12 card-hover-action mt-2">
<a class="btn btn-outline-green" href="{{ path('tree.list-invasive', {'category' : constant('App\\Entity\\Tree::BUSH_AND_PLANT_TYPE')}) }}">
En savoir plus
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="banner is-ref-pro">
<div class="container h-100">
<div class="d-flex h-100 align-items-center text-white">
<div class="row">
<div class="col-lg-12">
<h1 class="banner-title">REFERENCEMENT PROFESSIONNEL</h1>
<p>
Le programme «Ansamb kont zinvaziv» encourage financièrement les particuliers à éliminer de
leur jardin les espèces exotiques interdites et crée de nouvelles opportunités pour les
professionnels de l’élagage et des espaces verts pour relancer leur activité impactée par la
crise sanitaire. La plateforme zinvaziv.re permet, pour cela, de mettre directement en lien
les particuliers ayant besoin d’un appui à la gestion des espèces de flore invasive interdite
et les professionnels qui proposent cette prestation et qui sont référencés sur zinvaziv.re.
En étant référencé comme professionnel du programme, vous serez sollicités pour des demandes
de devis concernant des opérations d’élagage ou d’arrachage d’espèces exotiques interdites à
La Réunion. Vous devez faire partie du réseau des professionnels affiliés au programme afin
de pouvoir proposer la prise en charge de votre prestation par le programme «Ansamb kont zinvaziv».
</p>
<div>
<a class="btn btn-orange" href="{{ path('professional') }}">ESPACE PROFESSIONEL</a>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="container">
<div class="program row mt-5 justify-content-lg-around">
<div class="col-lg-12 text-center program-title">
<h1 class="banner-title"><strong>LE PORTEUR ET LE FINANCEUR DU PROJET</strong></h1>
</div>
<div class="col-xl-3 col-lg-6 col-md-12 col-sm-12 text-center mt-5">
<div class="program-content border border-dark d-flex flex-column">
<img class="program-img rounded mx-auto d-block mt-5"
src="{{ asset('build/images/ave2mLogo.png') }}"
alt="Logo AVE2M">
<span class="program-label"><strong>AVE<small>2</small>M</strong></span>
<div class="program-text">
Association pour la Valorisation de l’Entre-Deux Monde, agit, entre autres, pour la lutte contre
les espèces exotiques envahissantes (faune et flore) sur l’ensemble du territoire réunionnais.
L’association sensibilise et accompagne les particuliers à la préservation de la biodiversité,
et à la nécessité de réduire l’emprise des espèces exotiques envahissantes sur les milieux.
</div>
<div class="mt-auto">
<a href="https://ave2m.com/" class="btn btn-orange rounded-pill">DÉCOUVRIR</a>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-md-12 col-sm-12 text-center mt-5">
<div class="program-content border border-dark h-100 d-flex flex-column">
<img class="program-img rounded mx-auto d-block mt-5"
src="{{ asset('build/images/logo_prefet_reunion.png') }}"
alt="Logo DEAL">
<span class="program-label"><strong>DEAL</strong></span>
<div class="program-text">
Sous l’autorité du préfet, la DEAL (Direction de l’Environnement, de l’Aménagement et du Logement)
a pour mission de mettre en œuvre localement les politiques de l’État impulsées par le ministère
de la Transition écologique (MTE), le ministère de la Cohésion des territoires et des Relations
avec les collectivités territoriales (MCTRCT), le ministère de la Mer (MMer).
</div>
<div class="mt-auto">
<a href="http://www.reunion.developpement-durable.gouv.fr/" class="btn btn-orange rounded-pill">DÉCOUVRIR</a>
</div>
</div>
</div>
</div>
</div>
{% if published_demands is not empty %}
<div class="d-flex align-items-center justify-content-center mt-5">
<div class="container-fluid">
<h1 class="banner-title text-black text-center"><strong>LES COMMENTAIRES DES PARTICULIERS</strong></h1>
<div class="articles mt-5">
<div class="row justify-content-center">
{% for demand in published_demands %}
<div class="col-sm-12 col-md-6 col-lg-4 col-xl-3 col-xxl-3 mb-3">
<div class="article">
<div class="article-header">
<h2 class="article-title">{{ demand.demandInformation.firstname }} {{ demand.demandInformation.lastname|slice(0, 1) }}.</h2>
<div class="article-meta">
<div class="row">
<div class="col-6 col-lg-6">
{% set posted_feedback_status = get_demand_status(demand, constant('App\\Entity\\Demand::USER_POSTED_FEEDBACK_STATUS')) %}
<i class="far fa-calendar fa-fw"></i> {{ posted_feedback_status ? posted_feedback_status.createdAt|format_datetime('short','none') }}
</div>
</div>
</div>
</div>
<div class="article-body">
<p class="align-self-center">{{ demand.comment|nl2br }}</p>
</div>
<div class="article-footer">
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
{% endif %}
{% if news is not empty %}
<div class="banner is-footer d-flex align-items-center justify-content-center mt-5">
<div class="container-fluid">
<h1 class="banner-title text-white text-center"><strong>NOS DERNIÈRES ACTUALITÉS</strong></h1>
<div class="articles mt-5">
<div class="row justify-content-center">
{% for news in news %}
<div class="col-sm-12 col-md-6 col-lg-4 col-xl-3 col-xxl-3 mb-3">
<div class="article">
<div class="article-header">
<h2 class="article-title">{{ news.title }}</h2>
<div class="article-meta">
<div class="row">
<div class="col-6 col-lg-6">
<i class="far fa-calendar fa-fw"></i> {{ news.createdAt|format_datetime('short','none') }}
</div>
</div>
</div>
</div>
<div class="article-body">
<p class="align-self-center">{{ news.content|nl2br }}</p>
</div>
<div class="article-footer">
<span class="text-decoration-underline text-primary">
<a href="{{ news.externalLink }}">En savoir plus</a>
</span>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
{% endif %}
{% endblock %}
{% block javascripts %}
<script>(g=>{var h,a,k,p="The Google Maps JavaScript API",c="google",l="importLibrary",q="__ib__",m=document,b=window;b=b[c]||(b[c]={});var d=b.maps||(b.maps={}),r=new Set,e=new URLSearchParams,u=()=>h||(h=new Promise(async(f,n)=>{await (a=m.createElement("script"));e.set("libraries",[...r]+"");for(k in g)e.set(k.replace(/[A-Z]/g,t=>"_"+t[0].toLowerCase()),g[k]);e.set("callback",c+".maps."+q);a.src=`https://maps.${c}apis.com/maps/api/js?`+e;d[q]=f;a.onerror=()=>h=n(Error(p+" could not load."));a.nonce=m.querySelector("script[nonce]")?.nonce||"";m.head.append(a)}));d[l]?console.warn(p+" only loads once. Ignoring:",g):d[l]=(f,...n)=>r.add(f)&&u().then(()=>d[l](f,...n))})
({key: "{{ GOOGLE_API_KEY }}", v: "weekly"});</script>
{{ encore_entry_script_tags('google-map-new') }}
<script>
const repartitionDemandesModalOpen = document.querySelector('[data-repartition-demandes-modal-open]');
const repartitionDemandesModalClose = document.querySelector('[data-repartition-demandes-modal-close]');
repartitionDemandesModalClose.addEventListener('click', () => {
document.getElementById('repartition-demandes-modal').classList.remove('is-active');
});
repartitionDemandesModalOpen.addEventListener('click', () => {
document.getElementById('repartition-demandes-modal').classList.add('is-active');
});
</script>
{% endblock %}

templates/home.html.twig line 1