<?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;
/* property-detail.html.twig */
class __TwigTemplate_253be1f0b3732bcd01f2736c308ad51bb3e34385b52ed44c7de93b12889bc616 extends Template
{
private $source;
private $macros = [];
public function __construct(Environment $env)
{
parent::__construct($env);
$this->source = $this->getSourceContext();
$this->blocks = [
'title' => [$this, 'block_title'],
'body' => [$this, 'block_body'],
];
}
protected function doGetParent(array $context)
{
// line 1
return "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", "property-detail.html.twig"));
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "property-detail.html.twig"));
$this->parent = $this->loadTemplate("base.html.twig", "property-detail.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_title($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", "title"));
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
echo "Détails - ";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["property"]) || array_key_exists("property", $context) ? $context["property"] : (function () { throw new RuntimeError('Variable "property" does not exist.', 3, $this->source); })()), "reference", [], "any", false, false, false, 3), "html", null, true);
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
}
// line 5
public function block_body($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", "body"));
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
// line 6
echo "
<header class=\"header-habiter slider-home slider-not-home who-is bottom-right-border position-relative overflow-hidden to-right lightbox-on\"
id=\"sliderHeader\"
style=\"background: url(";
// line 9
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["property"]) || array_key_exists("property", $context) ? $context["property"] : (function () { throw new RuntimeError('Variable "property" does not exist.', 9, $this->source); })()), "pictures", [], "any", false, false, false, 9), 0, [], "array", false, false, false, 9), "url", [], "any", false, false, false, 9), "html", null, true);
echo ") center center no-repeat;background-size:cover; position: relative; height: 91vh; cursor: zoom-in;\"
data-id=\"modul-ref\">
<div class=\"container-fluid\" style=\"padding: 0\">
<div class=\"col-lg-4 mx-auto\" style=\"display: none;\">
<div class=\"arrows-slides\" style=\"display: flex; justify-content: space-between; margin-top: 20px; align-items: center; position: absolute\">
<div class=\"arrow-right\" id=\"slideNextHeader\"><a><i class=\"fas fa-arrow-left\"></i></a></div>
<div><span class=\"current-figure\">01</span><span class=\"bar-figure\">/</span><span class=\"last-figure\">";
// line 15
echo twig_escape_filter($this->env, (((0 >= twig_compare(twig_length_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["property"]) || array_key_exists("property", $context) ? $context["property"] : (function () { throw new RuntimeError('Variable "property" does not exist.', 15, $this->source); })()), "pictures", [], "any", false, false, false, 15)), 9))) ? (("0" . twig_length_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["property"]) || array_key_exists("property", $context) ? $context["property"] : (function () { throw new RuntimeError('Variable "property" does not exist.', 15, $this->source); })()), "pictures", [], "any", false, false, false, 15)))) : (twig_length_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["property"]) || array_key_exists("property", $context) ? $context["property"] : (function () { throw new RuntimeError('Variable "property" does not exist.', 15, $this->source); })()), "pictures", [], "any", false, false, false, 15)))), "html", null, true);
echo "</span></div>
<div class=\"arrow-left\" id=\"slidePreviousHeader\"><a><i class=\"fas fa-arrow-right\"></i></a></div>
</div>
</div>
";
// line 42
echo "
</div>
<div class=\"sticky-text\">Cliquer ici<br/>pour voir toutes les photos</div>
";
// line 47
if ( !twig_test_empty(twig_get_attribute($this->env, $this->source, (isset($context["property"]) || array_key_exists("property", $context) ? $context["property"] : (function () { throw new RuntimeError('Variable "property" does not exist.', 47, $this->source); })()), "pictures", [], "any", false, false, false, 47))) {
// line 48
echo " <div class=\"lightbox\" id=\"modul-ref\">
<div class=\"closer\"></div>
<div class=\"arrows left\">←</div>
<div class=\"arrows right\">→</div>
<div class=\"counter\">1/1</div>
<ul class=\"items\">
";
// line 54
$context['_parent'] = $context;
$context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, (isset($context["property"]) || array_key_exists("property", $context) ? $context["property"] : (function () { throw new RuntimeError('Variable "property" does not exist.', 54, $this->source); })()), "pictures", [], "any", false, false, false, 54));
foreach ($context['_seq'] as $context["_key"] => $context["picture"]) {
// line 55
echo " <li class=\"item\">
<img class=\"img\" src=\"";
// line 56
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["picture"], "url", [], "any", false, false, false, 56), "html", null, true);
echo "\">
</li>
";
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_iterated'], $context['_key'], $context['picture'], $context['_parent'], $context['loop']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 59
echo " </ul>
</div>
";
}
// line 62
echo " ";
if ( !twig_test_empty(twig_get_attribute($this->env, $this->source, (isset($context["property"]) || array_key_exists("property", $context) ? $context["property"] : (function () { throw new RuntimeError('Variable "property" does not exist.', 62, $this->source); })()), "pictures", [], "any", false, false, false, 62))) {
// line 63
echo " ";
$context['_parent'] = $context;
$context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, (isset($context["property"]) || array_key_exists("property", $context) ? $context["property"] : (function () { throw new RuntimeError('Variable "property" does not exist.', 63, $this->source); })()), "pictures", [], "any", false, false, false, 63));
$context['loop'] = [
'parent' => $context['_parent'],
'index0' => 0,
'index' => 1,
'first' => true,
];
if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
$length = count($context['_seq']);
$context['loop']['revindex0'] = $length - 1;
$context['loop']['revindex'] = $length;
$context['loop']['length'] = $length;
$context['loop']['last'] = 1 === $length;
}
foreach ($context['_seq'] as $context["_key"] => $context["picture"]) {
// line 64
echo " <div class=\"lightbox\" id=\"modul-ref-";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 64), "html", null, true);
echo "\">
<div class=\"closer\"></div>
<ul class=\"items\">
<li class=\"item\">
<img class=\"img\" src=\"";
// line 68
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["picture"], "url", [], "any", false, false, false, 68), "html", null, true);
echo "\">
</li>
</ul>
</div>
";
++$context['loop']['index0'];
++$context['loop']['index'];
$context['loop']['first'] = false;
if (isset($context['loop']['length'])) {
--$context['loop']['revindex0'];
--$context['loop']['revindex'];
$context['loop']['last'] = 0 === $context['loop']['revindex0'];
}
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_iterated'], $context['_key'], $context['picture'], $context['_parent'], $context['loop']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 73
echo " ";
}
// line 74
echo " </header>
";
// line 87
echo "
";
// line 111
echo "
<section class=\"items-property-single mt-5 mb-5 pb-5\">
<div class=\"row col-lg-8 mx-auto\">
";
// line 115
if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["property"]) || array_key_exists("property", $context) ? $context["property"] : (function () { throw new RuntimeError('Variable "property" does not exist.', 115, $this->source); })()), "area", [], "any", false, false, false, 115), "value", [], "any", false, false, false, 115)) {
// line 116
echo " <div class=\"item-single\">
<img src=\"";
// line 117
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/icons/surface.svg"), "html", null, true);
echo "\" alt=\"Icone surface\">
<span>";
// line 118
(((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["property"]) || array_key_exists("property", $context) ? $context["property"] : (function () { throw new RuntimeError('Variable "property" does not exist.', 118, $this->source); })()), "area", [], "any", false, false, false, 118), "value", [], "any", false, false, false, 118), null))) ? (print ("")) : (print (twig_escape_filter($this->env, (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["property"]) || array_key_exists("property", $context) ? $context["property"] : (function () { throw new RuntimeError('Variable "property" does not exist.', 118, $this->source); })()), "area", [], "any", false, false, false, 118), "value", [], "any", false, false, false, 118) . $this->extensions['App\Twig\ContentExtension']->areaConversion(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["property"]) || array_key_exists("property", $context) ? $context["property"] : (function () { throw new RuntimeError('Variable "property" does not exist.', 118, $this->source); })()), "area", [], "any", false, false, false, 118), "unit", [], "any", false, false, false, 118))), "html", null, true))));
echo "</span>
</div>
";
}
// line 121
echo " ";
if (twig_get_attribute($this->env, $this->source, (isset($context["property"]) || array_key_exists("property", $context) ? $context["property"] : (function () { throw new RuntimeError('Variable "property" does not exist.', 121, $this->source); })()), "bedrooms", [], "any", false, false, false, 121)) {
// line 122
echo " <div class=\"item-single\">
<img src=\"";
// line 123
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/icons/chambre.svg"), "html", null, true);
echo "\" alt=\"Icone chambre\">
<span>";
// line 124
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["property"]) || array_key_exists("property", $context) ? $context["property"] : (function () { throw new RuntimeError('Variable "property" does not exist.', 124, $this->source); })()), "bedrooms", [], "any", false, false, false, 124), "html", null, true);
echo " chambre";
if ((1 === twig_compare(twig_get_attribute($this->env, $this->source, (isset($context["property"]) || array_key_exists("property", $context) ? $context["property"] : (function () { throw new RuntimeError('Variable "property" does not exist.', 124, $this->source); })()), "bedrooms", [], "any", false, false, false, 124), 1))) {
echo "s";
}
echo "</span>
</div>
";
}
// line 127
echo " ";
$context['_parent'] = $context;
$context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, (isset($context["property"]) || array_key_exists("property", $context) ? $context["property"] : (function () { throw new RuntimeError('Variable "property" does not exist.', 127, $this->source); })()), "areas", [], "any", false, false, false, 127));
foreach ($context['_seq'] as $context["_key"] => $context["area"]) {
// line 128
echo " ";
if ((0 === twig_compare(twig_get_attribute($this->env, $this->source, $context["area"], "type", [], "any", false, false, false, 128), 13))) {
// line 129
echo " <div class=\"item-single\">
<img src=\"";
// line 130
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/icons/salle_bain.svg"), "html", null, true);
echo "\" alt=\"Icone salle de bain\">
<span>";
// line 131
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["area"], "number", [], "any", false, false, false, 131), "html", null, true);
echo " ";
echo twig_escape_filter($this->env, $this->extensions['App\Twig\ContentExtension']->propertyArea(twig_get_attribute($this->env, $this->source, $context["area"], "type", [], "any", false, false, false, 131)), "html", null, true);
echo "</span>
</div>
";
}
// line 134
echo " ";
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_iterated'], $context['_key'], $context['area'], $context['_parent'], $context['loop']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 135
echo " ";
$context['_parent'] = $context;
$context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, (isset($context["property"]) || array_key_exists("property", $context) ? $context["property"] : (function () { throw new RuntimeError('Variable "property" does not exist.', 135, $this->source); })()), "areas", [], "any", false, false, false, 135));
foreach ($context['_seq'] as $context["_key"] => $context["area"]) {
// line 136
echo " ";
if ((0 === twig_compare(twig_get_attribute($this->env, $this->source, $context["area"], "type", [], "any", false, false, false, 136), 4))) {
// line 137
echo " <div class=\"item-single\">
<img src=\"";
// line 138
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/icons/garage.svg"), "html", null, true);
echo "\" alt=\"Icone garage\">
<span>";
// line 139
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["area"], "number", [], "any", false, false, false, 139), "html", null, true);
echo " ";
echo twig_escape_filter($this->env, $this->extensions['App\Twig\ContentExtension']->propertyArea(twig_get_attribute($this->env, $this->source, $context["area"], "type", [], "any", false, false, false, 139)), "html", null, true);
echo "</span>
</div>
";
}
// line 142
echo " ";
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_iterated'], $context['_key'], $context['area'], $context['_parent'], $context['loop']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 143
echo " ";
$context['_parent'] = $context;
$context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, (isset($context["property"]) || array_key_exists("property", $context) ? $context["property"] : (function () { throw new RuntimeError('Variable "property" does not exist.', 143, $this->source); })()), "areas", [], "any", false, false, false, 143));
foreach ($context['_seq'] as $context["_key"] => $context["area"]) {
// line 144
echo " ";
if (((0 === twig_compare(twig_get_attribute($this->env, $this->source, $context["area"], "type", [], "any", false, false, false, 144), 74)) || (0 === twig_compare(twig_get_attribute($this->env, $this->source, $context["area"], "type", [], "any", false, false, false, 144), 75)))) {
// line 145
echo " <div class=\"item-single\">
<img src=\"";
// line 146
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/icons/parking.svg"), "html", null, true);
echo "\" alt=\"Icone parking\">
<span>";
// line 147
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["area"], "number", [], "any", false, false, false, 147), "html", null, true);
echo " ";
echo twig_escape_filter($this->env, $this->extensions['App\Twig\ContentExtension']->propertyArea(twig_get_attribute($this->env, $this->source, $context["area"], "type", [], "any", false, false, false, 147)), "html", null, true);
echo "</span>
</div>
";
}
// line 150
echo " ";
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_iterated'], $context['_key'], $context['area'], $context['_parent'], $context['loop']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 151
echo " ";
$context['_parent'] = $context;
$context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, (isset($context["property"]) || array_key_exists("property", $context) ? $context["property"] : (function () { throw new RuntimeError('Variable "property" does not exist.', 151, $this->source); })()), "areas", [], "any", false, false, false, 151));
foreach ($context['_seq'] as $context["_key"] => $context["area"]) {
// line 152
echo " ";
if ((0 === twig_compare(twig_get_attribute($this->env, $this->source, $context["area"], "type", [], "any", false, false, false, 152), 18))) {
// line 153
echo " <div class=\"item-single\">
<img src=\"";
// line 154
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/icons/terasse.svg"), "html", null, true);
echo "\" alt=\"Icone terasse\">
<span>";
// line 155
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["area"], "number", [], "any", false, false, false, 155), "html", null, true);
echo " ";
echo twig_escape_filter($this->env, $this->extensions['App\Twig\ContentExtension']->propertyArea(twig_get_attribute($this->env, $this->source, $context["area"], "type", [], "any", false, false, false, 155)), "html", null, true);
echo "</span>
</div>
";
}
// line 158
echo " ";
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_iterated'], $context['_key'], $context['area'], $context['_parent'], $context['loop']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 159
echo " ";
if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["property"]) || array_key_exists("property", $context) ? $context["property"] : (function () { throw new RuntimeError('Variable "property" does not exist.', 159, $this->source); })()), "construction", [], "any", false, false, false, 159), "construction_year", [], "any", false, false, false, 159)) {
// line 160
echo " <div class=\"item-single\">
<img src=\"";
// line 161
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/icons/construction.svg"), "html", null, true);
echo "\" alt=\"Icone date construction\">
<span>Année de construction : ";
// line 162
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["property"]) || array_key_exists("property", $context) ? $context["property"] : (function () { throw new RuntimeError('Variable "property" does not exist.', 162, $this->source); })()), "construction", [], "any", false, false, false, 162), "construction_year", [], "any", false, false, false, 162), "html", null, true);
echo "</span>
</div>
";
}
// line 165
echo " ";
if (twig_get_attribute($this->env, $this->source, (isset($context["property"]) || array_key_exists("property", $context) ? $context["property"] : (function () { throw new RuntimeError('Variable "property" does not exist.', 165, $this->source); })()), "available_at", [], "any", false, false, false, 165)) {
// line 166
echo " <div class=\"item-single availability\">
<img src=\"";
// line 167
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/icons/dispo.svg"), "html", null, true);
echo "\" alt=\"Icone disponibilité\">
<span>Disponibilité<br>";
// line 168
(((0 === twig_compare(twig_get_attribute($this->env, $this->source, (isset($context["property"]) || array_key_exists("property", $context) ? $context["property"] : (function () { throw new RuntimeError('Variable "property" does not exist.', 168, $this->source); })()), "available_at", [], "any", false, false, false, 168), null))) ? (print ("-")) : (print (twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["property"]) || array_key_exists("property", $context) ? $context["property"] : (function () { throw new RuntimeError('Variable "property" does not exist.', 168, $this->source); })()), "available_at", [], "any", false, false, false, 168), "html", null, true))));
echo "</span>
</div>
";
}
// line 171
echo " </div>
</section>
<section class=\"desc-property mt-5\">
<div class=\"col-lg-8 mx-auto\">
<div class=\"row\">
<div class=\"col-md-4\">
<div class=\"col-lg-12\" style=\"display: flex;flex-direction: column;margin-left: 10px;\">
<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9.089\" height=\"14.77\" viewBox=\"0 0 9.089 14.77\">
<path id=\"Tracé_76\" data-name=\"Tracé 76\" d=\"M682.759,232.441h-9.089v14.77l9.089-1.931Z\" transform=\"translate(-673.669 -232.441)\" fill=\"#f6a400\"/>
</svg>
<h1 class=\"project-title\" style=\"font-size: 2.3em;font-weight: bold\">Descriptif</h1>
<p class=\"city\">Belval</p>
<p class=\"project-name\">2.0.CO2</p>
<p class=\"price\" style=\"color:#F6A400\">
";
// line 186
(((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["property"]) || array_key_exists("property", $context) ? $context["property"] : (function () { throw new RuntimeError('Variable "property" does not exist.', 186, $this->source); })()), "price", [], "any", false, false, false, 186), "value", [], "any", false, false, false, 186), null))) ? (print ("<span style=\"font-size: 14px !important;\">sur demande</span>")) : (print (twig_escape_filter($this->env, (twig_number_format_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["property"]) || array_key_exists("property", $context) ? $context["property"] : (function () { throw new RuntimeError('Variable "property" does not exist.', 186, $this->source); })()), "price", [], "any", false, false, false, 186), "value", [], "any", false, false, false, 186), 2, ",", " ") . twig_replace_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["property"]) || array_key_exists("property", $context) ? $context["property"] : (function () { throw new RuntimeError('Variable "property" does not exist.', 186, $this->source); })()), "price", [], "any", false, false, false, 186), "currency", [], "any", false, false, false, 186), ["EUR" => " €"])), "html", null, true))));
echo "
</p>
<div class=\"col-md-10 row list-pictures\">
";
// line 190
$context['_parent'] = $context;
$context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, (isset($context["property"]) || array_key_exists("property", $context) ? $context["property"] : (function () { throw new RuntimeError('Variable "property" does not exist.', 190, $this->source); })()), "pictures", [], "any", false, false, false, 190));
$context['loop'] = [
'parent' => $context['_parent'],
'index0' => 0,
'index' => 1,
'first' => true,
];
if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
$length = count($context['_seq']);
$context['loop']['revindex0'] = $length - 1;
$context['loop']['revindex'] = $length;
$context['loop']['length'] = $length;
$context['loop']['last'] = 1 === $length;
}
foreach ($context['_seq'] as $context["_key"] => $context["picture"]) {
// line 191
echo " <div class=\"col-md-4\" style=\"margin-bottom:10px;\">
<div class=\"img lightbox-on-second\"
style=\"background:url('";
// line 193
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["picture"], "url", [], "any", false, false, false, 193), "html", null, true);
echo "')no-repeat center;background-size:cover;max-height:90px;width:100%;margin:0!important;\"
data-id=\"modul-ref-";
// line 194
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 194), "html", null, true);
echo "\">
</div>
</div>
";
++$context['loop']['index0'];
++$context['loop']['index'];
$context['loop']['first'] = false;
if (isset($context['loop']['length'])) {
--$context['loop']['revindex0'];
--$context['loop']['revindex'];
$context['loop']['last'] = 0 === $context['loop']['revindex0'];
}
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_iterated'], $context['_key'], $context['picture'], $context['_parent'], $context['loop']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 198
echo " </div>
<div class=\"contact-property col-md-10 mt-4 p-3\">
<p>Pour plus d’informations concernant ce bien contactez</p>
<h3>";
// line 202
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["property"]) || array_key_exists("property", $context) ? $context["property"] : (function () { throw new RuntimeError('Variable "property" does not exist.', 202, $this->source); })()), "user", [], "any", false, false, false, 202), "firstname", [], "any", false, false, false, 202), "html", null, true);
echo " ";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["property"]) || array_key_exists("property", $context) ? $context["property"] : (function () { throw new RuntimeError('Variable "property" does not exist.', 202, $this->source); })()), "user", [], "any", false, false, false, 202), "lastname", [], "any", false, false, false, 202), "html", null, true);
echo "</h3>
</div>
<div class=\"contacinfos col-md-10 p-3 d-flex justify-content-between\">
<a href=\"mailto:";
// line 205
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["property"]) || array_key_exists("property", $context) ? $context["property"] : (function () { throw new RuntimeError('Variable "property" does not exist.', 205, $this->source); })()), "user", [], "any", false, false, false, 205), "email", [], "any", false, false, false, 205), "html", null, true);
echo "\">
<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21.418\" height=\"14.503\" viewBox=\"0 0 21.418 14.503\">
<path id=\"np_mail_91_000000\" d=\"M0,17V30.5H20.418V17Zm18.932.818L10.209,25.26,1.487,17.818Zm-18.115.5,6.134,5.232L.817,29.34Zm.825,11.363,5.935-5.6,2.632,2.245,2.632-2.245,5.935,5.6ZM19.6,29.34l-6.134-5.785L19.6,18.322Z\" transform=\"translate(0.5 -16.5)\" fill=\"#fff\" stroke=\"#fff\" stroke-width=\"1\"/>
</svg>
</a>
<a href=\"tel:";
// line 210
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["property"]) || array_key_exists("property", $context) ? $context["property"] : (function () { throw new RuntimeError('Variable "property" does not exist.', 210, $this->source); })()), "user", [], "any", false, false, false, 210), "mobile", [], "any", false, false, false, 210), "html", null, true);
echo "\" style=\"text-decoration:none;color:#fff;\">
<svg id=\"np_phone-call_3960627_000000\" xmlns=\"http://www.w3.org/2000/svg\" width=\"22.518\" height=\"20.105\" viewBox=\"0 0 22.518 20.105\">
<path id=\"Tracé_116\" data-name=\"Tracé 116\" d=\"M25.549,35.73h.8V34.122h2.413V32.513H26.354V29.522L20.6,27.608l-2.155,1.44a14.328,14.328,0,0,1-5.428-5.38L14.4,22.292l-1.914-6.667H6.249v.8a19.22,19.22,0,0,0,19.3,19.3Zm-14.274-18.5,1.311,4.592L11.074,23.37l.273.523a15.953,15.953,0,0,0,6.82,6.8l.426.217,2.292-1.536,3.86,1.3v3.442A17.734,17.734,0,0,1,7.857,17.234Z\" transform=\"translate(-6.248 -15.626)\" fill=\"#fff\"/>
</svg>
";
// line 214
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["property"]) || array_key_exists("property", $context) ? $context["property"] : (function () { throw new RuntimeError('Variable "property" does not exist.', 214, $this->source); })()), "user", [], "any", false, false, false, 214), "mobile", [], "any", false, false, false, 214), "html", null, true);
echo "
</a>
</div>
</div>
</div>
<div class=\"col-md-8 description-prop-container\">
<div class=\"description-prop pt-3\">
<p>";
// line 221
echo twig_nl2br(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["property"]) || array_key_exists("property", $context) ? $context["property"] : (function () { throw new RuntimeError('Variable "property" does not exist.', 221, $this->source); })()), "comments", [], "any", false, false, false, 221), 0, [], "array", false, false, false, 221), "comment", [], "any", false, false, false, 221));
echo "</p>
</div>
</div>
</div>
</div>
</section>
";
// line 340
echo "
<section class=\"similar-properties\">
";
// line 343
$context["sectionContent1"] = $this->extensions['App\Twig\ContentExtension']->Content("Bien-detail", "Section-1");
// line 344
echo " <div class=\"col-lg-8 mx-auto div-svg-header pre-section\">
<div class=\"col-lg-5\" style=\"font-size: 2.3em;display: flex;flex-direction: column;margin-left: 10px;\">
<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9.089\" height=\"14.77\" viewBox=\"0 0 9.089 14.77\">
<path id=\"Tracé_76\" data-name=\"Tracé 76\" d=\"M682.759,232.441h-9.089v14.77l9.089-1.931Z\" transform=\"translate(-673.669 -232.441)\" fill=\"#f6a400\"/>
</svg>
<h1 class=\"project-title\" style=\"font-weight: bold\">";
// line 349
if (twig_get_attribute($this->env, $this->source, ($context["sectionContent1"] ?? null), "name", [], "any", true, true, false, 349)) {
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["sectionContent1"]) || array_key_exists("sectionContent1", $context) ? $context["sectionContent1"] : (function () { throw new RuntimeError('Variable "sectionContent1" does not exist.', 349, $this->source); })()), "name", [], "any", false, false, false, 349), "html", null, true);
} else {
echo "NOS BIENS SIMILAIRES";
}
echo "</h1>
</div>
<div class=\"separator\"></div>
<div class=\"col-lg-6 pre-section-content\">
";
// line 353
if (twig_get_attribute($this->env, $this->source, ($context["sectionContent1"] ?? null), "content", [], "any", true, true, false, 353)) {
echo twig_get_attribute($this->env, $this->source, (isset($context["sectionContent1"]) || array_key_exists("sectionContent1", $context) ? $context["sectionContent1"] : (function () { throw new RuntimeError('Variable "sectionContent1" does not exist.', 353, $this->source); })()), "content", [], "any", false, false, false, 353);
}
// line 354
echo " </div>
</div>
<div class=\"col-lg-8 mx-auto\">
<div id=\"propertiesOther\" class=\"col-lg-12 mt-5\" style=\"display: flex; flex-wrap: wrap; flex-direction: row\">
";
// line 360
$context['_parent'] = $context;
$context['_seq'] = twig_ensure_traversable((isset($context["otherProperties"]) || array_key_exists("otherProperties", $context) ? $context["otherProperties"] : (function () { throw new RuntimeError('Variable "otherProperties" does not exist.', 360, $this->source); })()));
$context['loop'] = [
'parent' => $context['_parent'],
'index0' => 0,
'index' => 1,
'first' => true,
];
if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
$length = count($context['_seq']);
$context['loop']['revindex0'] = $length - 1;
$context['loop']['revindex'] = $length;
$context['loop']['length'] = $length;
$context['loop']['last'] = 1 === $length;
}
foreach ($context['_seq'] as $context["_key"] => $context["property"]) {
// line 361
echo " <div class=\"col-xl-4 col-lg-6 col-md-12 col-sm-12 div-img-hover-2\" style=\"cursor: pointer\">
";
// line 384
echo "
";
// line 387
echo " ";
if ( !twig_test_empty(twig_get_attribute($this->env, $this->source, $context["property"], "pictures", [], "any", false, false, false, 387))) {
// line 388
echo " <div class=\"position-relative properties-slide slick-slide-single-";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 388), "html", null, true);
echo "\">
";
// line 389
$context['_parent'] = $context;
$context['_seq'] = twig_ensure_traversable(twig_slice($this->env, twig_get_attribute($this->env, $this->source, $context["property"], "pictures", [], "any", false, false, false, 389), 0, 3));
foreach ($context['_seq'] as $context["_key"] => $context["picture"]) {
// line 390
echo " ";
// line 391
echo " <div class=\"img\" style=\"background: url('";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["picture"], "url", [], "any", false, false, false, 391), "html", null, true);
echo "')no-repeat center;background-size:cover;\" onclick=\"location.href='";
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("property-detail", ["id" => twig_get_attribute($this->env, $this->source, $context["property"], "id", [], "any", false, false, false, 391)]), "html", null, true);
echo "'\">
</div>
";
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_iterated'], $context['_key'], $context['picture'], $context['_parent'], $context['loop']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 394
echo " </div>
";
} else {
// line 397
echo " <div class=\"img\" style=\"background-image: url('";
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("build/Hudson_Ontario2.png"), "html", null, true);
echo "')\"></div>
";
}
// line 399
echo " <div class=\"row col-md-12 justify-content-between infos-list\">
<ul class=\"col-md-4 items\">
<li class=\"item surface\">
<img src=\"";
// line 402
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/surface.svg"), "html", null, true);
echo "\" class=\"surface-logo\"> ";
(((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["property"], "area", [], "any", false, false, false, 402), "value", [], "any", false, false, false, 402), null))) ? (print ("")) : (print (twig_escape_filter($this->env, (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["property"], "area", [], "any", false, false, false, 402), "value", [], "any", false, false, false, 402) . $this->extensions['App\Twig\ContentExtension']->areaConversion(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["property"], "area", [], "any", false, false, false, 402), "unit", [], "any", false, false, false, 402))), "html", null, true))));
echo "
</li>
</ul>
<div class=\"col-md-8 properties-price d-flex justify-content-end\">
";
// line 406
(((0 === twig_compare(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["property"], "price", [], "any", false, false, false, 406), "value", [], "any", false, false, false, 406), null))) ? (print ("<span style=\"font-size: 14px !important;\">sur demande</span>")) : (print (twig_escape_filter($this->env, (twig_number_format_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["property"], "price", [], "any", false, false, false, 406), "value", [], "any", false, false, false, 406), 2, ",", " ") . twig_replace_filter(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["property"], "price", [], "any", false, false, false, 406), "currency", [], "any", false, false, false, 406), ["EUR" => " €"])), "html", null, true))));
echo "
</div>
</div>
<p class=\"city\">";
// line 409
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["property"], "city", [], "any", false, false, false, 409), "name", [], "any", false, false, false, 409), "html", null, true);
echo "</p>
<p class=\"project-name\">";
// line 410
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["property"], "reference", [], "any", false, false, false, 410), "html", null, true);
echo "</p>
</div>
";
++$context['loop']['index0'];
++$context['loop']['index'];
$context['loop']['first'] = false;
if (isset($context['loop']['length'])) {
--$context['loop']['revindex0'];
--$context['loop']['revindex'];
$context['loop']['last'] = 0 === $context['loop']['revindex0'];
}
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_iterated'], $context['_key'], $context['property'], $context['_parent'], $context['loop']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 413
echo " </div>
";
// line 414
$context["paramUrl"] = twig_get_attribute($this->env, $this->source, (isset($context["property"]) || array_key_exists("property", $context) ? $context["property"] : (function () { throw new RuntimeError('Variable "property" does not exist.', 414, $this->source); })()), "category", [], "any", false, false, false, 414);
// line 415
echo " ";
if ((0 === twig_compare((isset($context["paramUrl"]) || array_key_exists("paramUrl", $context) ? $context["paramUrl"] : (function () { throw new RuntimeError('Variable "paramUrl" does not exist.', 415, $this->source); })()), 1))) {
// line 416
echo " ";
$context["paramUrl"] = "vente";
// line 417
echo " ";
} elseif ((0 === twig_compare((isset($context["paramUrl"]) || array_key_exists("paramUrl", $context) ? $context["paramUrl"] : (function () { throw new RuntimeError('Variable "paramUrl" does not exist.', 417, $this->source); })()), 2))) {
// line 418
echo " ";
$context["paramUrl"] = "location";
// line 419
echo " ";
}
// line 420
echo " <div id=\"link-none\" class=\"col-lg-12 mx-auto other-property-link div-svg-header d-flex justify-content-end\" style=\"margin-top:0;\">
<div style=\"padding-bottom:40px;\">
<a id=\"link-none-a d-flex\" class=\"property-span-arrow\" href=\"";
// line 422
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("properties", ["keyword" => (isset($context["paramUrl"]) || array_key_exists("paramUrl", $context) ? $context["paramUrl"] : (function () { throw new RuntimeError('Variable "paramUrl" does not exist.', 422, $this->source); })())]), "html", null, true);
echo "\">Découvrir plus
<svg class=\"svg-inline--fa fa-arrow-right fa-w-14 property-arrow\" aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"arrow-right\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\" data-fa-i2svg=\"\"><path fill=\"currentColor\" d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"></path></svg><!-- <i class=\"fas fa-arrow-right property-arrow\"></i> Font Awesome fontawesome.com -->
</a>
</div>
</div>
</div>
</section>
<script>
const slideNextHeader = document.getElementById('slideNextHeader');
const slidePreviousHeader = document.getElementById('slidePreviousHeader');
const currentFigure = document.getElementsByClassName('current-figure')
const lastFigure = document.getElementsByClassName('last-figure')
let slideHeader = document.getElementById('sliderHeader');
let positionHeader = 0;
let positionThumbHeader = 1;
arraySlidesHeader = [
";
// line 441
$context['_parent'] = $context;
$context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, (isset($context["property"]) || array_key_exists("property", $context) ? $context["property"] : (function () { throw new RuntimeError('Variable "property" does not exist.', 441, $this->source); })()), "pictures", [], "any", false, false, false, 441));
foreach ($context['_seq'] as $context["key"] => $context["picture"]) {
// line 442
echo " {
'position': ";
// line 443
echo twig_escape_filter($this->env, $context["key"], "html", null, true);
echo ",
'img': '";
// line 444
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["picture"], "url", [], "any", false, false, false, 444), "html", null, true);
echo "',
'dot': 'dot";
// line 445
echo twig_escape_filter($this->env, $context["key"], "html", null, true);
echo "'
},
";
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_iterated'], $context['key'], $context['picture'], $context['_parent'], $context['loop']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 448
echo " ];
slidePreviousHeader.addEventListener('click', () => {
if (arraySlidesHeader.length < (positionThumbHeader + 1)) {
positionHeader = 0;
positionThumbHeader = 1;
} else {
positionHeader++;
positionThumbHeader++;
}
slideHeader.style.background = `url(\${arraySlidesHeader[positionHeader].img})no-repeat center`;
currentFigure[0].innerHTML = '0'+positionThumbHeader
slideHeader.style.backgroundSize = `cover`;
});
slideNextHeader.addEventListener('click', () => {
if (positionThumbHeader === 1) {
positionHeader = (arraySlidesHeader.length - 1);
positionThumbHeader = arraySlidesHeader.length;
} else {
positionHeader = positionHeader - 1;
positionThumbHeader = positionThumbHeader - 1;
}
slideHeader.style.background = `url(\${arraySlidesHeader[positionHeader].img})no-repeat center`;
currentFigure[0].innerHTML = '0'+positionThumbHeader
slideHeader.style.backgroundSize = `cover`;
});
const descriptif = document.getElementById('descriptif-div')
const praticalInfos = document.getElementById('practical-infos-div')
const interior = document.getElementById('interior-div')
const exterior = document.getElementById('exterior-div')
const energy = document.getElementById('energy-div')
let buttons = document.getElementsByClassName('projectButton')
for (const eElement of buttons) {
eElement.addEventListener('click', function (e) {
e.preventDefault()
for (let button of buttons) {
if (button.classList.contains('all')){
button.classList.remove('all')
button.classList.add('come')
button.querySelector('span').classList.replace('span-all', 'span-projects')
}
if (document.getElementById(button.dataset.id)) {
document.getElementById(button.dataset.id).classList.remove('display-flex')
document.getElementById(button.dataset.id).classList.add('display-none')
}
}
eElement.classList.remove('come')
eElement.classList.add('all')
eElement.querySelector('span').classList.replace('span-projects', 'span-all')
document.getElementById(eElement.dataset.id).classList.add('display-flex');
})
}
</script>
<script>
const arrowPrev = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"7.985\" height=\"13.211\" viewBox=\"0 0 7.985 13.211\">
<path id=\"np_arrow-up_888648_000000\" d=\"M13.211,1.381l-6.606,6.6L0,1.381,1.381,0,6.606,5.022h0L11.83,0Z\" transform=\"translate(7.985) rotate(90)\" fill=\"#fff\"/>
</svg>`;
const arrowNext= `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"7.985\" height=\"13.211\" viewBox=\"0 0 7.985 13.211\">
<path id=\"np_arrow-up_888648_000000\" d=\"M13.211,1.381l-6.606,6.6L0,1.381,1.381,0,6.606,5.022h0L11.83,0Z\" transform=\"translate(7.985) rotate(90)\" fill=\"#fff\"/>
</svg>`;
var countProperties = '";
// line 520
echo twig_escape_filter($this->env, twig_length_filter($this->env, (isset($context["otherProperties"]) || array_key_exists("otherProperties", $context) ? $context["otherProperties"] : (function () { throw new RuntimeError('Variable "otherProperties" does not exist.', 520, $this->source); })())), "html", null, true);
echo "';
var loopProp = 1;
while (loopProp <= countProperties) {
\$('.slick-slide-single-'+loopProp).slick({
'slidesToShow': 1,
'prevArrow': `<div class=\"arrow-left square-black d-flex justify-content-center align-items-center position-absolute\">\${arrowPrev}</div>`,
'nextArrow': `<div class=\"arrow-right square-black d-flex justify-content-center align-items-center position-absolute\">\${arrowNext}</div>`
});
loopProp++;
}
</script>
";
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
}
public function getTemplateName()
{
return "property-detail.html.twig";
}
public function isTraitable()
{
return false;
}
public function getDebugInfo()
{
return array ( 798 => 520, 724 => 448, 715 => 445, 711 => 444, 707 => 443, 704 => 442, 700 => 441, 678 => 422, 674 => 420, 671 => 419, 668 => 418, 665 => 417, 662 => 416, 659 => 415, 657 => 414, 654 => 413, 637 => 410, 633 => 409, 627 => 406, 618 => 402, 613 => 399, 607 => 397, 602 => 394, 590 => 391, 588 => 390, 584 => 389, 579 => 388, 576 => 387, 572 => 384, 569 => 361, 552 => 360, 544 => 354, 540 => 353, 529 => 349, 522 => 344, 520 => 343, 515 => 340, 503 => 221, 493 => 214, 486 => 210, 478 => 205, 470 => 202, 464 => 198, 446 => 194, 442 => 193, 438 => 191, 421 => 190, 414 => 186, 397 => 171, 391 => 168, 387 => 167, 384 => 166, 381 => 165, 375 => 162, 371 => 161, 368 => 160, 365 => 159, 359 => 158, 351 => 155, 347 => 154, 344 => 153, 341 => 152, 336 => 151, 330 => 150, 322 => 147, 318 => 146, 315 => 145, 312 => 144, 307 => 143, 301 => 142, 293 => 139, 289 => 138, 286 => 137, 283 => 136, 278 => 135, 272 => 134, 264 => 131, 260 => 130, 257 => 129, 254 => 128, 249 => 127, 239 => 124, 235 => 123, 232 => 122, 229 => 121, 223 => 118, 219 => 117, 216 => 116, 214 => 115, 208 => 111, 205 => 87, 201 => 74, 198 => 73, 179 => 68, 171 => 64, 153 => 63, 150 => 62, 145 => 59, 136 => 56, 133 => 55, 129 => 54, 121 => 48, 119 => 47, 112 => 42, 103 => 15, 94 => 9, 89 => 6, 79 => 5, 59 => 3, 36 => 1,);
}
public function getSourceContext()
{
return new Source("{% extends 'base.html.twig' %}
{% block title %}Détails - {{ property.reference }}{% endblock %}
{% block body %}
<header class=\"header-habiter slider-home slider-not-home who-is bottom-right-border position-relative overflow-hidden to-right lightbox-on\"
id=\"sliderHeader\"
style=\"background: url({{property.pictures[0].url}}) center center no-repeat;background-size:cover; position: relative; height: 91vh; cursor: zoom-in;\"
data-id=\"modul-ref\">
<div class=\"container-fluid\" style=\"padding: 0\">
<div class=\"col-lg-4 mx-auto\" style=\"display: none;\">
<div class=\"arrows-slides\" style=\"display: flex; justify-content: space-between; margin-top: 20px; align-items: center; position: absolute\">
<div class=\"arrow-right\" id=\"slideNextHeader\"><a><i class=\"fas fa-arrow-left\"></i></a></div>
<div><span class=\"current-figure\">01</span><span class=\"bar-figure\">/</span><span class=\"last-figure\">{{ property.pictures|length <= 9 ? '0' ~ property.pictures|length : property.pictures|length }}</span></div>
<div class=\"arrow-left\" id=\"slidePreviousHeader\"><a><i class=\"fas fa-arrow-right\"></i></a></div>
</div>
</div>
{#
<div class=\"col-lg-12 property-detail-header\" style=\"display: flex; position: absolute; bottom: 0px;\">
<div class=\"col-lg-2 container-properties-header first\"></div>
<div class=\"col-lg-5 container-properties-header\" style=\"display: flex; align-items: center\">
<div class=\"col-lg-3\">
<p class=\"properties-city\" >{{ property.city.name }}</p>
</div>
<div class=\"col-lg-3\">
<p class=\"properties-area\" style=\"text-align: center\">{{ property.area.value == null ? '' : property.area.value ~ areaConversion(property.area.unit) }} </p>
</div>
<div class=\"col-lg-3\">
<p class=\"properties-reference-detail\">{{ property.reference }}</p>
</div>
</div>
<div class=\"col-lg-1 price-detail-bien\" style=\"background-color: #c48300; display: flex; align-items: center; justify-content: center\">
<p class=\"properties-price\">
{{ property.price.value == null ? '<span style=\"font-size: 14px !important;\">sur demande</span>' : property.price.value ~ property.price.currency|number_format(2, '.', ',')|replace({\"EUR\": \" €\"}) }}
</p>
</div>
</div>
#}
</div>
<div class=\"sticky-text\">Cliquer ici<br/>pour voir toutes les photos</div>
{% if property.pictures is not empty %}
<div class=\"lightbox\" id=\"modul-ref\">
<div class=\"closer\"></div>
<div class=\"arrows left\">←</div>
<div class=\"arrows right\">→</div>
<div class=\"counter\">1/1</div>
<ul class=\"items\">
{% for picture in property.pictures %}
<li class=\"item\">
<img class=\"img\" src=\"{{ picture.url }}\">
</li>
{% endfor %}
</ul>
</div>
{% endif %}
{% if property.pictures is not empty %}
{% for picture in property.pictures %}
<div class=\"lightbox\" id=\"modul-ref-{{ loop.index }}\">
<div class=\"closer\"></div>
<ul class=\"items\">
<li class=\"item\">
<img class=\"img\" src=\"{{ picture.url }}\">
</li>
</ul>
</div>
{% endfor %}
{% endif %}
</header>
{#
<div class=\"col-lg-1 infos-person\" style=\"display: flex; position: fixed; right: 274px;\">
<div class=\"col-lg-12\">
{% if property.user.picture is null %}
<img id=\"img-card\" src=\"{{ asset('build/367e841db1c2c356ba01f78a108a59cb0c18ade2.png') }}\">
{% else %}
<img id=\"img-card\" width=\"161px\" height=\"161px\" src=\"{{ property.user.picture }}\">
{% endif %}
</div>
</div>
#}
{#
<div class=\"col-lg-1 infos-person\" style=\"position: fixed; width: 265px; display: flex; flex-direction: column\">
<div class=\"col-lg-12 more-informations\">
<p class=\"p-info-property\">Pour plus d’informations concernant ce bien</p>
<p class=\"p-first-property\">{{ property.user.firstname }}
{{ property.user.lastname }}
</div>
<div style=\"display: flex\">
<div class=\"col-lg-2 p-mail-property\">
<a href=\"mailto:{{ property.user.email }}\">
<svg id=\"SVGMail\" width=\"41\" height=\"34\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" xmlns:avocode=\"https://avocode.com/\" viewBox=\"0 0 41 34\"><defs></defs><desc>Generated with Avocode.</desc><g><g><title>np_mail_91_000000</title><path d=\"M30.21872,22.58808l-6.13407,-5.78542l6.13407,-5.23238zM12.25999,22.93334l5.93459,-5.59678l2.63204,2.24505l2.63204,-2.24505l5.93459,5.59678zM11.4345,11.57018l6.13407,5.23239l-6.13407,5.78541zM29.54963,11.06668l-8.72302,7.44143l-8.72221,-7.44143zM10.6178,10.24829v13.50346h20.41763v-13.50346z\" fill=\"#ffffff\" fill-opacity=\"1\"></path><path d=\"M30.21872,22.58808l-6.13407,-5.78542l6.13407,-5.23238zM12.25999,22.93334l5.93459,-5.59678l2.63204,2.24505l2.63204,-2.24505l5.93459,5.59678zM11.4345,11.57018l6.13407,5.23239l-6.13407,5.78541zM29.54963,11.06668l-8.72302,7.44143l-8.72221,-7.44143zM10.6178,10.24829v13.50346h20.41763v-13.50346z\" fill-opacity=\"0\" fill=\"#ffffff\" stroke-dashoffset=\"0\" stroke-linejoin=\"miter\" stroke-linecap=\"butt\" stroke-opacity=\"1\" stroke=\"#ffffff\" stroke-miterlimit=\"20\" stroke-width=\"1\"></path></g></g></svg>
</a>
</div>
<div class=\"col-lg-10 p-phone-property\">
<a href=\"tel:{{ property.user.phone }}\">
<?xml version=\"1.0\" encoding=\"UTF-8\"?>
<svg id=\"SVGPhone\" width=\"28\" height=\"24\" xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" xmlns:avocode=\"https://avocode.com/\" viewBox=\"0 0 28 24\"><defs></defs><desc>Generated with Avocode.</desc><g><g><title>Tracé 116</title><path d=\"M6.29423,1.97623l1.55604,5.45095l-1.79468,1.83287l0.32457,0.62049c1.80183,3.46169 4.62861,6.28247 8.09518,8.07624l0.50593,0.25775l2.72065,-1.82334l4.58217,1.54648v4.08578c-5.2362,-0.22434 -10.19412,-2.41279 -13.8898,-6.12851c-3.73264,-3.69781 -5.93178,-8.66917 -6.15722,-13.9182zM23.23881,23.93248h0.95462v-1.90924h2.86386v-1.90924h-2.86386v-3.55119l-6.82561,-2.27199l-2.55838,1.70879c-2.68607,-1.50592 -4.91392,-3.7134 -6.44376,-6.38633l1.63241,-1.63242l-2.272,-7.91372h-7.39838v0.95462c-0.03222,6.08574 2.37461,11.93046 6.68234,16.22854c4.29808,4.30786 10.1428,6.71442 16.22854,6.68234z\" fill=\"#ffffff\" fill-opacity=\"1\"></path></g></g></svg>
{{ property.user.phone }}
</a>
</div>
</div>
</div>
#}
<section class=\"items-property-single mt-5 mb-5 pb-5\">
<div class=\"row col-lg-8 mx-auto\">
{% if property.area.value %}
<div class=\"item-single\">
<img src=\"{{ asset('img/icons/surface.svg') }}\" alt=\"Icone surface\">
<span>{{ property.area.value == null ? '' : property.area.value ~ areaConversion(property.area.unit) }}</span>
</div>
{% endif %}
{% if property.bedrooms %}
<div class=\"item-single\">
<img src=\"{{ asset('img/icons/chambre.svg') }}\" alt=\"Icone chambre\">
<span>{{ property.bedrooms }} chambre{% if property.bedrooms > 1 %}s{% endif %}</span>
</div>
{% endif %}
{% for area in property.areas %}
{% if area.type == 13 %}
<div class=\"item-single\">
<img src=\"{{ asset('img/icons/salle_bain.svg') }}\" alt=\"Icone salle de bain\">
<span>{{ area.number }} {{ propertyArea(area.type) }}</span>
</div>
{% endif %}
{% endfor %}
{% for area in property.areas %}
{% if area.type == 4 %}
<div class=\"item-single\">
<img src=\"{{ asset('img/icons/garage.svg') }}\" alt=\"Icone garage\">
<span>{{ area.number }} {{ propertyArea(area.type) }}</span>
</div>
{% endif %}
{% endfor %}
{% for area in property.areas %}
{% if area.type == 74 or area.type == 75 %}
<div class=\"item-single\">
<img src=\"{{ asset('img/icons/parking.svg') }}\" alt=\"Icone parking\">
<span>{{ area.number }} {{ propertyArea(area.type) }}</span>
</div>
{% endif %}
{% endfor %}
{% for area in property.areas %}
{% if area.type == 18 %}
<div class=\"item-single\">
<img src=\"{{ asset('img/icons/terasse.svg') }}\" alt=\"Icone terasse\">
<span>{{ area.number }} {{ propertyArea(area.type) }}</span>
</div>
{% endif %}
{% endfor %}
{% if property.construction.construction_year %}
<div class=\"item-single\">
<img src=\"{{ asset('img/icons/construction.svg') }}\" alt=\"Icone date construction\">
<span>Année de construction : {{ property.construction.construction_year }}</span>
</div>
{% endif %}
{% if property.available_at %}
<div class=\"item-single availability\">
<img src=\"{{ asset('img/icons/dispo.svg') }}\" alt=\"Icone disponibilité\">
<span>Disponibilité<br>{{ property.available_at == null ? '-' : property.available_at}}</span>
</div>
{% endif %}
</div>
</section>
<section class=\"desc-property mt-5\">
<div class=\"col-lg-8 mx-auto\">
<div class=\"row\">
<div class=\"col-md-4\">
<div class=\"col-lg-12\" style=\"display: flex;flex-direction: column;margin-left: 10px;\">
<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9.089\" height=\"14.77\" viewBox=\"0 0 9.089 14.77\">
<path id=\"Tracé_76\" data-name=\"Tracé 76\" d=\"M682.759,232.441h-9.089v14.77l9.089-1.931Z\" transform=\"translate(-673.669 -232.441)\" fill=\"#f6a400\"/>
</svg>
<h1 class=\"project-title\" style=\"font-size: 2.3em;font-weight: bold\">Descriptif</h1>
<p class=\"city\">Belval</p>
<p class=\"project-name\">2.0.CO2</p>
<p class=\"price\" style=\"color:#F6A400\">
{{ property.price.value == null ? '<span style=\"font-size: 14px !important;\">sur demande</span>' : property.price.value|number_format(2, ',', ' ') ~ property.price.currency|replace({\"EUR\": \" €\"}) }}
</p>
<div class=\"col-md-10 row list-pictures\">
{% for picture in property.pictures %}
<div class=\"col-md-4\" style=\"margin-bottom:10px;\">
<div class=\"img lightbox-on-second\"
style=\"background:url('{{ picture.url }}')no-repeat center;background-size:cover;max-height:90px;width:100%;margin:0!important;\"
data-id=\"modul-ref-{{ loop.index }}\">
</div>
</div>
{% endfor %}
</div>
<div class=\"contact-property col-md-10 mt-4 p-3\">
<p>Pour plus d’informations concernant ce bien contactez</p>
<h3>{{ property.user.firstname }} {{ property.user.lastname }}</h3>
</div>
<div class=\"contacinfos col-md-10 p-3 d-flex justify-content-between\">
<a href=\"mailto:{{ property.user.email }}\">
<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"21.418\" height=\"14.503\" viewBox=\"0 0 21.418 14.503\">
<path id=\"np_mail_91_000000\" d=\"M0,17V30.5H20.418V17Zm18.932.818L10.209,25.26,1.487,17.818Zm-18.115.5,6.134,5.232L.817,29.34Zm.825,11.363,5.935-5.6,2.632,2.245,2.632-2.245,5.935,5.6ZM19.6,29.34l-6.134-5.785L19.6,18.322Z\" transform=\"translate(0.5 -16.5)\" fill=\"#fff\" stroke=\"#fff\" stroke-width=\"1\"/>
</svg>
</a>
<a href=\"tel:{{ property.user.mobile }}\" style=\"text-decoration:none;color:#fff;\">
<svg id=\"np_phone-call_3960627_000000\" xmlns=\"http://www.w3.org/2000/svg\" width=\"22.518\" height=\"20.105\" viewBox=\"0 0 22.518 20.105\">
<path id=\"Tracé_116\" data-name=\"Tracé 116\" d=\"M25.549,35.73h.8V34.122h2.413V32.513H26.354V29.522L20.6,27.608l-2.155,1.44a14.328,14.328,0,0,1-5.428-5.38L14.4,22.292l-1.914-6.667H6.249v.8a19.22,19.22,0,0,0,19.3,19.3Zm-14.274-18.5,1.311,4.592L11.074,23.37l.273.523a15.953,15.953,0,0,0,6.82,6.8l.426.217,2.292-1.536,3.86,1.3v3.442A17.734,17.734,0,0,1,7.857,17.234Z\" transform=\"translate(-6.248 -15.626)\" fill=\"#fff\"/>
</svg>
{{ property.user.mobile }}
</a>
</div>
</div>
</div>
<div class=\"col-md-8 description-prop-container\">
<div class=\"description-prop pt-3\">
<p>{{ property.comments[0].comment|raw|nl2br }}</p>
</div>
</div>
</div>
</div>
</section>
{#
<section class=\"project\" style=\"margin-bottom: 120px\">
<div class=\"col-lg-8 mx-auto div-svg-header\" style=\"display: flex; align-items: center; margin-top: 20px\">
</div>
<div class=\"col-lg-8 mx-auto div-svg-header\" style=\"display: flex; align-items: center; padding-left: 7px\">
<button data-id=\"descriptif-div\" class=\"btn btn-primary all border-radius projectButton\"><span class=\"span-all\">DESCRIPTIF</span></button>
<button data-id=\"practical-infos-div\" class=\"btn btn-primary come border-radius projectButton\"><span class=\"span-projects\">INFOS PRATIQUES</span></button>
<button data-id=\"interior-div\" class=\"btn btn-primary come border-radius projectButton\"><span class=\"span-projects\">INTERIEUR</span></button>
<button data-id=\"exterior-div\" class=\"btn btn-primary come border-radius projectButton\"><span class=\"span-projects\">EXTERIEUR</span></button>
<button data-id=\"energy-div\" class=\"btn btn-primary come border-radius projectButton\"><span class=\"span-projects\">ENERGIE</span></button>
</div>
<div id=\"descriptif-div\" class=\"offset-lg-2 col-lg-4 property-comment display-flex\">
<p>{{ property.comments[0].comment|raw|nl2br }}</p>
</div>
<div id=\"practical-infos-div\" class=\"offset-lg-2 col-lg-8 display-none\" style=\"flex-wrap: wrap;\">
<table class=\"table\">
<tbody>
<tr class=\"table-property-first\" style=\"background-color: #f7e7cb;\">
{% if property.services is not null %}
{% for service in property.services %}
<td class=\"text-property-infos\">{{ propertyServices(service) }}</td>
{% endfor %}
{% endif %}
</tr>
</tbody>
</table>
</div>
<div id=\"interior-div\" class=\"offset-lg-2 col-lg-8 display-none\">
<table class=\"table\">
<tbody>
<tr class=\"table-property-first\" style=\"background-color: #f7e7cb;\">
<td class=\"text-property\">Surface</td>
<td class=\"text-property-infos\">{{ property.area.value == null ? '' : property.area.value ~ areaConversion(property.area.unit) }}</td>
<td class=\"text-property\">Eau</td>
<td class=\"text-property-infos\">{{ propertyHotWater(property.water.hot_device) == null ? '-' : propertyHotWater(property.water.hot_device) ~ \" \" ~ propertyHotWaterAccess(property.water.hot_access) }}</td>
<td class=\"text-property\">An Construction</td>
<td class=\"text-property-infos\">{{ property.construction.construction_year == null ? '-' : property.construction.construction_year }}</td>
</tr>
{% if property.areas is empty %}
<tr>
<td class=\"text-property\">Condition</td>
<td class=\"text-property-infos\">{{ property.condition == null ? '-' : propertyCondition(property.condition) }}</td>
</tr>
<tr class=\"table-property-first\" style=\"background-color: #f7e7cb;\">
<td class=\"text-property\">Etage</td>
<td class=\"text-property-infos\">{{ property.floor.type == null ? '-' : propertyFloor(property.floor.type) }}</td>
<td class=\"text-property\">Chauffage</td>
<td class=\"text-property-infos\">{{ propertyHeatingDevice(property.heating.device) == null ? '-' : propertyHeatingDevice(property.heating.device) ~ \" \" ~ propertyHeatingType(property.heating.type) }}</td>
<td class=\"text-property\">Disponibilite</td>
<td class=\"text-property-infos\">{{ property.available_at == null ? '-' : property.available_at}}</td>
</tr>
{% else %}
<tr>
{% for area in property.areas %}
{% if propertyArea(area.type) is not null %}
<td class=\"text-property-first\">{{ propertyArea(area.type) }}</td>
<td class=\"text-property-infos\">{{ area.number }}</td>
{% endif %}
{% endfor %}
</tr>
<tr class=\"table-property-first\" style=\"background-color: #f7e7cb;\">
<td class=\"text-property\">Etage</td>
<td class=\"text-property-infos\">{{ property.floor.type == null ? '-' : propertyFloor(property.floor.type) }}</td>
<td class=\"text-property\">Chauffage</td>
<td class=\"text-property-infos\">{{ propertyHeatingDevice(property.heating.device) == null ? '-' : propertyHeatingDevice(property.heating.device) ~ \" \" ~ propertyHeatingType(property.heating.type) }}</td>
<td class=\"text-property\">Disponibilite</td>
<td class=\"text-property-infos\">{{ property.available_at == null ? '-' : property.available_at}}</td>
</tr>
<tr>
<td class=\"text-property\">Condition</td>
<td class=\"text-property-infos\">{{ property.condition == null ? '-' : propertyCondition(property.condition) }}</td>
</tr>
{% endif %}
</tbody>
</table>
</div>
<div id=\"exterior-div\" class=\"offset-lg-2 col-lg-8 display-none\">
<table class=\"table\">
<tbody>
{% if property.areas is not empty %}
<tr class=\"table-property-first\" style=\"background-color: #f7e7cb;\">
{% for area in property.areas %}
{% if propertyExterior(area.type) is not null %}
<td class=\"text-property-first\">{{ propertyExterior(area.type) }}</td>
<td class=\"text-property-infos\">{{ area.number }}</td>
{% endif %}
{% endfor %}
</tr>
{% endif %}
</tbody>
</table>
</div>
<div id=\"energy-div\" class=\"offset-lg-2 col-lg-8 display-none\">
<table class=\"table\">
<tbody>
{% if property.regulations is not empty %}
<tr class=\"table-property-first\" style=\"background-color: #f7e7cb;\">
{% for energy in property.regulations %}
<td class=\"text-property-first\">{{ propertyEnergy(energy.type) }}</td>
<td class=\"text-property-infos\">{{ energy.value }}</td>
{% endfor %}
</tr>
{% endif %}
</tbody>
</table>
</div>
</section>
#}
<section class=\"similar-properties\">
{% set sectionContent1 = content('Bien-detail', 'Section-1') %}
<div class=\"col-lg-8 mx-auto div-svg-header pre-section\">
<div class=\"col-lg-5\" style=\"font-size: 2.3em;display: flex;flex-direction: column;margin-left: 10px;\">
<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9.089\" height=\"14.77\" viewBox=\"0 0 9.089 14.77\">
<path id=\"Tracé_76\" data-name=\"Tracé 76\" d=\"M682.759,232.441h-9.089v14.77l9.089-1.931Z\" transform=\"translate(-673.669 -232.441)\" fill=\"#f6a400\"/>
</svg>
<h1 class=\"project-title\" style=\"font-weight: bold\">{% if sectionContent1.name is defined %}{{ sectionContent1.name }}{% else %}NOS BIENS SIMILAIRES{% endif %}</h1>
</div>
<div class=\"separator\"></div>
<div class=\"col-lg-6 pre-section-content\">
{% if sectionContent1.content is defined %}{{ sectionContent1.content|raw }}{% endif %}
</div>
</div>
<div class=\"col-lg-8 mx-auto\">
<div id=\"propertiesOther\" class=\"col-lg-12 mt-5\" style=\"display: flex; flex-wrap: wrap; flex-direction: row\">
{% for property in otherProperties %}
<div class=\"col-xl-4 col-lg-6 col-md-12 col-sm-12 div-img-hover-2\" style=\"cursor: pointer\">
{#
<div class=\"div-hover-2\" id=\"div-hover-2\" aria-haspopup=\"true\" style=\"position: absolute; bottom: 8px; left: 9px; background-color: #242424; color: white; width: 291px; height: 70px\">
{% if property.comments[0].comment is not empty %}
<p class=\"project-content\">
{{ property.comments[0].comment|slice(0, 350) }}</p>
<a href=\"{{ path('property-detail', {'id': property.id}) }}\" class=\"project-arrow-2\">
<span class=\"galerry-ref\"></span><i class=\"fas fa-arrow-right project-svg-arrow-2\"></i>
</a>
{% else %}
<a style=\"margin-top: 180px\" href=\"{{ path('property-detail', {'id': property.id}) }}\" class=\"project-arrow-2\">
<span class=\"galerry-ref\"></span><i class=\"fas fa-arrow-right project-svg-arrow-2\"></i>
</a>
{% endif %}
</div>
<div class=\"col-lg-3 properties-price-absolute\" style=\"background-color: #c48300; height: 56px;\">
<p style=\"font-size: 20px;\" class=\"properties-price\">
{{ property.price.value == null ? '<span style=\"font-size: 14px !important;\">sur demande</span>' : property.price.value ~ property.price.currency|replace({\"EUR\": \" €\"}) }}
</p>
</div>
#}
{# <div class=\"tag-ref-projet-2\"><span class=\"text-tag-ref\">{{ specialPropertyCategory(property.category) }}</span></div> #}
{% if property.pictures is not empty %}
<div class=\"position-relative properties-slide slick-slide-single-{{ loop.index }}\">
{% for picture in property.pictures|slice(0,3) %}
{# <img class=\"img-100\" src=\"{{ picture.url }}\">#}
<div class=\"img\" style=\"background: url('{{ picture.url }}')no-repeat center;background-size:cover;\" onclick=\"location.href='{{ path('property-detail', {'id': property.id}) }}'\">
</div>
{% endfor %}
</div>
{% else %}
<div class=\"img\" style=\"background-image: url('{{ asset('build/Hudson_Ontario2.png') }}')\"></div>
{% endif %}
<div class=\"row col-md-12 justify-content-between infos-list\">
<ul class=\"col-md-4 items\">
<li class=\"item surface\">
<img src=\"{{ asset('img/surface.svg') }}\" class=\"surface-logo\"> {{ property.area.value == null ? '' : property.area.value ~ areaConversion(property.area.unit) }}
</li>
</ul>
<div class=\"col-md-8 properties-price d-flex justify-content-end\">
{{ property.price.value == null ? '<span style=\"font-size: 14px !important;\">sur demande</span>' : property.price.value|number_format(2, ',', ' ') ~ property.price.currency|replace({\"EUR\": \" €\"}) }}
</div>
</div>
<p class=\"city\">{{ property.city.name }}</p>
<p class=\"project-name\">{{ property.reference }}</p>
</div>
{% endfor %}
</div>
{% set paramUrl = property.category %}
{% if paramUrl == 1 %}
{% set paramUrl = 'vente' %}
{% elseif paramUrl == 2 %}
{% set paramUrl = 'location' %}
{% endif %}
<div id=\"link-none\" class=\"col-lg-12 mx-auto other-property-link div-svg-header d-flex justify-content-end\" style=\"margin-top:0;\">
<div style=\"padding-bottom:40px;\">
<a id=\"link-none-a d-flex\" class=\"property-span-arrow\" href=\"{{ path('properties', {'keyword': paramUrl}) }}\">Découvrir plus
<svg class=\"svg-inline--fa fa-arrow-right fa-w-14 property-arrow\" aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"arrow-right\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\" data-fa-i2svg=\"\"><path fill=\"currentColor\" d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"></path></svg><!-- <i class=\"fas fa-arrow-right property-arrow\"></i> Font Awesome fontawesome.com -->
</a>
</div>
</div>
</div>
</section>
<script>
const slideNextHeader = document.getElementById('slideNextHeader');
const slidePreviousHeader = document.getElementById('slidePreviousHeader');
const currentFigure = document.getElementsByClassName('current-figure')
const lastFigure = document.getElementsByClassName('last-figure')
let slideHeader = document.getElementById('sliderHeader');
let positionHeader = 0;
let positionThumbHeader = 1;
arraySlidesHeader = [
{% for key, picture in property.pictures %}
{
'position': {{ key }},
'img': '{{ picture.url }}',
'dot': 'dot{{ key }}'
},
{% endfor %}
];
slidePreviousHeader.addEventListener('click', () => {
if (arraySlidesHeader.length < (positionThumbHeader + 1)) {
positionHeader = 0;
positionThumbHeader = 1;
} else {
positionHeader++;
positionThumbHeader++;
}
slideHeader.style.background = `url(\${arraySlidesHeader[positionHeader].img})no-repeat center`;
currentFigure[0].innerHTML = '0'+positionThumbHeader
slideHeader.style.backgroundSize = `cover`;
});
slideNextHeader.addEventListener('click', () => {
if (positionThumbHeader === 1) {
positionHeader = (arraySlidesHeader.length - 1);
positionThumbHeader = arraySlidesHeader.length;
} else {
positionHeader = positionHeader - 1;
positionThumbHeader = positionThumbHeader - 1;
}
slideHeader.style.background = `url(\${arraySlidesHeader[positionHeader].img})no-repeat center`;
currentFigure[0].innerHTML = '0'+positionThumbHeader
slideHeader.style.backgroundSize = `cover`;
});
const descriptif = document.getElementById('descriptif-div')
const praticalInfos = document.getElementById('practical-infos-div')
const interior = document.getElementById('interior-div')
const exterior = document.getElementById('exterior-div')
const energy = document.getElementById('energy-div')
let buttons = document.getElementsByClassName('projectButton')
for (const eElement of buttons) {
eElement.addEventListener('click', function (e) {
e.preventDefault()
for (let button of buttons) {
if (button.classList.contains('all')){
button.classList.remove('all')
button.classList.add('come')
button.querySelector('span').classList.replace('span-all', 'span-projects')
}
if (document.getElementById(button.dataset.id)) {
document.getElementById(button.dataset.id).classList.remove('display-flex')
document.getElementById(button.dataset.id).classList.add('display-none')
}
}
eElement.classList.remove('come')
eElement.classList.add('all')
eElement.querySelector('span').classList.replace('span-projects', 'span-all')
document.getElementById(eElement.dataset.id).classList.add('display-flex');
})
}
</script>
<script>
const arrowPrev = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"7.985\" height=\"13.211\" viewBox=\"0 0 7.985 13.211\">
<path id=\"np_arrow-up_888648_000000\" d=\"M13.211,1.381l-6.606,6.6L0,1.381,1.381,0,6.606,5.022h0L11.83,0Z\" transform=\"translate(7.985) rotate(90)\" fill=\"#fff\"/>
</svg>`;
const arrowNext= `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"7.985\" height=\"13.211\" viewBox=\"0 0 7.985 13.211\">
<path id=\"np_arrow-up_888648_000000\" d=\"M13.211,1.381l-6.606,6.6L0,1.381,1.381,0,6.606,5.022h0L11.83,0Z\" transform=\"translate(7.985) rotate(90)\" fill=\"#fff\"/>
</svg>`;
var countProperties = '{{ otherProperties|length }}';
var loopProp = 1;
while (loopProp <= countProperties) {
\$('.slick-slide-single-'+loopProp).slick({
'slidesToShow': 1,
'prevArrow': `<div class=\"arrow-left square-black d-flex justify-content-center align-items-center position-absolute\">\${arrowPrev}</div>`,
'nextArrow': `<div class=\"arrow-right square-black d-flex justify-content-center align-items-center position-absolute\">\${arrowNext}</div>`
});
loopProp++;
}
</script>
{% endblock %}
", "property-detail.html.twig", "/home/juca-stage/sites/sym/tracol/templates/property-detail.html.twig");
}
}