<?php
use Twig\Environment;
use Twig\Error\LoaderError;
use Twig\Error\RuntimeError;
use Twig\Extension\SandboxExtension;
use Twig\Markup;
use Twig\Sandbox\SecurityError;
use Twig\Sandbox\SecurityNotAllowedTagError;
use Twig\Sandbox\SecurityNotAllowedFilterError;
use Twig\Sandbox\SecurityNotAllowedFunctionError;
use Twig\Source;
use Twig\Template;
/* site/home.html.twig */
class __TwigTemplate_a199d08509cfcfdc8f78b3453eb8945fa810b2440c035e050051a82fb1e2d5f9 extends Template
{
private $source;
private $macros = [];
public function __construct(Environment $env)
{
parent::__construct($env);
$this->source = $this->getSourceContext();
$this->blocks = [
'content' => [$this, 'block_content'],
'javascripts' => [$this, 'block_javascripts'],
];
}
protected function doGetParent(array $context)
{
// line 1
return "site/base.html.twig";
}
protected function doDisplay(array $context, array $blocks = [])
{
$macros = $this->macros;
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "site/home.html.twig"));
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "site/home.html.twig"));
$this->parent = $this->loadTemplate("site/base.html.twig", "site/home.html.twig", 1);
$this->parent->display($context, array_merge($this->blocks, $blocks));
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
}
// line 3
public function block_content($context, array $blocks = [])
{
$macros = $this->macros;
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "content"));
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "content"));
// line 4
echo " ";
$this->loadTemplate("site/includes/_swiper_hero.html.twig", "site/home.html.twig", 4)->display($context);
// line 5
echo " <section id=\"abcm\" class=\"relative flex-col flex bg-white flex justify-center pb-24 px-8 lg:px-4 xl:px-44\">
<div id=\"presentation\" class=\"z-10 bg-white sm:-mt-20 w-full pt-12 sm:px-20\">
<h2 class=\"text-primary mb-4 text-2.5xl font-heading break-all\">";
// line 7
echo twig_escape_filter($this->env, $this->extensions['Atiweb\Twig\Translation\EmptyTranslationExtension']->trans("LG_ABCM_ZWEISPRACHIGKEIT", ["fr" => "ABCM ZWEISPRACHIGKEIT"]), "html", null, true);
echo "</h2>
<div id=\"presentation_txt\" class=\"leading-7 text-justify font-semibold tracking-wide\">
";
// line 9
echo $this->extensions['Atiweb\Twig\Translation\EmptyTranslationExtension']->trans("LG_ACCUEIL_TEXTE_ABCM");
echo "
</div>
</div>
<a class=\"mt-8 w-max sm:mx-20 z-20 bg-secondary text-white px-10 py-1 rounded-2xl transitioning hover:bg-transparent hover:text-secondary border-transparent border-2 hover:border-secondary\" href=\"";
// line 12
echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("actualites");
echo "\">";
echo twig_escape_filter($this->env, $this->extensions['Atiweb\Twig\Translation\EmptyTranslationExtension']->trans("LG_ACTUALITES_ABCM", ["fr" => "Actualités ABCM"]), "html", null, true);
echo "</a>
</section>
<section id=\"ecole\" class=\"relative z-10 text-black px-8 sm:px-28 lg:px-24 xl:px-64 py-20\">
<h2 class=\"flex flex-col uppercase text-center text-3xl sm:text-4.5xl font-heading\">";
// line 16
echo twig_escape_filter($this->env, $this->extensions['Atiweb\Twig\Translation\EmptyTranslationExtension']->trans("LG_ECOLES_ABCM", ["fr" => "Écoles ABCM"]), "html", null, true);
echo "</h2>
<div class=\"flex flex-col lg:flex-row justify-between items-center my-12 md:my-24 gap-8\">
<div class=\"lg:w-45p leading-7 font-semibold tracking-wide\">
";
// line 19
echo $this->extensions['Atiweb\Twig\Translation\EmptyTranslationExtension']->trans("LG_ACCUEIL_TEXTE_ECOLES");
echo "
<a class=\"mt-8 bg-secondary text-white font-normal px-10 py-1 rounded-2xl transitioning hover:bg-transparent hover:text-secondary border-transparent border-2 hover:border-secondary\" href=\"";
// line 20
echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("trouver-ecole");
echo "\">";
echo twig_escape_filter($this->env, $this->extensions['Atiweb\Twig\Translation\EmptyTranslationExtension']->trans("LG_TROUVER_ECOLE", ["fr" => "Trouver une école"]), "html", null, true);
echo "</a>
</div>
<div class=\"w-full lg:w-1/2 h-96\">
<div id=\"map\" class=\"w-full h-full font-semibold\"></div>
</div>
</div>
<ul class=\"flex -mb-28 flex-col md:flex-row gap-12 md:gap-0 items-center md:items-stretch justify-center\">
<li class=\"flex flex-col justify-between items-center text-center md:w-1/3\">
<p class=\"font-bold text-xl leading-7 md:mb-12\">";
// line 28
echo twig_escape_filter($this->env, $this->extensions['Atiweb\Twig\Translation\EmptyTranslationExtension']->trans("LG_ACCUEIL_VALEUR_1", ["fr" => "De la maternelle au CM2"]), "html", null, true);
echo "</p>
<img class=\"w-24 lg:w-28\" src=\"";
// line 29
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/icones/cartable.png"), "html", null, true);
echo "\">
</li>
<li class=\"flex flex-col justify-between items-center text-center md:w-1/3\">
<p class=\"font-bold text-xl leading-7 md:mb-12\">";
// line 32
echo twig_escape_filter($this->env, $this->extensions['Atiweb\Twig\Translation\EmptyTranslationExtension']->trans("LG_ACCUEIL_VALEUR_2", ["fr" => "Plus de 120 salariés"]), "html", null, true);
echo "</p>
<img class=\"w-24 lg:w-28\" src=\"";
// line 33
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/icones/salaries.png"), "html", null, true);
echo "\">
</li>
<li class=\"flex flex-col justify-between items-center text-center md:w-1/3\">
<p class=\"font-bold text-xl leading-7 md:mb-12\">";
// line 36
echo twig_escape_filter($this->env, $this->extensions['Atiweb\Twig\Translation\EmptyTranslationExtension']->trans("LG_ACCUEIL_VALEUR_3", ["fr" => "Depuis 1991"]), "html", null, true);
echo "</p>
<img class=\"w-24 lg:w-28\" src=\"";
// line 37
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/icones/grimoire.png"), "html", null, true);
echo "\">
</li>
</ul>
</section>
<section id=\"immersion\" class=\"relative bg-white text-black px-8 sm:px-28 lg:px-24 xl:px-64 pt-36 pb-12\">
<h2 class=\"uppercase text-tertiary-300 leading-none text-center text-3xl sm:text-4.5xl font-heading h-40 xs:h-28 relative mb-4 xs:mb-12\">";
// line 43
echo twig_escape_filter($this->env, $this->extensions['Atiweb\Twig\Translation\EmptyTranslationExtension']->trans("LG_IMMERSION_TITRE", ["fr" => "L'immersion :"]), "html", null, true);
echo "
<span class=\"normal-case\"> ";
// line 44
echo twig_escape_filter($this->env, $this->extensions['Atiweb\Twig\Translation\EmptyTranslationExtension']->trans("LG_IMMERSION_TITRE_2", ["fr" => "Wàs esch dès ?", "de" => "Wàs esch dès ?"]), "html", null, true);
echo "</span></h2>
<div class=\"relative w-full h-96 lg:h-132 mb-12\">
<div id=\"load\" class=\"cursor-pointer absolute z-10 rounded-full bg-white hover:bg-secondary transitioning w-32 h-20 flex justify-center items-center abs-center\">
<div id=\"arrow\"></div>
</div>
<iframe id=\"video\" class=\"hidden w-full h-full\" src=\"";
// line 49
echo twig_escape_filter($this->env, $this->extensions['Atiweb\Twig\Translation\EmptyTranslationExtension']->trans("LG_VIDEO_YOUTUBE_ACCUEIL", ["fr" => "https://www.youtube.com/embed/iiJWJbbstNk"]), "html", null, true);
echo "\" title=\"YouTube video player\"
frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"
allowfullscreen></iframe>
<img class=\"opacity-75 w-full h-full object-cover \" src=\"";
// line 52
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/tmp/AdobeStock_309458557_Preview.jpeg"), "html", null, true);
echo "\">
</div>
</section>
<section id=\"actu\" class=\"relative bg-tertiary px-8 sm:px-28 lg:px-24 xl:px-64 xl:pr-40 py-12\">
<h2 class=\"uppercase text-black text-3xl sm:text-4.5xl font-heading\">";
// line 57
echo twig_escape_filter($this->env, $this->extensions['Atiweb\Twig\Translation\EmptyTranslationExtension']->trans("LG_ACTUALITES"), "html", null, true);
echo "</h2>
<div class=\"flex flex-col sm:flex-row sm:flex-wrap justify-center sm:justify-start items-center gap-8 mt-16 mb-8\">
";
// line 59
$context['_parent'] = $context;
$context['_seq'] = twig_ensure_traversable((isset($context["actualites"]) || array_key_exists("actualites", $context) ? $context["actualites"] : (function () { throw new RuntimeError('Variable "actualites" does not exist.', 59, $this->source); })()));
foreach ($context['_seq'] as $context["_key"] => $context["actualite"]) {
// line 60
echo " ";
$context["hasPhoto"] = !twig_test_empty(twig_get_attribute($this->env, $this->source, $context["actualite"], "photo", [], "any", false, false, false, 60));
// line 61
echo " <a href=\"";
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("actualites_detail", ["slug" => twig_get_attribute($this->env, $this->source, $context["actualite"], "titreUrl", [], "any", false, false, false, 61), "actualite" => twig_get_attribute($this->env, $this->source, $context["actualite"], "id", [], "any", false, false, false, 61)]), "html", null, true);
echo "\" class=\"cursor-pointer w-full sm:w-2/5 md:w-1/4 xl:w-1/5 h-48 relative\">
<img alt=\"";
// line 62
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["actualite"], "titre", [], "any", false, false, false, 62), "html", null, true);
echo "\" class=\"w-full h-full object-cover\" src=\"";
echo twig_escape_filter($this->env, (((isset($context["hasPhoto"]) || array_key_exists("hasPhoto", $context) ? $context["hasPhoto"] : (function () { throw new RuntimeError('Variable "hasPhoto" does not exist.', 62, $this->source); })())) ? ($this->extensions['Liip\ImagineBundle\Templating\FilterExtension']->filter(("actualites/" . twig_get_attribute($this->env, $this->source, $context["actualite"], "photo", [], "any", false, false, false, 62)), "tm")) : ($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("/img/tmp/actu-haguenau.jpg"))), "html", null, true);
echo "\">
<p class=\"absolute -right-2 top-2 w-min bg-white text-tertiary-300 rounded-2xl text-center px-4\">";
// line 63
echo twig_escape_filter($this->env, twig_date_format_filter($this->env, twig_get_attribute($this->env, $this->source, $context["actualite"], "date", [], "any", false, false, false, 63), "d/m"), "html", null, true);
echo "</p>
<div class=\"absolute x-center bottom-2 text-white bg-primary rounded-full text-center text-xs w-9/12 py-3 px-4\">
<p class=\"mb-0\">";
// line 65
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["actualite"], "titre", [], "any", false, false, false, 65), "html", null, true);
echo "</p>
</div>
</a>
";
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_iterated'], $context['_key'], $context['actualite'], $context['_parent'], $context['loop']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 69
echo " <a class=\"w-8 h-8 rounded-full flex items-center justify-center text-3xl bg-secondary text-white
hover:bg-transparent transitioning hover:text-secondary border-transparent border-2 hover:border-secondary\" href=\"";
// line 70
echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("actualites");
echo "\">
<span class=\"-mt-1\">+</span>
</a>
</div>
</section>
<section id=\"partenaire\" class=\"relative bg-white px-8 sm:px-28 lg:px-24 xl:px-64 py-12\">
<h2 class=\"uppercase text-tertiary text-3xl sm:text-4.5xl font-heading\">";
// line 77
echo twig_escape_filter($this->env, $this->extensions['Atiweb\Twig\Translation\EmptyTranslationExtension']->trans("LG_NOS_PARTENAIRES", ["fr" => "Nos partenaires"]), "html", null, true);
echo "</h2>
<div id=\"slider-partenaire\" class=\"z-20 mt-16 mb-8 z-0 swiper-container relative w-full sm:pr-12 lg:pr-0\">
<div class=\"swiper-wrapper\">
";
// line 80
$context['_parent'] = $context;
$context['_seq'] = twig_ensure_traversable((isset($context["partenaires"]) || array_key_exists("partenaires", $context) ? $context["partenaires"] : (function () { throw new RuntimeError('Variable "partenaires" does not exist.', 80, $this->source); })()));
foreach ($context['_seq'] as $context["_key"] => $context["partenaire"]) {
// line 81
echo " <div class=\"swiper-slide h-auto flex items-center justify-center p-4 xl:p-12 bg-white\">
";
// line 82
if ( !twig_test_empty(twig_get_attribute($this->env, $this->source, $context["partenaire"], "getMedias", [], "method", false, false, false, 82))) {
// line 83
echo " ";
$context["fichier"] = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["partenaire"], "getMedias", [], "method", false, false, false, 83), 0, [], "array", false, false, false, 83), "fichier", [], "any", false, false, false, 83);
// line 84
echo " <img class=\"w-full h-full object-contain\" src=\"";
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl(((("/medias/fournisseurs/" . twig_get_attribute($this->env, $this->source, $context["partenaire"], "id", [], "any", false, false, false, 84)) . "/") . (isset($context["fichier"]) || array_key_exists("fichier", $context) ? $context["fichier"] : (function () { throw new RuntimeError('Variable "fichier" does not exist.', 84, $this->source); })()))), "html", null, true);
echo "\" alt=\"";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["partenaire"], "societe", [], "any", false, false, false, 84), "html", null, true);
echo "\">
";
} else {
// line 86
echo " <p>";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["partenaire"], "societe", [], "any", false, false, false, 86), "html", null, true);
echo "</p>
";
}
// line 88
echo " </div>
";
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_iterated'], $context['_key'], $context['partenaire'], $context['_parent'], $context['loop']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 90
echo " </div>
</div>
<div class=\"hidden sm:block swiper-part_next absolute y-center mt-8 right-24 lg:right-12 xl:right-52 z-50 cursor-pointer\">
<i class=\"fas fa-chevron-right text-6xl md:text-4xl text-primary\"></i>
</div>
</section>
";
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
}
// line 99
public function block_javascripts($context, array $blocks = [])
{
$macros = $this->macros;
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
// line 100
echo " ";
$this->displayParentBlock("javascripts", $context, $blocks);
echo "
<script type=\"text/javascript\">
function initMap() {
const center = {lat: 48.39878707042242, lng: 7.309071389609192};
const places = [
";
// line 107
$context['_parent'] = $context;
$context['_seq'] = twig_ensure_traversable((isset($context["ecoles"]) || array_key_exists("ecoles", $context) ? $context["ecoles"] : (function () { throw new RuntimeError('Variable "ecoles" does not exist.', 107, $this->source); })()));
foreach ($context['_seq'] as $context["_key"] => $context["ecole"]) {
// line 108
echo " ";
$context["nom"] = (((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 108, $this->source); })()), "request", [], "any", false, false, false, 108), "locale", [], "any", false, false, false, 108), "de"))) ? (twig_get_attribute($this->env, $this->source, $context["ecole"], "nomDe", [], "any", false, false, false, 108)) : (twig_get_attribute($this->env, $this->source, $context["ecole"], "nom", [], "any", false, false, false, 108)));
// line 109
echo " ";
$context["hasPhoto"] = !twig_test_empty(twig_get_attribute($this->env, $this->source, $context["ecole"], "photo", [], "any", false, false, false, 109));
// line 110
echo " [\"<span class='title-map'>A.B.C.M. Zweisprachigkeit</span><br>\" +
\"<strong class='ecole-map'>";
// line 111
echo twig_escape_filter($this->env, (isset($context["nom"]) || array_key_exists("nom", $context) ? $context["nom"] : (function () { throw new RuntimeError('Variable "nom" does not exist.', 111, $this->source); })()), "html", null, true);
echo "</strong><br><br>\" +
";
// line 112
if ((isset($context["hasPhoto"]) || array_key_exists("hasPhoto", $context) ? $context["hasPhoto"] : (function () { throw new RuntimeError('Variable "hasPhoto" does not exist.', 112, $this->source); })())) {
// line 113
echo " \"<div class='w-full h-32'><img class='w-full object-cover h-full' src='";
echo twig_escape_filter($this->env, $this->extensions['Liip\ImagineBundle\Templating\FilterExtension']->filter($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl(twig_get_attribute($this->env, $this->source, $context["ecole"], "getPhotoUrl", [], "method", false, false, false, 113)), "tl"), "html", null, true);
echo "'></div><br>\" +
";
}
// line 115
echo " \"<div class='sub-container-map w-full'><span class='flex items-center leading-5'><img class='w-4 mr-2' src='/img/icones/pin.svg'>";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["ecole"], "adresse", [], "any", false, false, false, 115), "html", null, true);
echo ",<br> ";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["ecole"], "codePostal", [], "any", false, false, false, 115), "html", null, true);
echo " ";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["ecole"], "ville", [], "any", false, false, false, 115), "html", null, true);
echo "</span>\" +
\"<a href='tel:+33";
// line 116
echo twig_escape_filter($this->env, twig_slice($this->env, twig_get_attribute($this->env, $this->source, $context["ecole"], "tel1", [], "any", false, false, false, 116), 8), "html", null, true);
echo "'><img class='w-4 mr-2' src='/img/icones/telephone.svg'>";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["ecole"], "tel1", [], "any", false, false, false, 116), "html", null, true);
echo "</a><br>\" +
";
// line 117
if ( !twig_test_empty(twig_get_attribute($this->env, $this->source, $context["ecole"], "siteUrl", [], "any", false, false, false, 117))) {
echo "\"<a href='";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["ecole"], "siteUrl", [], "any", false, false, false, 117), "html", null, true);
echo "' target='_blank'><img class='w-4 mr-2' src='/img/icones/web.svg'>";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["ecole"], "siteTitre", [], "any", false, false, false, 117), "html", null, true);
echo "</a><br>\" + ";
}
// line 118
echo " \"<a href='";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["ecole"], "facebook", [], "any", false, false, false, 118), "html", null, true);
echo "' target='_blank'><img class='w-4 mr-2' src='/img/icones/facebook.svg'>Facebook</a></div>\"
, ";
// line 119
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["ecole"], "latitude", [], "any", false, false, false, 119), "html", null, true);
echo ", ";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["ecole"], "longitude", [], "any", false, false, false, 119), "html", null, true);
echo ", '";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["ecole"], "couleur", [], "any", false, false, false, 119), "html", null, true);
echo "'],
";
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_iterated'], $context['_key'], $context['ecole'], $context['_parent'], $context['loop']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 121
echo " ]
const infowindow = new google.maps.InfoWindow();
const map = new google.maps.Map(document.getElementById(\"map\"), {
zoom: 7,
center: center,
});
setMarkers(map);
function setMarkers(map) {
var markers = [];
for (let i = 0; i < places.length; i++) {
const place = places[i];
let url = \"/img/icones/\";
url += place[3] + \"-pin.png\";
var icon = {
url: url, // url
scaledSize: new google.maps.Size(40, 40), // scaled size
};
let marker = new google.maps.Marker({
position: { lat: place[1], lng: place[2] },
map,
icon: icon,
title: place[0],
});
markers.push(marker);
google.maps.event.addListener(marker, 'click', function(){
infowindow.close(); // Close previously opened infowindow
infowindow.setContent(place[0]);
infowindow.open(map, marker);
restoreColors()
this.setIcon(pinSymbol('red'));
});
google.maps.event.addListener(infowindow, \"closeclick\", function() {
restoreColors()
});
function pinSymbol(color) {
return {
url: '/img/icones/'+ color +'-pin.png',
scaledSize: new google.maps.Size(40, 40), // scaled size
};
}
function restoreColors() {
for (var i = 0; i < markers.length; i++) {
markers[i].setIcon(pinSymbol(place[3]));
}
}
}
}
}
</script>
<script async defer
src=\"https://maps.googleapis.com/maps/api/js?key=";
// line 182
echo twig_escape_filter($this->env, twig_constant("WWW_PARAM_GAPI_KEY"), "html", null, true);
echo "&callback=initMap&libraries=&v=weekly\"></script>
";
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
}
/**
* @codeCoverageIgnore
*/
public function getTemplateName()
{
return "site/home.html.twig";
}
/**
* @codeCoverageIgnore
*/
public function isTraitable()
{
return false;
}
/**
* @codeCoverageIgnore
*/
public function getDebugInfo()
{
return array ( 434 => 182, 371 => 121, 359 => 119, 354 => 118, 346 => 117, 340 => 116, 331 => 115, 325 => 113, 323 => 112, 319 => 111, 316 => 110, 313 => 109, 310 => 108, 306 => 107, 295 => 100, 285 => 99, 268 => 90, 261 => 88, 255 => 86, 247 => 84, 244 => 83, 242 => 82, 239 => 81, 235 => 80, 229 => 77, 219 => 70, 216 => 69, 206 => 65, 201 => 63, 195 => 62, 190 => 61, 187 => 60, 183 => 59, 178 => 57, 170 => 52, 164 => 49, 156 => 44, 152 => 43, 143 => 37, 139 => 36, 133 => 33, 129 => 32, 123 => 29, 119 => 28, 106 => 20, 102 => 19, 96 => 16, 87 => 12, 81 => 9, 76 => 7, 72 => 5, 69 => 4, 59 => 3, 36 => 1,);
}
public function getSourceContext()
{
return new Source("{% extends \"site/base.html.twig\" %}
{% block content %}
{% include 'site/includes/_swiper_hero.html.twig' %}
<section id=\"abcm\" class=\"relative flex-col flex bg-white flex justify-center pb-24 px-8 lg:px-4 xl:px-44\">
<div id=\"presentation\" class=\"z-10 bg-white sm:-mt-20 w-full pt-12 sm:px-20\">
<h2 class=\"text-primary mb-4 text-2.5xl font-heading break-all\">{{ 'LG_ABCM_ZWEISPRACHIGKEIT'|trans({'fr':'ABCM ZWEISPRACHIGKEIT'}) }}</h2>
<div id=\"presentation_txt\" class=\"leading-7 text-justify font-semibold tracking-wide\">
{{ 'LG_ACCUEIL_TEXTE_ABCM'|trans() |raw }}
</div>
</div>
<a class=\"mt-8 w-max sm:mx-20 z-20 bg-secondary text-white px-10 py-1 rounded-2xl transitioning hover:bg-transparent hover:text-secondary border-transparent border-2 hover:border-secondary\" href=\"{{ path('actualites') }}\">{{ 'LG_ACTUALITES_ABCM'|trans({'fr':'Actualités ABCM'}) }}</a>
</section>
<section id=\"ecole\" class=\"relative z-10 text-black px-8 sm:px-28 lg:px-24 xl:px-64 py-20\">
<h2 class=\"flex flex-col uppercase text-center text-3xl sm:text-4.5xl font-heading\">{{ 'LG_ECOLES_ABCM'|trans({'fr':'Écoles ABCM'}) }}</h2>
<div class=\"flex flex-col lg:flex-row justify-between items-center my-12 md:my-24 gap-8\">
<div class=\"lg:w-45p leading-7 font-semibold tracking-wide\">
{{ 'LG_ACCUEIL_TEXTE_ECOLES'|trans() |raw }}
<a class=\"mt-8 bg-secondary text-white font-normal px-10 py-1 rounded-2xl transitioning hover:bg-transparent hover:text-secondary border-transparent border-2 hover:border-secondary\" href=\"{{ path('trouver-ecole') }}\">{{ 'LG_TROUVER_ECOLE'|trans({'fr':'Trouver une école'}) }}</a>
</div>
<div class=\"w-full lg:w-1/2 h-96\">
<div id=\"map\" class=\"w-full h-full font-semibold\"></div>
</div>
</div>
<ul class=\"flex -mb-28 flex-col md:flex-row gap-12 md:gap-0 items-center md:items-stretch justify-center\">
<li class=\"flex flex-col justify-between items-center text-center md:w-1/3\">
<p class=\"font-bold text-xl leading-7 md:mb-12\">{{ 'LG_ACCUEIL_VALEUR_1'|trans({'fr':'De la maternelle au CM2'}) }}</p>
<img class=\"w-24 lg:w-28\" src=\"{{ asset('img/icones/cartable.png') }}\">
</li>
<li class=\"flex flex-col justify-between items-center text-center md:w-1/3\">
<p class=\"font-bold text-xl leading-7 md:mb-12\">{{ 'LG_ACCUEIL_VALEUR_2'|trans({'fr':'Plus de 120 salariés'}) }}</p>
<img class=\"w-24 lg:w-28\" src=\"{{ asset('img/icones/salaries.png') }}\">
</li>
<li class=\"flex flex-col justify-between items-center text-center md:w-1/3\">
<p class=\"font-bold text-xl leading-7 md:mb-12\">{{ 'LG_ACCUEIL_VALEUR_3'|trans({'fr':'Depuis 1991'}) }}</p>
<img class=\"w-24 lg:w-28\" src=\"{{ asset('img/icones/grimoire.png') }}\">
</li>
</ul>
</section>
<section id=\"immersion\" class=\"relative bg-white text-black px-8 sm:px-28 lg:px-24 xl:px-64 pt-36 pb-12\">
<h2 class=\"uppercase text-tertiary-300 leading-none text-center text-3xl sm:text-4.5xl font-heading h-40 xs:h-28 relative mb-4 xs:mb-12\">{{ 'LG_IMMERSION_TITRE'|trans({'fr':'L\\'immersion :'}) }}
<span class=\"normal-case\"> {{ 'LG_IMMERSION_TITRE_2'|trans({'fr':'Wàs esch dès ?', 'de':'Wàs esch dès ?'}) }}</span></h2>
<div class=\"relative w-full h-96 lg:h-132 mb-12\">
<div id=\"load\" class=\"cursor-pointer absolute z-10 rounded-full bg-white hover:bg-secondary transitioning w-32 h-20 flex justify-center items-center abs-center\">
<div id=\"arrow\"></div>
</div>
<iframe id=\"video\" class=\"hidden w-full h-full\" src=\"{{ 'LG_VIDEO_YOUTUBE_ACCUEIL'|trans({'fr':'https://www.youtube.com/embed/iiJWJbbstNk'}) }}\" title=\"YouTube video player\"
frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"
allowfullscreen></iframe>
<img class=\"opacity-75 w-full h-full object-cover \" src=\"{{ asset('img/tmp/AdobeStock_309458557_Preview.jpeg') }}\">
</div>
</section>
<section id=\"actu\" class=\"relative bg-tertiary px-8 sm:px-28 lg:px-24 xl:px-64 xl:pr-40 py-12\">
<h2 class=\"uppercase text-black text-3xl sm:text-4.5xl font-heading\">{{ 'LG_ACTUALITES'|trans() }}</h2>
<div class=\"flex flex-col sm:flex-row sm:flex-wrap justify-center sm:justify-start items-center gap-8 mt-16 mb-8\">
{% for actualite in actualites %}
{% set hasPhoto = (actualite.photo is not empty) %}
<a href=\"{{ path('actualites_detail', {slug:actualite.titreUrl, actualite:actualite.id}) }}\" class=\"cursor-pointer w-full sm:w-2/5 md:w-1/4 xl:w-1/5 h-48 relative\">
<img alt=\"{{ actualite.titre }}\" class=\"w-full h-full object-cover\" src=\"{{ hasPhoto ? ('actualites/'~actualite.photo)|imagine_filter('tm'): asset('/img/tmp/actu-haguenau.jpg') }}\">
<p class=\"absolute -right-2 top-2 w-min bg-white text-tertiary-300 rounded-2xl text-center px-4\">{{ actualite.date|date('d/m') }}</p>
<div class=\"absolute x-center bottom-2 text-white bg-primary rounded-full text-center text-xs w-9/12 py-3 px-4\">
<p class=\"mb-0\">{{ actualite.titre }}</p>
</div>
</a>
{% endfor %}
<a class=\"w-8 h-8 rounded-full flex items-center justify-center text-3xl bg-secondary text-white
hover:bg-transparent transitioning hover:text-secondary border-transparent border-2 hover:border-secondary\" href=\"{{ path('actualites') }}\">
<span class=\"-mt-1\">+</span>
</a>
</div>
</section>
<section id=\"partenaire\" class=\"relative bg-white px-8 sm:px-28 lg:px-24 xl:px-64 py-12\">
<h2 class=\"uppercase text-tertiary text-3xl sm:text-4.5xl font-heading\">{{ 'LG_NOS_PARTENAIRES'|trans({'fr':'Nos partenaires'}) }}</h2>
<div id=\"slider-partenaire\" class=\"z-20 mt-16 mb-8 z-0 swiper-container relative w-full sm:pr-12 lg:pr-0\">
<div class=\"swiper-wrapper\">
{% for partenaire in partenaires %}
<div class=\"swiper-slide h-auto flex items-center justify-center p-4 xl:p-12 bg-white\">
{% if partenaire.getMedias() is not empty %}
{% set fichier = partenaire.getMedias()[0].fichier %}
<img class=\"w-full h-full object-contain\" src=\"{{ asset('/medias/fournisseurs/'~ partenaire.id ~ '/'~ fichier) }}\" alt=\"{{ partenaire.societe }}\">
{% else %}
<p>{{ partenaire.societe }}</p>
{% endif %}
</div>
{% endfor %}
</div>
</div>
<div class=\"hidden sm:block swiper-part_next absolute y-center mt-8 right-24 lg:right-12 xl:right-52 z-50 cursor-pointer\">
<i class=\"fas fa-chevron-right text-6xl md:text-4xl text-primary\"></i>
</div>
</section>
{% endblock %}
{% block javascripts %}
{{ parent() }}
<script type=\"text/javascript\">
function initMap() {
const center = {lat: 48.39878707042242, lng: 7.309071389609192};
const places = [
{% for ecole in ecoles %}
{% set nom = (app.request.locale == \"de\")?ecole.nomDe:ecole.nom %}
{% set hasPhoto = (ecole.photo is not empty) %}
[\"<span class='title-map'>A.B.C.M. Zweisprachigkeit</span><br>\" +
\"<strong class='ecole-map'>{{ nom }}</strong><br><br>\" +
{% if hasPhoto %}
\"<div class='w-full h-32'><img class='w-full object-cover h-full' src='{{ asset(ecole.getPhotoUrl()) | imagine_filter('tl') }}'></div><br>\" +
{% endif %}
\"<div class='sub-container-map w-full'><span class='flex items-center leading-5'><img class='w-4 mr-2' src='/img/icones/pin.svg'>{{ ecole.adresse }},<br> {{ ecole.codePostal }} {{ ecole.ville }}</span>\" +
\"<a href='tel:+33{{ ecole.tel1 |slice(8) }}'><img class='w-4 mr-2' src='/img/icones/telephone.svg'>{{ ecole.tel1 }}</a><br>\" +
{% if ecole.siteUrl is not empty %}\"<a href='{{ ecole.siteUrl }}' target='_blank'><img class='w-4 mr-2' src='/img/icones/web.svg'>{{ ecole.siteTitre }}</a><br>\" + {% endif %}
\"<a href='{{ ecole.facebook }}' target='_blank'><img class='w-4 mr-2' src='/img/icones/facebook.svg'>Facebook</a></div>\"
, {{ ecole.latitude }}, {{ ecole.longitude }}, '{{ ecole.couleur }}'],
{% endfor %}
]
const infowindow = new google.maps.InfoWindow();
const map = new google.maps.Map(document.getElementById(\"map\"), {
zoom: 7,
center: center,
});
setMarkers(map);
function setMarkers(map) {
var markers = [];
for (let i = 0; i < places.length; i++) {
const place = places[i];
let url = \"/img/icones/\";
url += place[3] + \"-pin.png\";
var icon = {
url: url, // url
scaledSize: new google.maps.Size(40, 40), // scaled size
};
let marker = new google.maps.Marker({
position: { lat: place[1], lng: place[2] },
map,
icon: icon,
title: place[0],
});
markers.push(marker);
google.maps.event.addListener(marker, 'click', function(){
infowindow.close(); // Close previously opened infowindow
infowindow.setContent(place[0]);
infowindow.open(map, marker);
restoreColors()
this.setIcon(pinSymbol('red'));
});
google.maps.event.addListener(infowindow, \"closeclick\", function() {
restoreColors()
});
function pinSymbol(color) {
return {
url: '/img/icones/'+ color +'-pin.png',
scaledSize: new google.maps.Size(40, 40), // scaled size
};
}
function restoreColors() {
for (var i = 0; i < markers.length; i++) {
markers[i].setIcon(pinSymbol(place[3]));
}
}
}
}
}
</script>
<script async defer
src=\"https://maps.googleapis.com/maps/api/js?key={{ constant('WWW_PARAM_GAPI_KEY') }}&callback=initMap&libraries=&v=weekly\"></script>
{% endblock %}
", "site/home.html.twig", "/var/www/abcmzwei.eu/dev/templates/site/home.html.twig");
}
}