Symfony Profiler

<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>{{evenement.titre}} - ENGIE Solutions</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/site/css/normalize.css">
<link rel="stylesheet" href="/site/bastille/bastille.css?v={{"now"|date('YmdHis')}}">
<link rel="shortcut icon" href="/favicon.ico">
<link rel = "stylesheet" href = "/plugins/fontawesome-free/css/all.min.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;700&family=Roboto+Condensed:wght@400;700&display=swap" rel="stylesheet">
<meta name="theme-color" content="#003a55">
{% if evenement.bgIntervenants is not null %}
<style>
.homeIntervenants ul li::before {
border-top-color: {{evenement.bgIntervenants}} !important;
}
.homeIntervenants ul li::after {
border-bottom-color: {{evenement.bgIntervenants}} !important;
}
</style>
{% endif %}

<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//matomo.tooling.myoddcloud.com/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '16']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>

</head>
<body class="bastille">
<header style="background-image:url('/site/upload/{{evenement.bandeauFond}}');">
<div class="wrapper">
<img src="/site/upload/{{evenement.bandeau}}" class="logo" />
</div>
</header>
<main>
{% set jours = ['Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi', 'Dimanche'] %}
{% set mois = ['janvier', 'février', 'mars', 'avril', 'mai', 'juin', 'juillet', 'août', 'septembre', 'octobre', 'novembre', 'décembre' ] %}
{# {% if evenement.date %}{% endif %} #}
{% if "now"|date('Ymd') <= evenement.date|date('Ymd') %}
{% if inscription is defined and inscription is not null %}
<div class="wrapper" style="text-align: center;font-size: 1.2em;">
<br/>
<p style="font-family: 'clan_probold';font-size: 2.5em;margin-bottom: 10px;">Merci,</p>
<p>Votre inscription a bien été enregistrée, vous allez recevoir un email de confirmation.</p>
<p>Nous aurons le plaisir de vous retrouver le <span style="font-family: 'clan_probold';">{{jours[evenement.date|date('N')-1]}} {{evenement.date|date('d')}} {{mois[evenement.date|date('n')-1]}} {{evenement.date|date('Y')}} à partir de {{evenement.heure|date('H')}}h{{evenement.heure|date('i')}}</span>.</p>
<br/>
{% if warning is defined and warning is not null %}
<p style="color:red;">{{warning}}</p>
{% endif %}
<br/>
</div>
{% endif %}
{% if inscription is defined and inscription is null %}
<div class="wrapper description">
<div class="">
<p>{{evenement.intro}}</p>
<h3>{{evenement.titre}}</h3>
{{evenement.texte|raw}}
<div>
{{jours[evenement.date|date('N')-1]}} {{evenement.date|date('d')}} {{mois[evenement.date|date('n')-1]}} {{evenement.date|date('Y')}}
<br/>
{% if evenement.heureFin is not null %}
de {{evenement.heure|date('H')}}h{{evenement.heure|date('i')}} à {{evenement.heureFin|date('H')}}h{{evenement.heureFin|date('i')}}
{% else %}
à partir de {{evenement.heure|date('H')}}h{{evenement.heure|date('i')}}
{% endif %}
</div>
{{evenement.texte2|raw}}
</div>
{% if inscription is defined and inscription is null %}
{% if evenement.btInscriptionImg is not null %}
<a href="#formulaire"><img src="/site/upload/{{evenement.btInscriptionImg}}" style="display:block;margin:0 auto;max-width:95%;" /></a>
{% else %}
<span><a href="#formulaire" class="btn">Je m'inscris</a></span>
{% endif %}
{% endif %}
{% if evenement.videoTeasing is not null and evenement.videoTeasing != '' %}
{% set link = evenement.videoTeasing|split('=') %}
<iframe width="100%" height="500" src="https://www.youtube.com/embed/{{link[1]}}?si=0FUPcdvb56giAhBc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen style="margin:40px auto 0px auto;display: block;"></iframe>
{% endif %}
</div>
{% endif %}
{% if evenement.programmes|length %}
<div class="programme" style="background-image:url('/site/upload/{{evenement.programmeFond}}');">
<div class="wrapper">
<h2>Déroulé</h2>
<ul {% if evenement.programmes|length < 2 %}style="columns:1;"{% endif %}>
{% for item in evenement.programmes %}
<li><b>{{item.heureDebut|date('H')}}h{{item.heureDebut|date('i')}}</b> {{item.titre}}
<br/><span>{{item.texte|nl2br}}</span>
</li>
{% endfor %}
</ul>
</div>
</div>
{% endif %}
{% if intervenants|length > 0 %}
<div class="homeIntervenants eventIntervenants"
{% if evenement.bgIntervenants is not null %}
style="background-color:{{evenement.bgIntervenants}} !important;"
{% endif %}>
<div class="wrapper">
<h2>Intervenants</h2>
<ul>
{% for item in intervenants %}
<li>
{% if item.intervenant.image is not null %}
<div style="background-image:url('/site/upload/{{item.intervenant.image}}');">
</div>
{% else %}
<div style="background-image:url('/site/img/profile.jpg');">
</div>
{% endif %}
<div>
<p class="nom">{{item.intervenant.prenom}} {{item.intervenant.nom}}</p>
<p class="poste">{{item.intervenant.poste}}</p>
<p class="societe">{{item.intervenant.societe}}</p>
{% if item.intervenant.linkedin is not null %}
<a href="{{item.intervenant.linkedin}}" target="_blank"><i class="fab fa-linkedin"></i></a>
{% endif %}
</div>
</li>
{% endfor %}
</ul>
</div>
</div>
{% endif %}
<div class="pratique">
<div>
<div>
<h2>Informations <br/>pratiques</h2>
{{evenement.infoPratique|raw}}
</div>
</div>
<div style="background-image:url('/site/upload/{{evenement.infoPratiqueMap}}');">
</div>
</div>
{% if inscription is defined and inscription is null %}
<div class="inscription" style="background-image:url('/site/upload/{{evenement.formulaireFond}}');">
<a name="formulaire"></a>
<div class="wrapper">
<h2>Inscription</h2>
{# <p id="switchIndiv">Inscription indiv</p>
<p id="switchGroupe">Inscription groupe</p> #}
<form action="{{path( 'evenement', {'slug': evenement.slug, 'idmessage':(idmessage is defined ? idmessage : 0), 'hashmessage': (idmessage is defined ? idmessage|shasalt : ''), 'iduser':(iduser is defined ? iduser : 0), 'hashuser':(iduser is defined ? iduser|shasalt : '') } ) }}" method="POST" enctype="multipart/form-data">
<div>
<div>
<input type="hidden" name="type" id="inputType" value="indiv" />
{% if evenement.formatFormulaire == "completIndivGroupe" %}
<div>
<select name="type" id="selectType">
<option value="indiv">Je souhaite m'inscrire individuellement</option>
<option value="groupe">Je souhaite inscrire un groupe</option>
</select>
</div>
{% endif %}
<div>
<input type="text" name="nom" id="inputNom" value="{{contact is not null and contact.nom is not null ? contact.nom}}" placeholder="Nom" required />
</div>
<div>
<input type="text" name="prenom" id="inputPrenom" value="{{contact is not null and contact.prenom is not null ? contact.prenom}}" placeholder="Prénom" required />
</div>
<div>
<input type="email" name="email" value="{{contact is not null ? contact.email}}" placeholder="Email" required />
</div>
<div>
<input type="tel" name="telephone" placeholder="Téléphone" />
</div>
<div>
<input type="text" name="postal" placeholder="Code postal" />
</div>
<div>
<input type="text" name="societe" id="inputSociete" value="{{contact is not null ? contact.societe}}" placeholder="Société / Organisme" />
</div>
<div>
<input type="text" name="fonction" id="inputFonction" value="{{contact is not null ? contact.fonction}}" placeholder="Fonction" />
</div>
</div>
<div class="colDroite">
{% if evenement.cvFormulaire %}
<div class="indiv">
<p>Joindre un CV</p>
<input type="file" name="cv" />
<br/><i>Format PDF ou Word - 3Mo maximum</i>
</div>
{% endif %}
{% if evenement.formatFormulaire == "completIndivGroupe" %}
<div class="groupe">
<input type="text" name="nbparticipants" id="nbparticipants" placeholder="Nombre de participants" required />
</div>
<div class="groupe">
<p>Créneau horaire d'arrivée :</p>
<select name="creneau">
<option value="">Choisir un créneau</option>
<option value="9h - 10h">9h - 10h</option>
<option value="10h - 11h">10h - 11h</option>
<option value="11h - 12h">11h - 12h</option>
<option value="12h - 13h">12h - 13h</option>
<option value="13h - 14h">13h - 14h</option>
<option value="14h - 15h">14h - 15h</option>
<option value="15h - 16h">15h - 16h</option>
</select>
</div>
{% endif %}
{% if evenement.formatFormulaire == "completIndivGroupe" or evenement.formatFormulaire == "completIndiv" %}
<div>
<p>Qu'attendez-vous de cet événement ?</p>
<select name="attentes" id="attentes" required>
<option value=""></option>
<option value="En apprendre plus sur ENGIE Solutions">En apprendre plus sur ENGIE Solutions</option>
<option value="Recherche d'emploi">Recherche d'emploi</option>
<option value="Recherche d'emploi">Recherche de stage ou alternance</option>
<option value="Autre">Autre (préciser ci-dessous)</option>
</select>
<textarea name="attentesAutre" id="attentesAutre" style="display:none;" placeholder="Précisez vos attentes"></textarea>
</div>
<div>
<p>Comment avez-vous connu l'événement ?</p>
<textarea name="connu" required></textarea>
</div>
{% endif %}
{% if evenement.formatFormulaire == "classiqueDuo" %}
<div>
<div>
<label class="container">Je souhaite venir accompagné(e)
<input type="checkbox" onchange="switchPlusOne()" id="checkPlusOne" name="plusOne">
<span class="checkmark"></span>
</label>
</div>
<div id="invite" style="display:none;">
<input type="text" name="inviteNom" placeholder="Nom" />
</div>
<div id="invite2" style="display:none;">
<input type="text" name="invitePrenom" placeholder="Prénom" />
</div>
<br/>
<script>
function switchPlusOne() {
const box = document.getElementById('checkPlusOne');
console.log(box.checked);
if(box.checked) {
document.getElementById('invite').style.display = 'block';
document.getElementById('invite2').style.display = 'block';
} else {
document.getElementById('invite').style.display = 'none';
document.getElementById('invite2').style.display = 'none';
}
}
</script>
</div>
{% endif %}
<br/>
{% if evenement.captationFormulaire %}
<div>
<label class="containerRadio">
<input type="radio" name="droitImage" value="1" required>
<span class="checkmarkRadio"></span> Je consens à la captation et exploitation de mon image au cours du déroulement de l’événement organisé par ENGIE Solutions selon les modalités décrites <a href="{{path('site_mentions', {'slug': evenement.slug })}}#captation"><u>ICI</u></a>
</label>
</div>
<div>
<label class="containerRadio">
<input type="radio" name="droitImage" value="0" required>
<span class="checkmarkRadio"></span> Je refuse que la captation et exploitation de mon image soit opérée par ENGIE Solutions pendant le déroulement de l’événement et j’en avertirai le photographe</a>
</label>
</div>
{% endif %}
</div>
</div>
<span class="btn"><button type="submit">Valider mon inscription</button></span>
</form>
</div>
</div>
{% endif %}
{% else %}
<div class="wrapper" style="text-align: center;font-size: 1.1em;padding: 3em 0;">
{{evenement.messagePasse|raw}}
</div>
{% endif %}
</main>
<footer>
<div class="wrapper">
<div>
<a href="https://www.engie-solutions.com/fr" target="_blank"><img src="/site/bastille/engie_logo_blanc.png" /></a>
</div>
<div>
<a href="{{path('site_mentions', {'slug': evenement.slug } )}}" target="_blank">Mentions Légales</a> -
<a href="{{path('site_rgpd', {'slug': evenement.slug })}}" target="_blank">RGPD</a>
</div>
<div>
<p>Copyright © ENGIE {{"now"|date('Y')}}</p>
</div>
</div>
</footer>
<script src = "/plugins/jquery/jquery.min.js"></script>
{% block extrajs %}
<script>
let type = "indiv";
switchType(type);
// document.getElementById('switchGroupe').addEventListener('click', function() {
// type = "groupe";
// switchType(type);
// });
// document.getElementById('switchIndiv').addEventListener('click', function() {
// type = "indiv";
// switchType(type);
// });
if(document.getElementById('selectType') != null) {
document.getElementById('selectType').addEventListener('change', function() {
switchType(document.getElementById('selectType').value);
});
}
console.log(document.getElementById('selectType'));
document.getElementById('attentes').addEventListener('change', function() {
console.log(this.value);
if(this.value == "Autre") {
document.getElementById('attentesAutre').style.display = "block";
} else {
document.getElementById('attentesAutre').style.display = "none";
}
});
function switchType(type) {
document.getElementById('inputType').value = type;
if(type == "groupe") {
const afficher = document.getElementsByClassName('groupe');
console.log(afficher);
for (let i = 0; i < afficher.length; i++) {
afficher[i].style.display = "block";
}
const masquer = document.getElementsByClassName('indiv');
for (let i = 0; i < masquer.length; i++) {
masquer[i].style.display = "none";
}
document.getElementById('inputSociete').required = true;
document.getElementById('inputFonction').required = true;
document.getElementById('inputNom').placeholder = "Nom du référent";
document.getElementById('inputPrenom').placeholder = "Prénom du référent";
} else {
const afficher = document.getElementsByClassName('indiv');
if(document.getElementById('nbparticipants') != null) {
document.getElementById('nbparticipants').required = false;
document.getElementById('inputSociete').required = false;
document.getElementById('inputFonction').required = false;
}
for (let i = 0; i < afficher.length; i++) {
afficher[i].style.display = "block";
}
const masquer = document.getElementsByClassName('groupe');
for (let i = 0; i < masquer.length; i++) {
masquer[i].style.display = "none";
}
document.getElementById('inputNom').placeholder = "Nom";
document.getElementById('inputPrenom').placeholder = "Prénom";
}
/*
const box = document.getElementById('checkPlusOne');
console.log(box.checked);
if(box.checked) {
document.getElementById('invite').style.display = 'block';
document.getElementById('invite2').style.display = 'block';
} else {
document.getElementById('invite').style.display = 'none';
document.getElementById('invite2').style.display = 'none';
}
*/
}
</script>
{% endblock %}
</body>
</html>

templates/site/evenement.html.twig line 1