<?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;
/* elements/home_cover/home_cover.html.twig */
class __TwigTemplate_c98d593c066162d7e3ee084da9bb07ec2d1b194c06de1ca56ec49d4c62d87154 extends Template
{
private $source;
private $macros = [];
public function __construct(Environment $env)
{
parent::__construct($env);
$this->source = $this->getSourceContext();
$this->parent = false;
$this->blocks = [
];
}
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", "elements/home_cover/home_cover.html.twig"));
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "elements/home_cover/home_cover.html.twig"));
// line 1
$macros["buttons"] = $this->macros["buttons"] = $this->loadTemplate("elements2024/macros/buttons.html.twig", "elements/home_cover/home_cover.html.twig", 1)->unwrap();
// line 2
echo "
<!-- Hero section -->
<section class=\"home-hero-section relative max-lg:pt-32 max-lg:pb-16 md:h-screen\">
\t<div class=\"absolute inset-0 overflow-hidden\">
\t\t<div class=\"absolute inset-0 animate-slowLoopZoomInOut\">
\t\t\t";
// line 7
if (($context["image"] ?? null)) {
// line 8
echo "\t\t\t\t<img class=\"home-hero-bg img-cover\" src=\"";
echo twig_escape_filter($this->env, (($__internal_compile_0 = twig_get_attribute($this->env, $this->source, ($context["image"] ?? null), "thumbnails", [], "any", false, false, false, 8)) && is_array($__internal_compile_0) || $__internal_compile_0 instanceof ArrayAccess ? ($__internal_compile_0["1440x800"] ?? null) : null), "html", null, true);
echo "\" srcset=\"";
echo twig_escape_filter($this->env, (($__internal_compile_1 = twig_get_attribute($this->env, $this->source, ($context["image"] ?? null), "thumbnails", [], "any", false, false, false, 8)) && is_array($__internal_compile_1) || $__internal_compile_1 instanceof ArrayAccess ? ($__internal_compile_1["2880x1600"] ?? null) : null), "html", null, true);
echo " 2x\" alt=\"\">
\t\t\t";
}
// line 10
echo "\t\t\t<div class=\"absolute inset-0 bg-dark/20\"></div>
\t\t</div>
\t</div>
\t<div class=\"container px-4 h-full flex flex-col justify-center relative\">
\t\t<div class=\"xl:max-w-8/12 w-full mx-auto\">
\t\t\t<h1 class=\"home-hero-title h2 text-center uppercase text-white\" fade>";
// line 16
echo twig_escape_filter($this->env, ($context["title"] ?? null), "html", null, true);
echo "</h1>
\t\t\t<div class=\"home-hero-deal flex flex-col md:flex-row gap-4 lg:gap-8 mt-16\" fade>
\t\t\t\t<div class=\"form-deal-type\">
\t\t\t\t\t<button data-form-action=\"/buy\" data-price-select=\"acheter\" class=\"active\" >Acheter</button>
\t\t\t\t\t<button data-form-action=\"/rent\" data-price-select=\"louer\">Louer</button>
\t\t\t\t</div>
\t\t\t\t<a class=\"btn-rounded btn__green\" href=\"/nos-services/estimer\">
\t\t\t\t\t<span>Estimer</span>
\t\t\t\t\t<svg class=\"w-5 h-5\" viewbox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
\t\t\t\t\t\t<path d=\"M1.25 10H18.75\" stroke=\"currentColor\"/>
\t\t\t\t\t\t<path d=\"M13.75 5L18.75 10L13.75 15\" stroke=\"currentColor\"/>
\t\t\t\t\t</svg>
\t\t\t\t</a>
\t\t\t</div>
\t\t\t";
// line 33
if (array_key_exists("eyebrowHtml", $context)) {
// line 34
echo "\t\t\t<div class=\"text-white text-center\">";
echo ($context["eyebrowHtml"] ?? null);
echo "</div>
\t\t\t";
} else {
// line 36
echo "\t\t\t<form method=\"GET\" action=\"/buy\" class=\"home-hero-form flex flex-col lg:flex-row max-lg:gap-6 lg:justify-between bg-white py-6 lg:py-3 px-4 lg:pl-4 lg:pr-3 rounded-xl lg:rounded-full mt-4 lg:divide-x divide-dark/60\">
\t\t\t\t<div class=\"multiselect-wrapp lg:w-1/4\">
\t\t\t\t\t<label for=\"location\" class=\"truncate\">Localité(s) (Canton, ville, NPA)</label>
\t\t\t\t\t<div class=\"js-location-select\" id=\"location\" name=\"location[]\" fetch-url=\"";
// line 39
echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("offers_locations_autocomplete");
echo "\"></div>
\t\t\t\t</div>
\t\t\t\t<div class=\"multiselect-wrapp lg:w-1/4\">
\t\t\t\t\t<label for=\"type\">Type</label>
\t\t\t\t\t";
// line 44
echo $this->env->getRuntime('Symfony\Bridge\Twig\Extension\HttpKernelRuntime')->renderFragment(Symfony\Bridge\Twig\Extension\HttpKernelExtension::controller("App\\Controller\\Website\\LayoutController::selectType"));
echo "
\t\t\t\t</div>
\t\t\t\t<div class=\"multiselect-wrapp lg:w-1/4\">
\t\t\t\t\t<label>Budget (CHF)</label>
\t\t\t\t\t<div data-vue-root>
\t\t\t\t\t\t<dropdown>
\t\t\t\t\t\t\t<template slot=\"header\">
\t\t\t\t\t\t\t\t<button
\t\t\t\t\t\t\t\t\ttype=\"button\"
\t\t\t\t\t\t\t\t\tclass=\"vscomp-toggle-button vscomp-wrapper\"
\t\t\t\t\t\t\t\t\t:class=\"{ 'has-value': priceSelectionDisplay }\"
\t\t\t\t\t\t\t\t>
\t\t\t\t\t\t\t\t\t<div class=\"vscomp-value\" v-text=\"priceSelectionDisplay || 'Choisir'\"></div>
\t\t\t\t\t\t\t\t\t<div class=\"vscomp-arrow\"></div>
\t\t\t\t\t\t\t\t</button>
\t\t\t\t\t\t\t</template>
\t\t\t\t\t\t\t<template slot=\"default\">
\t\t\t\t\t\t\t\t<div class=\"flex gap-4\">
\t\t\t\t\t\t\t\t\t<number-input-with-suggestions
\t\t\t\t\t\t\t\t\t\tinput-class=\"simple-input\"
\t\t\t\t\t\t\t\t\t\tv-model=\"priceMin\"
\t\t\t\t\t\t\t\t\t\t:suggestions=\"minPriceSuggestions\"
\t\t\t\t\t\t\t\t\t\t:format-option=\"formatPriceOption\"
\t\t\t\t\t\t\t\t\t\tplaceholder=\"Min\"
\t\t\t\t\t\t\t\t\t\tname=\"priceMin\"
\t\t\t\t\t\t\t\t\t\tlist-class=\"vscomp-options-list price-list\"
\t\t\t\t\t\t\t\t\t\tlist-item-class=\"vscomp-option\"
\t\t\t\t\t\t\t\t\t/>
\t\t\t\t\t\t\t\t\t<number-input-with-suggestions
\t\t\t\t\t\t\t\t\t\tinput-class=\"simple-input\"
\t\t\t\t\t\t\t\t\t\tv-model=\"priceMax\"
\t\t\t\t\t\t\t\t\t\t:suggestions=\"maxPriceSuggestions\"
\t\t\t\t\t\t\t\t\t\t:format-option=\"formatPriceOption\"
\t\t\t\t\t\t\t\t\t\tplaceholder=\"Max\"
\t\t\t\t\t\t\t\t\t\tname=\"priceMax\"
\t\t\t\t\t\t\t\t\t\tlist-class=\"vscomp-options-list price-list\"
\t\t\t\t\t\t\t\t\t\tlist-item-class=\"vscomp-option\"
\t\t\t\t\t\t\t\t\t/>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</template>
\t\t\t\t\t\t</dropdown>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<button class=\"btn-rounded btn__green\">Recherche</button>
\t\t\t</form>
\t\t\t";
}
// line 93
echo "\t\t</div>
\t</div>
</section>
";
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
}
public function getTemplateName()
{
return "elements/home_cover/home_cover.html.twig";
}
public function isTraitable()
{
return false;
}
public function getDebugInfo()
{
return array ( 163 => 93, 111 => 44, 103 => 39, 98 => 36, 92 => 34, 90 => 33, 70 => 16, 62 => 10, 54 => 8, 52 => 7, 45 => 2, 43 => 1,);
}
public function getSourceContext()
{
return new Source("{% import 'elements2024/macros/buttons.html.twig' as buttons %}
<!-- Hero section -->
<section class=\"home-hero-section relative max-lg:pt-32 max-lg:pb-16 md:h-screen\">
\t<div class=\"absolute inset-0 overflow-hidden\">
\t\t<div class=\"absolute inset-0 animate-slowLoopZoomInOut\">
\t\t\t{% if image %}
\t\t\t\t<img class=\"home-hero-bg img-cover\" src=\"{{image.thumbnails['1440x800']}}\" srcset=\"{{image.thumbnails['2880x1600']}} 2x\" alt=\"\">
\t\t\t{% endif %}
\t\t\t<div class=\"absolute inset-0 bg-dark/20\"></div>
\t\t</div>
\t</div>
\t<div class=\"container px-4 h-full flex flex-col justify-center relative\">
\t\t<div class=\"xl:max-w-8/12 w-full mx-auto\">
\t\t\t<h1 class=\"home-hero-title h2 text-center uppercase text-white\" fade>{{ title }}</h1>
\t\t\t<div class=\"home-hero-deal flex flex-col md:flex-row gap-4 lg:gap-8 mt-16\" fade>
\t\t\t\t<div class=\"form-deal-type\">
\t\t\t\t\t<button data-form-action=\"/buy\" data-price-select=\"acheter\" class=\"active\" >Acheter</button>
\t\t\t\t\t<button data-form-action=\"/rent\" data-price-select=\"louer\">Louer</button>
\t\t\t\t</div>
\t\t\t\t<a class=\"btn-rounded btn__green\" href=\"/nos-services/estimer\">
\t\t\t\t\t<span>Estimer</span>
\t\t\t\t\t<svg class=\"w-5 h-5\" viewbox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">
\t\t\t\t\t\t<path d=\"M1.25 10H18.75\" stroke=\"currentColor\"/>
\t\t\t\t\t\t<path d=\"M13.75 5L18.75 10L13.75 15\" stroke=\"currentColor\"/>
\t\t\t\t\t</svg>
\t\t\t\t</a>
\t\t\t</div>
\t\t\t{% if eyebrowHtml is defined %}
\t\t\t<div class=\"text-white text-center\">{{ eyebrowHtml | raw }}</div>
\t\t\t{% else %}
\t\t\t<form method=\"GET\" action=\"/buy\" class=\"home-hero-form flex flex-col lg:flex-row max-lg:gap-6 lg:justify-between bg-white py-6 lg:py-3 px-4 lg:pl-4 lg:pr-3 rounded-xl lg:rounded-full mt-4 lg:divide-x divide-dark/60\">
\t\t\t\t<div class=\"multiselect-wrapp lg:w-1/4\">
\t\t\t\t\t<label for=\"location\" class=\"truncate\">Localité(s) (Canton, ville, NPA)</label>
\t\t\t\t\t<div class=\"js-location-select\" id=\"location\" name=\"location[]\" fetch-url=\"{{path('offers_locations_autocomplete')}}\"></div>
\t\t\t\t</div>
\t\t\t\t<div class=\"multiselect-wrapp lg:w-1/4\">
\t\t\t\t\t<label for=\"type\">Type</label>
\t\t\t\t\t{{ render(controller('App\\\\Controller\\\\Website\\\\LayoutController::selectType')) }}
\t\t\t\t</div>
\t\t\t\t<div class=\"multiselect-wrapp lg:w-1/4\">
\t\t\t\t\t<label>Budget (CHF)</label>
\t\t\t\t\t<div data-vue-root>
\t\t\t\t\t\t<dropdown>
\t\t\t\t\t\t\t<template slot=\"header\">
\t\t\t\t\t\t\t\t<button
\t\t\t\t\t\t\t\t\ttype=\"button\"
\t\t\t\t\t\t\t\t\tclass=\"vscomp-toggle-button vscomp-wrapper\"
\t\t\t\t\t\t\t\t\t:class=\"{ 'has-value': priceSelectionDisplay }\"
\t\t\t\t\t\t\t\t>
\t\t\t\t\t\t\t\t\t<div class=\"vscomp-value\" v-text=\"priceSelectionDisplay || 'Choisir'\"></div>
\t\t\t\t\t\t\t\t\t<div class=\"vscomp-arrow\"></div>
\t\t\t\t\t\t\t\t</button>
\t\t\t\t\t\t\t</template>
\t\t\t\t\t\t\t<template slot=\"default\">
\t\t\t\t\t\t\t\t<div class=\"flex gap-4\">
\t\t\t\t\t\t\t\t\t<number-input-with-suggestions
\t\t\t\t\t\t\t\t\t\tinput-class=\"simple-input\"
\t\t\t\t\t\t\t\t\t\tv-model=\"priceMin\"
\t\t\t\t\t\t\t\t\t\t:suggestions=\"minPriceSuggestions\"
\t\t\t\t\t\t\t\t\t\t:format-option=\"formatPriceOption\"
\t\t\t\t\t\t\t\t\t\tplaceholder=\"Min\"
\t\t\t\t\t\t\t\t\t\tname=\"priceMin\"
\t\t\t\t\t\t\t\t\t\tlist-class=\"vscomp-options-list price-list\"
\t\t\t\t\t\t\t\t\t\tlist-item-class=\"vscomp-option\"
\t\t\t\t\t\t\t\t\t/>
\t\t\t\t\t\t\t\t\t<number-input-with-suggestions
\t\t\t\t\t\t\t\t\t\tinput-class=\"simple-input\"
\t\t\t\t\t\t\t\t\t\tv-model=\"priceMax\"
\t\t\t\t\t\t\t\t\t\t:suggestions=\"maxPriceSuggestions\"
\t\t\t\t\t\t\t\t\t\t:format-option=\"formatPriceOption\"
\t\t\t\t\t\t\t\t\t\tplaceholder=\"Max\"
\t\t\t\t\t\t\t\t\t\tname=\"priceMax\"
\t\t\t\t\t\t\t\t\t\tlist-class=\"vscomp-options-list price-list\"
\t\t\t\t\t\t\t\t\t\tlist-item-class=\"vscomp-option\"
\t\t\t\t\t\t\t\t\t/>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</template>
\t\t\t\t\t\t</dropdown>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<button class=\"btn-rounded btn__green\">Recherche</button>
\t\t\t</form>
\t\t\t{% endif %}
\t\t</div>
\t</div>
</section>
", "elements/home_cover/home_cover.html.twig", "/home/clients/6069f7d890ad1893915d376cf7e5b903/var/www/bn-invest-commercial/templates/elements/home_cover/home_cover.html.twig");
}
}