<?php
use Twig\Environment;
use Twig\Error\LoaderError;
use Twig\Error\RuntimeError;
use Twig\Extension\CoreExtension;
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;
use Twig\TemplateWrapper;
/* analytic/home.html.twig */
class __TwigTemplate_3727af32b1b9e1c1cf73f71167ba0996 extends Template
{
private Source $source;
/**
* @var array<string, Template>
*/
private array $macros = [];
public function __construct(Environment $env)
{
parent::__construct($env);
$this->source = $this->getSourceContext();
$this->blocks = [
'title' => [$this, 'block_title'],
'content' => [$this, 'block_content'],
];
}
protected function doGetParent(array $context): bool|string|Template|TemplateWrapper
{
// line 1
return "Layouts/layout.html.twig";
}
protected function doDisplay(array $context, array $blocks = []): iterable
{
$macros = $this->macros;
$__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "analytic/home.html.twig"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "analytic/home.html.twig"));
$this->parent = $this->loadTemplate("Layouts/layout.html.twig", "analytic/home.html.twig", 1);
yield from $this->parent->unwrap()->yield($context, array_merge($this->blocks, $blocks));
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
}
// line 3
/**
* @return iterable<null|scalar|\Stringable>
*/
public function block_title(array $context, array $blocks = []): iterable
{
$macros = $this->macros;
$__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
yield " Retabit Platform ";
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
yield from [];
}
// line 5
/**
* @return iterable<null|scalar|\Stringable>
*/
public function block_content(array $context, array $blocks = []): iterable
{
$macros = $this->macros;
$__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "content"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "content"));
// line 6
yield "
<div class=\"container pt-3\">
";
// line 9
yield " <div class=\"row align-items-center justify-content-center\">
<div class=\"col-12 d-none\">
<h1>";
// line 11
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::capitalize($this->env->getCharset(), CoreExtension::getAttribute($this->env, $this->source, (isset($context["municipioname"]) || array_key_exists("municipioname", $context) ? $context["municipioname"] : (function () { throw new RuntimeError('Variable "municipioname" does not exist.', 11, $this->source); })()), "adminunitname", [], "any", false, false, false, 11)), "html", null, true);
yield "</h1>
</div>
<div class=\"col-12 pt-3 pb-2\">
<div class=\"d-flex align-items-center\">
<h4 class=\"flex-grow-1\">";
// line 15
yield $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("Los datos sociales, económicos y medioambientales que RETABIT tiene de", [], "messages");
yield " <strong>";
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::capitalize($this->env->getCharset(), CoreExtension::getAttribute($this->env, $this->source, (isset($context["municipioname"]) || array_key_exists("municipioname", $context) ? $context["municipioname"] : (function () { throw new RuntimeError('Variable "municipioname" does not exist.', 15, $this->source); })()), "adminunitname", [], "any", false, false, false, 15)), "html", null, true);
yield "</strong> ";
yield $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("para el análisis del parque residencial, son los siguientes", [], "messages");
yield ": </h4>
</div>
</div>
</div>
</div>
<div class=\"container-fluid box_blue_middle\">
<div class=\"container\">
<div class=\"row align-items-center justify-content-center\">
";
// line 27
yield Twig\Extension\CoreExtension::include($this->env, $context, "components/infobar.html.twig");
yield "
</div>
</div>
</div>
<div class=\"container mt-5 pt-3 pb-3\">
<div class=\"col-12 pt-3 pb-3\">
<div class=\"d-flex align-items-center\">
<h4 class=\"flex-grow-1\">";
// line 38
yield $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("Estos son los análisis propuestos para", [], "messages");
yield " <strong>";
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::capitalize($this->env->getCharset(), CoreExtension::getAttribute($this->env, $this->source, (isset($context["municipioname"]) || array_key_exists("municipioname", $context) ? $context["municipioname"] : (function () { throw new RuntimeError('Variable "municipioname" does not exist.', 38, $this->source); })()), "adminunitname", [], "any", false, false, false, 38)), "html", null, true);
yield "</strong> ";
yield $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("a partir de la valoración de los datos disponibles. En cada análisis se muestran el resumen de los datos de los edificios y sus habitantes, sus características en las gráficas de barras y los indicadores relacionados.", [], "messages");
yield " </h4>
</div>
</div>
";
// line 43
yield " <div class=\"row align-items-top justify-content-start \">
";
// line 46
yield " ";
// line 47
yield " ";
$context['_parent'] = $context;
$context['_seq'] = CoreExtension::ensureTraversable((isset($context["analytic_data"]) || array_key_exists("analytic_data", $context) ? $context["analytic_data"] : (function () { throw new RuntimeError('Variable "analytic_data" does not exist.', 47, $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["item"]) {
// line 48
yield "
<div class=\"col-12 p-1 ";
// line 49
if (CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, false, 49)) {
yield " mb-5 ";
} else {
yield " mb-4 ";
}
yield "\" id=\"analytic_box_";
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 49), "html", null, true);
yield "\">
";
// line 50
$context["title"] = "";
// line 51
yield " ";
$context["description"] = "";
// line 52
yield " ";
$context['_parent'] = $context;
$context['_seq'] = CoreExtension::ensureTraversable((isset($context["analytic"]) || array_key_exists("analytic", $context) ? $context["analytic"] : (function () { throw new RuntimeError('Variable "analytic" does not exist.', 52, $this->source); })()));
foreach ($context['_seq'] as $context["_key"] => $context["analyticvalue"]) {
yield "
";
// line 53
if ((CoreExtension::getAttribute($this->env, $this->source, $context["analyticvalue"], "id", [], "any", false, false, false, 53) == CoreExtension::getAttribute($this->env, $this->source, $context["item"], "analytic", [], "any", false, false, false, 53))) {
// line 54
yield " ";
if ((CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 54, $this->source); })()), "request", [], "any", false, false, false, 54), "locale", [], "any", false, false, false, 54) == "ca")) {
// line 55
yield " ";
$context["title"] = CoreExtension::getAttribute($this->env, $this->source, $context["analyticvalue"], "name_ca", [], "any", false, false, false, 55);
// line 56
yield " ";
$context["description"] = CoreExtension::getAttribute($this->env, $this->source, $context["analyticvalue"], "descripcion_ca", [], "any", false, false, false, 56);
// line 57
yield " ";
} elseif ((CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 57, $this->source); })()), "request", [], "any", false, false, false, 57), "locale", [], "any", false, false, false, 57) == "en")) {
// line 58
yield " ";
$context["title"] = CoreExtension::getAttribute($this->env, $this->source, $context["analyticvalue"], "name_en", [], "any", false, false, false, 58);
// line 59
yield " ";
$context["description"] = CoreExtension::getAttribute($this->env, $this->source, $context["analyticvalue"], "descripcion_en", [], "any", false, false, false, 59);
// line 60
yield " ";
} else {
// line 61
yield " ";
$context["title"] = CoreExtension::getAttribute($this->env, $this->source, $context["analyticvalue"], "name", [], "any", false, false, false, 61);
// line 62
yield " ";
$context["description"] = CoreExtension::getAttribute($this->env, $this->source, $context["analyticvalue"], "descripcion", [], "any", false, false, false, 62);
// line 63
yield " ";
}
// line 64
yield "
";
}
// line 66
yield " ";
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_key'], $context['analyticvalue'], $context['_parent']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 67
yield " <div class=\"analytic_box box_blue_soft p-5\">
<div class=\"col-12 mb-3\">
<h2>";
// line 69
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["title"]) || array_key_exists("title", $context) ? $context["title"] : (function () { throw new RuntimeError('Variable "title" does not exist.', 69, $this->source); })()), "html", null, true);
yield " <a tabindex=\"0\" role=\"button\" title=\"Header\" data-bs-toggle=\"popover_";
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 69), "html", null, true);
yield "\" data-bs-trigger=\"hover focus\" data-bs-title=\"";
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["title"]) || array_key_exists("title", $context) ? $context["title"] : (function () { throw new RuntimeError('Variable "title" does not exist.', 69, $this->source); })()), "html", null, true);
yield "\" data-bs-content=\"";
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["description"]) || array_key_exists("description", $context) ? $context["description"] : (function () { throw new RuntimeError('Variable "description" does not exist.', 69, $this->source); })()), "html", null, true);
yield "\"><span class=\"material-symbols-outlined\">info</span></a></h2>
</div>
<div class=\"d-flex\">
<div class=\"col-4 info_box pe-3\">
<p class=\"mb-3\"><span class=\"material-symbols-outlined\">domain</span> ";
// line 74
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["item"], "blg_per", [], "any", false, false, false, 74), "html", null, true);
yield "% <span class=\"material-symbols-outlined ms-3\">groups</span> ";
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["item"], "hab_per", [], "any", false, false, false, 74), "html", null, true);
yield "%</p>
<p class=\"flex-fill mb-5\">";
// line 75
yield Twig\Extension\CoreExtension::replace(CoreExtension::getAttribute($this->env, $this->source, $context["item"], "textai", [], "any", false, false, false, 75), ["(" => "(<span class=\"fw-bold\">", ")" => "</span>)"]);
yield "</p> <!-- .boxed_text -->
<script>
\$('[data-bs-toggle=\"popover_";
// line 78
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 78), "html", null, true);
yield "\"]').mouseover(function(){
\$('[data-bs-toggle=\"popover_";
// line 79
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 79), "html", null, true);
yield "\"]').popover();
})
</script>
<div class=\"mb-3\">
<a href=\"";
// line 84
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("explore_analytic", ["mun" => (isset($context["mun"]) || array_key_exists("mun", $context) ? $context["mun"] : (function () { throw new RuntimeError('Variable "mun" does not exist.', 84, $this->source); })()), "slug" => CoreExtension::getAttribute($this->env, $this->source, $context["item"], "slug", [], "any", false, false, false, 84)]), "html", null, true);
yield "\" class=\"btn btn-primary\" >";
yield $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("Ver más", [], "messages");
yield "</a>
</div>
</div>
<div class=\"col-4 graphic_box ps-2 pe-3\">
<h4 class=\"mb-3\">";
// line 89
yield $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("Características de los edificios", [], "messages");
yield "</h4>
<div id=\"carouselExampleIndicators_";
// line 91
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 91), "html", null, true);
yield "\" class=\"carousel slide\">
<div class=\"carousel-indicators\">
<button type=\"button\" data-bs-target=\"#carouselExampleIndicators_";
// line 93
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 93), "html", null, true);
yield "\" data-bs-slide-to=\"0\" class=\"active\" aria-current=\"true\" aria-label=\"Slide 1\"></button>
<button type=\"button\" data-bs-target=\"#carouselExampleIndicators_";
// line 94
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 94), "html", null, true);
yield "\" data-bs-slide-to=\"1\" aria-label=\"Slide 2\"></button>
<button type=\"button\" data-bs-target=\"#carouselExampleIndicators_";
// line 95
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 95), "html", null, true);
yield "\" data-bs-slide-to=\"2\" aria-label=\"Slide 3\"></button>
<button type=\"button\" data-bs-target=\"#carouselExampleIndicators_";
// line 96
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 96), "html", null, true);
yield "\" data-bs-slide-to=\"3\" aria-label=\"Slide 4\"></button>
</div>
<div class=\"carousel-inner\" id=\"analytic_box_stat_";
// line 98
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 98), "html", null, true);
yield "\">
<div class=\"carousel-item active\">
<h5>";
// line 100
yield $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("Uso del edificio", [], "messages");
yield " <a tabindex=\"0\" role=\"button\" title=\"Header\" data-bs-toggle=\"popover_use\" data-bs-trigger=\"hover focus\" data-bs-title=\"\" data-bs-content=\"\"><span class=\"material-symbols-outlined\" style=\"font-size: 18px !important;\">info</span></a></h5>
<div class=\"mb-3\" id=\"statUseBox_";
// line 102
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 102), "html", null, true);
yield "\" style=\"position: relative;\"></div>
</div>
<div class=\"carousel-item\">
<h5>";
// line 105
yield $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("Año de construcción", [], "messages");
yield "<a tabindex=\"0\" role=\"button\" title=\"Header\" data-bs-toggle=\"popover_cons\" data-bs-trigger=\"hover focus\" data-bs-title=\"\" data-bs-content=\"\"><span class=\"material-symbols-outlined\" style=\"font-size: 18px !important;\">info</span></a></h5>
<div class=\"mb-3\" id=\"statYearBox_";
// line 106
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 106), "html", null, true);
yield "\" style=\"position: relative;\"></div>
</div>
<div class=\"carousel-item\">
<h5>";
// line 109
yield $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("Área", [], "messages");
yield "<a tabindex=\"0\" role=\"button\" title=\"Header\" data-bs-toggle=\"popover_area\" data-bs-trigger=\"hover focus\" data-bs-title=\"\" data-bs-content=\"\"><span class=\"material-symbols-outlined\" style=\"font-size: 18px !important;\">info</span></a></h5>
<div class=\"mb-3\" id=\"statAreaBox_";
// line 110
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 110), "html", null, true);
yield "\" style=\"position: relative;\"></div>
</div>
<div class=\"carousel-item\">
<h5>";
// line 113
yield $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("Porcentaje de ocupación", [], "messages");
yield "<a tabindex=\"0\" role=\"button\" title=\"Header\" data-bs-toggle=\"popover_por\" data-bs-trigger=\"hover focus\" data-bs-title=\"\" data-bs-content=\"\"><span class=\"material-symbols-outlined\" style=\"font-size: 18px !important;\">info</span></a></h5>
<div class=\"mb-3\" id=\"statOccupationBox_";
// line 114
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 114), "html", null, true);
yield "\" style=\"position: relative;\"></div>
</div>
</div>
<script type=\"text/javascript\">
async function init(){
var statDataAll = ";
// line 121
yield json_encode(CoreExtension::getAttribute($this->env, $this->source, (isset($context["statData"]) || array_key_exists("statData", $context) ? $context["statData"] : (function () { throw new RuntimeError('Variable "statData" does not exist.', 121, $this->source); })()), (CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 121) - 1), [], "array", false, false, false, 121));
yield ";
// use stats data and print graphic
let useStat = statDataAll.useStatData;
let useStatData = await analyticOrganizeData(useStat);
let useStatTotalData = await analyticOrganizeTotalData(useStat);
barplotDoubleDouble100('statUseBox_";
// line 127
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 127), "html", null, true);
yield "',useStatData[0],useStatTotalData[1],useStatData[2], 'analytic_box_stat_";
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 127), "html", null, true);
yield "',useStatTotalData[0]);
// year stats data and print graphic
var yearStat = statDataAll.yearStatData;
var yearStatData = await analyticOrganizeData(yearStat);
var yearStatTotalData = await analyticOrganizeTotalData(yearStat);
barplotDoubleDouble100('statYearBox_";
// line 133
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 133), "html", null, true);
yield "',yearStatData[0],yearStatTotalData[1],yearStatData[2], 'analytic_box_stat_";
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 133), "html", null, true);
yield "',yearStatTotalData[0]);
// area stats data and print graphic
var areaStat = statDataAll.areaStatData;
var areaStatData = await analyticOrganizeData(areaStat);
var areaStatTotalData = await analyticOrganizeTotalData(areaStat);
barplotDoubleDouble100('statAreaBox_";
// line 139
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 139), "html", null, true);
yield "',areaStatData[0],areaStatTotalData[1],areaStatData[2], 'analytic_box_stat_";
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 139), "html", null, true);
yield "',areaStatTotalData[0]);
// occupation stats data and print graphic
var occupationStat = statDataAll.occupationStatData;
var occupationStatData = await analyticOrganizeData(occupationStat);
var occupationStatTotalData = await analyticOrganizeTotalData(occupationStat);
barplotDoubleDouble100('statOccupationBox_";
// line 145
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 145), "html", null, true);
yield "',occupationStatData[0],occupationStatTotalData[1],occupationStatData[2], 'analytic_box_stat_";
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 145), "html", null, true);
yield "',occupationStatTotalData[0]);
}
init();
</script>
<button class=\"carousel-control-prev\" type=\"button\" data-bs-target=\"#carouselExampleIndicators_";
// line 154
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 154), "html", null, true);
yield "\" data-bs-slide=\"prev\">
<span class=\"material-symbols-outlined\">chevron_left</span>
<span class=\"visually-hidden\">Previous</span>
</button>
<button class=\"carousel-control-next\" type=\"button\" data-bs-target=\"#carouselExampleIndicators_";
// line 158
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 158), "html", null, true);
yield "\" data-bs-slide=\"next\">
<span class=\"material-symbols-outlined\">chevron_right</span>
<span class=\"visually-hidden\">Next</span>
</button>
</div>
</div>
<div class=\"col-4 rel_box ps-3 pe-2\">
<h4 class=\"mb-3\">";
// line 166
yield $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("Indicadores relacionados", [], "messages");
yield "</h4>
<div>
";
// line 169
yield " ";
$context["break"] = false;
// line 170
yield " ";
$context['_parent'] = $context;
$context['_seq'] = CoreExtension::ensureTraversable(CoreExtension::getAttribute($this->env, $this->source, $context["item"], "relation", [], "any", false, false, false, 170));
$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["rel"]) {
// line 171
yield "
";
// line 172
if (((isset($context["break"]) || array_key_exists("break", $context) ? $context["break"] : (function () { throw new RuntimeError('Variable "break" does not exist.', 172, $this->source); })()) == false)) {
// line 173
yield " ";
if ((CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 173) > 3)) {
// line 174
yield " ";
$context["break"] = true;
// line 175
yield " ";
}
// line 176
yield "
";
// line 177
if ((CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 177, $this->source); })()), "request", [], "any", false, false, false, 177), "locale", [], "any", false, false, false, 177) == "ca")) {
// line 178
yield " ";
$context["title"] = CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "name_ca", [], "any", false, false, false, 178);
// line 179
yield " ";
$context["description"] = CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "info_ca", [], "any", false, false, false, 179);
// line 180
yield " ";
} elseif ((CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 180, $this->source); })()), "request", [], "any", false, false, false, 180), "locale", [], "any", false, false, false, 180) == "en")) {
// line 181
yield " ";
$context["title"] = CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "name_en", [], "any", false, false, false, 181);
// line 182
yield " ";
$context["description"] = CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "info_en", [], "any", false, false, false, 182);
// line 183
yield " ";
} else {
// line 184
yield " ";
$context["title"] = CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "name", [], "any", false, false, false, 184);
// line 185
yield " ";
$context["description"] = CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "info", [], "any", false, false, false, 185);
// line 186
yield " ";
}
// line 187
yield "
<p class=\"mb-2\">";
// line 188
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["title"]) || array_key_exists("title", $context) ? $context["title"] : (function () { throw new RuntimeError('Variable "title" does not exist.', 188, $this->source); })()), "html", null, true);
yield " <a tabindex=\"0\" role=\"button\" title=\"Indicador relacionado\" data-bs-toggle=\"ind_rel_";
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 188), "html", null, true);
yield "\" data-bs-trigger=\"hover focus\" data-bs-title=\"";
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::capitalize($this->env->getCharset(), (isset($context["title"]) || array_key_exists("title", $context) ? $context["title"] : (function () { throw new RuntimeError('Variable "title" does not exist.', 188, $this->source); })())), "html", null, true);
yield "\" data-bs-content=\"";
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["description"]) || array_key_exists("description", $context) ? $context["description"] : (function () { throw new RuntimeError('Variable "description" does not exist.', 188, $this->source); })()), "html", null, true);
yield "\"><span class=\"material-symbols-outlined\" style=\"font-size: 18px !important;\">info</span></a></p>
<script>
\$('[data-bs-toggle=\"ind_rel_";
// line 191
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 191), "html", null, true);
yield "\"]').mouseover(function(){
\$('[data-bs-toggle=\"ind_rel_";
// line 192
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 192), "html", null, true);
yield "\"]').popover();
})
</script>
<div class=\"statsline mb-4 d-inline-block w-100\">
";
// line 198
$context["color"] = [];
// line 199
yield " ";
$context['_parent'] = $context;
$context['_seq'] = CoreExtension::ensureTraversable((isset($context["kpi_rank"]) || array_key_exists("kpi_rank", $context) ? $context["kpi_rank"] : (function () { throw new RuntimeError('Variable "kpi_rank" does not exist.', 199, $this->source); })()));
foreach ($context['_seq'] as $context["_key"] => $context["rank"]) {
// line 200
yield "
";
// line 201
if ((CoreExtension::getAttribute($this->env, $this->source, $context["rank"], "kpi_id", [], "any", false, false, false, 201) == CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "kpi", [], "any", false, false, false, 201))) {
// line 202
yield " ";
$context["color"] = Twig\Extension\CoreExtension::merge((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 202, $this->source); })()), [CoreExtension::getAttribute($this->env, $this->source, $context["rank"], "bgcolor", [], "any", false, false, false, 202)]);
// line 203
yield " ";
}
// line 204
yield " ";
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_key'], $context['rank'], $context['_parent']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 205
yield " ";
$context["counter"] = Twig\Extension\CoreExtension::length($this->env->getCharset(), (isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 205, $this->source); })()));
// line 206
yield " ";
$context["partsize"] = (100 / (isset($context["counter"]) || array_key_exists("counter", $context) ? $context["counter"] : (function () { throw new RuntimeError('Variable "counter" does not exist.', 206, $this->source); })()));
// line 207
yield " ";
$context["stylestring"] = "";
// line 208
yield "
<div class=\"bk_line\">
";
// line 211
$context['_parent'] = $context;
$context['_seq'] = CoreExtension::ensureTraversable((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 211, $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["colorpart"]) {
// line 212
yield " ";
if (CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, false, 212)) {
// line 213
yield " ";
$context["dato"] = (99.9 - ((isset($context["partsize"]) || array_key_exists("partsize", $context) ? $context["partsize"] : (function () { throw new RuntimeError('Variable "partsize" does not exist.', 213, $this->source); })()) * ((isset($context["counter"]) || array_key_exists("counter", $context) ? $context["counter"] : (function () { throw new RuntimeError('Variable "counter" does not exist.', 213, $this->source); })()) - 1)));
// line 214
yield " <div class=\"analytic_color_bar\" style=\"width:";
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["dato"]) || array_key_exists("dato", $context) ? $context["dato"] : (function () { throw new RuntimeError('Variable "dato" does not exist.', 214, $this->source); })()), "html", null, true);
yield "%; background-color: ";
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($context["colorpart"], "html", null, true);
yield ";\"></div>
";
} else {
// line 216
yield " <div class=\"analytic_color_bar\" style=\"width:";
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Twig\Extension\CoreExtension']->formatNumber((isset($context["partsize"]) || array_key_exists("partsize", $context) ? $context["partsize"] : (function () { throw new RuntimeError('Variable "partsize" does not exist.', 216, $this->source); })()), 2, "."), "html", null, true);
yield "%; background-color: ";
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($context["colorpart"], "html", null, true);
yield ";\"></div>
";
}
// line 218
yield "
";
++$context['loop']['index0'];
++$context['loop']['index'];
$context['loop']['first'] = false;
if (isset($context['loop']['revindex0'], $context['loop']['revindex'])) {
--$context['loop']['revindex0'];
--$context['loop']['revindex'];
$context['loop']['last'] = 0 === $context['loop']['revindex0'];
}
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_key'], $context['colorpart'], $context['_parent'], $context['loop']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 220
yield "
</div>
<span class=\"statsline_item statsline_1\" style=\"left: ";
// line 223
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "theme_per", [], "any", false, false, false, 223), "html", null, true);
yield "%;margin-left: -6px;\"><i class=\"fa-solid triangle\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" data-bs-custom-class=\"custom-tooltip\" data-bs-title=\"";
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "theme_per", [], "any", false, false, false, 223), "html", null, true);
yield "%\"></i></span>
</div>
<div class=\"statsline_range d-flex justify-content-between d-none\">
<span>";
// line 228
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "min_value", [], "any", false, false, false, 228), "html", null, true);
yield "</span>
<span>";
// line 229
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "max_value", [], "any", false, false, false, 229), "html", null, true);
yield "</span>
</div>
";
}
// line 232
yield "
";
++$context['loop']['index0'];
++$context['loop']['index'];
$context['loop']['first'] = false;
if (isset($context['loop']['revindex0'], $context['loop']['revindex'])) {
--$context['loop']['revindex0'];
--$context['loop']['revindex'];
$context['loop']['last'] = 0 === $context['loop']['revindex0'];
}
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_key'], $context['rel'], $context['_parent'], $context['loop']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 234
yield "
</div>
</div>
</div>
</div>
</div>
";
++$context['loop']['index0'];
++$context['loop']['index'];
$context['loop']['first'] = false;
if (isset($context['loop']['revindex0'], $context['loop']['revindex'])) {
--$context['loop']['revindex0'];
--$context['loop']['revindex'];
$context['loop']['last'] = 0 === $context['loop']['revindex0'];
}
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_key'], $context['item'], $context['_parent'], $context['loop']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 245
yield "
</div>
</div>
<script src=\"";
// line 250
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("bundles/fosjsrouting/js/router.min.js"), "html", null, true);
yield "\"></script>
<script src=\"";
// line 251
yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("fos_js_routing_js", ["callback" => "fos.Router.setData"]);
yield "\"></script>
<script type=\"text/javascript\">
const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle=\"tooltip\"]')
const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl));
const popoverTriggerList = document.querySelectorAll('[data-bs-toggle=\"popover\"]')
const popoverList = [...popoverTriggerList].map(popoverTriggerEl => new bootstrap.Popover(popoverTriggerEl))
var Routes = Routing; // loaded from router.min.js
// because ES5 doesn't support require syntax,
// we use jquery getJSON function in order to set
// routing data to our Routing object
\$.getJSON(\"";
// line 264
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("build/js/fos_js_routes.json"), "html", null, true);
yield "\", function (routes) {
Routes.setRoutingData(routes);
});
var rPlatform = map;
let explore_baseUrl = '";
// line 269
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["base_url"]) || array_key_exists("base_url", $context) ? $context["base_url"] : (function () { throw new RuntimeError('Variable "base_url" does not exist.', 269, $this->source); })()), "html", null, true);
yield "';
let explore_mun = '";
// line 270
yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["mun"]) || array_key_exists("mun", $context) ? $context["mun"] : (function () { throw new RuntimeError('Variable "mun" does not exist.', 270, $this->source); })()), "html", null, true);
yield "';
let allgeodataUrl = explore_baseUrl + \"/get-allgeodata?mun=\" + explore_mun ;
\$(function() {
rPlatform.setMun(explore_mun);
rPlatform.setBaseUrl(explore_baseUrl);
});
function loadUrl(a){
let url = explore_baseUrl + \"/explora/\" + explore_mun + \"/\" + a;
window.location.href = url;
}
function loadUrlBack(){
let url = explore_baseUrl + \"/explora\";
window.location.href = url;
}
function analytic_collapse(a){
\$('#analytic_box_' + a + ' .graphic_box').toggleClass('d-none');
\$('#analytic_box_' + a + ' .rel_box').toggleClass('d-none');
var dato = \$('#analytic_box_' + a).hasClass('col-12');
if(dato == true){
\$('#analytic_box_' + a).removeClass('col-12');
\$('#analytic_box_' + a).addClass('col-4');
\$('#analytic_collapse_btn_' + a + ' span.material-symbols-outlined').text('arrow_forward');
\$('#analytic_box_' + a + ' .boxed_text').removeClass('normal');
}else{
\$('#analytic_box_' + a).removeClass('col-4');
\$('#analytic_box_' + a).addClass('col-12');
\$('#analytic_collapse_btn_' + a + ' span.material-symbols-outlined').text('arrow_back');
\$('#analytic_box_' + a + ' .boxed_text').addClass('normal');
}
}
\$('[data-bs-toggle=\"popover_use\"]').mouseover(function(){
\$('[data-bs-toggle=\"popover_use\"]').popover();
});
\$('[data-bs-toggle=\"popover_cons\"]').mouseover(function(){
\$('[data-bs-toggle=\"popover_cons\"]').popover();
});
\$('[data-bs-toggle=\"popover_area\"]').mouseover(function(){
\$('[data-bs-toggle=\"popover_use\"]').popover();
});
\$('[data-bs-toggle=\"popover_por\"]').mouseover(function(){
\$('[data-bs-toggle=\"popover_use\"]').popover();
});
</script>
";
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
yield from [];
}
/**
* @codeCoverageIgnore
*/
public function getTemplateName(): string
{
return "analytic/home.html.twig";
}
/**
* @codeCoverageIgnore
*/
public function isTraitable(): bool
{
return false;
}
/**
* @codeCoverageIgnore
*/
public function getDebugInfo(): array
{
return array ( 748 => 270, 744 => 269, 736 => 264, 720 => 251, 716 => 250, 709 => 245, 685 => 234, 670 => 232, 664 => 229, 660 => 228, 650 => 223, 645 => 220, 630 => 218, 622 => 216, 614 => 214, 611 => 213, 608 => 212, 591 => 211, 586 => 208, 583 => 207, 580 => 206, 577 => 205, 571 => 204, 568 => 203, 565 => 202, 563 => 201, 560 => 200, 555 => 199, 553 => 198, 544 => 192, 540 => 191, 528 => 188, 525 => 187, 522 => 186, 519 => 185, 516 => 184, 513 => 183, 510 => 182, 507 => 181, 504 => 180, 501 => 179, 498 => 178, 496 => 177, 493 => 176, 490 => 175, 487 => 174, 484 => 173, 482 => 172, 479 => 171, 461 => 170, 458 => 169, 453 => 166, 442 => 158, 435 => 154, 421 => 145, 410 => 139, 399 => 133, 388 => 127, 379 => 121, 369 => 114, 365 => 113, 359 => 110, 355 => 109, 349 => 106, 345 => 105, 339 => 102, 334 => 100, 329 => 98, 324 => 96, 320 => 95, 316 => 94, 312 => 93, 307 => 91, 302 => 89, 292 => 84, 284 => 79, 280 => 78, 274 => 75, 268 => 74, 254 => 69, 250 => 67, 244 => 66, 240 => 64, 237 => 63, 234 => 62, 231 => 61, 228 => 60, 225 => 59, 222 => 58, 219 => 57, 216 => 56, 213 => 55, 210 => 54, 208 => 53, 201 => 52, 198 => 51, 196 => 50, 186 => 49, 183 => 48, 165 => 47, 163 => 46, 159 => 43, 148 => 38, 134 => 27, 115 => 15, 108 => 11, 104 => 9, 100 => 6, 87 => 5, 64 => 3, 41 => 1,);
}
public function getSourceContext(): Source
{
return new Source("{% extends 'Layouts/layout.html.twig' %}
{% block title %} Retabit Platform {% endblock %}
{% block content %}
<div class=\"container pt-3\">
{# insights top #}
<div class=\"row align-items-center justify-content-center\">
<div class=\"col-12 d-none\">
<h1>{{ municipioname.adminunitname|capitalize }}</h1>
</div>
<div class=\"col-12 pt-3 pb-2\">
<div class=\"d-flex align-items-center\">
<h4 class=\"flex-grow-1\">{% trans %}Los datos sociales, económicos y medioambientales que RETABIT tiene de {% endtrans %} <strong>{{ municipioname.adminunitname|capitalize }}</strong> {% trans %}para el análisis del parque residencial, son los siguientes{% endtrans %}: </h4>
</div>
</div>
</div>
</div>
<div class=\"container-fluid box_blue_middle\">
<div class=\"container\">
<div class=\"row align-items-center justify-content-center\">
{{include ('components/infobar.html.twig')}}
</div>
</div>
</div>
<div class=\"container mt-5 pt-3 pb-3\">
<div class=\"col-12 pt-3 pb-3\">
<div class=\"d-flex align-items-center\">
<h4 class=\"flex-grow-1\">{% trans %}Estos son los análisis propuestos para{% endtrans %} <strong>{{ municipioname.adminunitname|capitalize }}</strong> {% trans %}a partir de la valoración de los datos disponibles. En cada análisis se muestran el resumen de los datos de los edificios y sus habitantes, sus características en las gráficas de barras y los indicadores relacionados.{% endtrans %} </h4>
</div>
</div>
{# analytic groups #}
<div class=\"row align-items-top justify-content-start \">
{# on group #}
{# {{dump(analytic_data)}} #}
{% for item in analytic_data %}
<div class=\"col-12 p-1 {% if loop.last %} mb-5 {% else %} mb-4 {% endif %}\" id=\"analytic_box_{{loop.index}}\">
{% set title = '' %}
{% set description = '' %}
{% for analyticvalue in analytic %}
{% if analyticvalue.id == item.analytic %}
{% if app.request.locale == \"ca\" %}
{% set title = analyticvalue.name_ca %}
{% set description = analyticvalue.descripcion_ca %}
{% elseif app.request.locale == \"en\" %}
{% set title = analyticvalue.name_en %}
{% set description = analyticvalue.descripcion_en %}
{% else %}
{% set title = analyticvalue.name %}
{% set description = analyticvalue.descripcion %}
{% endif %}
{% endif %}
{% endfor %}
<div class=\"analytic_box box_blue_soft p-5\">
<div class=\"col-12 mb-3\">
<h2>{{title}} <a tabindex=\"0\" role=\"button\" title=\"Header\" data-bs-toggle=\"popover_{{loop.index}}\" data-bs-trigger=\"hover focus\" data-bs-title=\"{{title}}\" data-bs-content=\"{{description}}\"><span class=\"material-symbols-outlined\">info</span></a></h2>
</div>
<div class=\"d-flex\">
<div class=\"col-4 info_box pe-3\">
<p class=\"mb-3\"><span class=\"material-symbols-outlined\">domain</span> {{item.blg_per}}% <span class=\"material-symbols-outlined ms-3\">groups</span> {{item.hab_per}}%</p>
<p class=\"flex-fill mb-5\">{{item.textai|replace({'(': '(<span class=\"fw-bold\">', ')': '</span>)'}) |raw }}</p> <!-- .boxed_text -->
<script>
\$('[data-bs-toggle=\"popover_{{loop.index}}\"]').mouseover(function(){
\$('[data-bs-toggle=\"popover_{{loop.index}}\"]').popover();
})
</script>
<div class=\"mb-3\">
<a href=\"{{ path('explore_analytic', {'mun': mun, 'slug': item.slug }) }}\" class=\"btn btn-primary\" >{% trans %}Ver más{% endtrans %}</a>
</div>
</div>
<div class=\"col-4 graphic_box ps-2 pe-3\">
<h4 class=\"mb-3\">{% trans %}Características de los edificios{% endtrans %}</h4>
<div id=\"carouselExampleIndicators_{{loop.index}}\" class=\"carousel slide\">
<div class=\"carousel-indicators\">
<button type=\"button\" data-bs-target=\"#carouselExampleIndicators_{{loop.index}}\" data-bs-slide-to=\"0\" class=\"active\" aria-current=\"true\" aria-label=\"Slide 1\"></button>
<button type=\"button\" data-bs-target=\"#carouselExampleIndicators_{{loop.index}}\" data-bs-slide-to=\"1\" aria-label=\"Slide 2\"></button>
<button type=\"button\" data-bs-target=\"#carouselExampleIndicators_{{loop.index}}\" data-bs-slide-to=\"2\" aria-label=\"Slide 3\"></button>
<button type=\"button\" data-bs-target=\"#carouselExampleIndicators_{{loop.index}}\" data-bs-slide-to=\"3\" aria-label=\"Slide 4\"></button>
</div>
<div class=\"carousel-inner\" id=\"analytic_box_stat_{{loop.index}}\">
<div class=\"carousel-item active\">
<h5>{% trans %}Uso del edificio{% endtrans %} <a tabindex=\"0\" role=\"button\" title=\"Header\" data-bs-toggle=\"popover_use\" data-bs-trigger=\"hover focus\" data-bs-title=\"\" data-bs-content=\"\"><span class=\"material-symbols-outlined\" style=\"font-size: 18px !important;\">info</span></a></h5>
<div class=\"mb-3\" id=\"statUseBox_{{loop.index}}\" style=\"position: relative;\"></div>
</div>
<div class=\"carousel-item\">
<h5>{% trans %}Año de construcción{% endtrans %}<a tabindex=\"0\" role=\"button\" title=\"Header\" data-bs-toggle=\"popover_cons\" data-bs-trigger=\"hover focus\" data-bs-title=\"\" data-bs-content=\"\"><span class=\"material-symbols-outlined\" style=\"font-size: 18px !important;\">info</span></a></h5>
<div class=\"mb-3\" id=\"statYearBox_{{loop.index}}\" style=\"position: relative;\"></div>
</div>
<div class=\"carousel-item\">
<h5>{% trans %}Área{% endtrans %}<a tabindex=\"0\" role=\"button\" title=\"Header\" data-bs-toggle=\"popover_area\" data-bs-trigger=\"hover focus\" data-bs-title=\"\" data-bs-content=\"\"><span class=\"material-symbols-outlined\" style=\"font-size: 18px !important;\">info</span></a></h5>
<div class=\"mb-3\" id=\"statAreaBox_{{loop.index}}\" style=\"position: relative;\"></div>
</div>
<div class=\"carousel-item\">
<h5>{% trans %}Porcentaje de ocupación{% endtrans %}<a tabindex=\"0\" role=\"button\" title=\"Header\" data-bs-toggle=\"popover_por\" data-bs-trigger=\"hover focus\" data-bs-title=\"\" data-bs-content=\"\"><span class=\"material-symbols-outlined\" style=\"font-size: 18px !important;\">info</span></a></h5>
<div class=\"mb-3\" id=\"statOccupationBox_{{loop.index}}\" style=\"position: relative;\"></div>
</div>
</div>
<script type=\"text/javascript\">
async function init(){
var statDataAll = {{statData[loop.index - 1]|json_encode()|raw}};
// use stats data and print graphic
let useStat = statDataAll.useStatData;
let useStatData = await analyticOrganizeData(useStat);
let useStatTotalData = await analyticOrganizeTotalData(useStat);
barplotDoubleDouble100('statUseBox_{{loop.index}}',useStatData[0],useStatTotalData[1],useStatData[2], 'analytic_box_stat_{{loop.index}}',useStatTotalData[0]);
// year stats data and print graphic
var yearStat = statDataAll.yearStatData;
var yearStatData = await analyticOrganizeData(yearStat);
var yearStatTotalData = await analyticOrganizeTotalData(yearStat);
barplotDoubleDouble100('statYearBox_{{loop.index}}',yearStatData[0],yearStatTotalData[1],yearStatData[2], 'analytic_box_stat_{{loop.index}}',yearStatTotalData[0]);
// area stats data and print graphic
var areaStat = statDataAll.areaStatData;
var areaStatData = await analyticOrganizeData(areaStat);
var areaStatTotalData = await analyticOrganizeTotalData(areaStat);
barplotDoubleDouble100('statAreaBox_{{loop.index}}',areaStatData[0],areaStatTotalData[1],areaStatData[2], 'analytic_box_stat_{{loop.index}}',areaStatTotalData[0]);
// occupation stats data and print graphic
var occupationStat = statDataAll.occupationStatData;
var occupationStatData = await analyticOrganizeData(occupationStat);
var occupationStatTotalData = await analyticOrganizeTotalData(occupationStat);
barplotDoubleDouble100('statOccupationBox_{{loop.index}}',occupationStatData[0],occupationStatTotalData[1],occupationStatData[2], 'analytic_box_stat_{{loop.index}}',occupationStatTotalData[0]);
}
init();
</script>
<button class=\"carousel-control-prev\" type=\"button\" data-bs-target=\"#carouselExampleIndicators_{{loop.index}}\" data-bs-slide=\"prev\">
<span class=\"material-symbols-outlined\">chevron_left</span>
<span class=\"visually-hidden\">Previous</span>
</button>
<button class=\"carousel-control-next\" type=\"button\" data-bs-target=\"#carouselExampleIndicators_{{loop.index}}\" data-bs-slide=\"next\">
<span class=\"material-symbols-outlined\">chevron_right</span>
<span class=\"visually-hidden\">Next</span>
</button>
</div>
</div>
<div class=\"col-4 rel_box ps-3 pe-2\">
<h4 class=\"mb-3\">{% trans %}Indicadores relacionados{% endtrans %}</h4>
<div>
{#% dump(item.relation) %#}
{% set break = false %}
{% for rel in item.relation %}
{% if break == false %}
{% if loop.index > 3 %}
{% set break = true %}
{% endif %}
{% if app.request.locale == \"ca\" %}
{% set title = rel.name_ca %}
{% set description = rel.info_ca %}
{% elseif app.request.locale == \"en\" %}
{% set title = rel.name_en %}
{% set description = rel.info_en %}
{% else %}
{% set title = rel.name %}
{% set description = rel.info %}
{% endif %}
<p class=\"mb-2\">{{ title }} <a tabindex=\"0\" role=\"button\" title=\"Indicador relacionado\" data-bs-toggle=\"ind_rel_{{loop.index}}\" data-bs-trigger=\"hover focus\" data-bs-title=\"{{title|capitalize}}\" data-bs-content=\"{{description}}\"><span class=\"material-symbols-outlined\" style=\"font-size: 18px !important;\">info</span></a></p>
<script>
\$('[data-bs-toggle=\"ind_rel_{{loop.index}}\"]').mouseover(function(){
\$('[data-bs-toggle=\"ind_rel_{{loop.index}}\"]').popover();
})
</script>
<div class=\"statsline mb-4 d-inline-block w-100\">
{% set color = [] %}
{% for rank in kpi_rank %}
{% if rank.kpi_id == rel.kpi %}
{% set color = color|merge([rank.bgcolor]) %}
{% endif %}
{% endfor %}
{% set counter = color|length %}
{% set partsize = 100/counter %}
{% set stylestring = '' %}
<div class=\"bk_line\">
{% for colorpart in color %}
{% if loop.last %}
{% set dato = 99.9-(partsize*(counter - 1)) %}
<div class=\"analytic_color_bar\" style=\"width:{{dato}}%; background-color: {{colorpart}};\"></div>
{% else %}
<div class=\"analytic_color_bar\" style=\"width:{{partsize|number_format(2, '.')}}%; background-color: {{colorpart}};\"></div>
{% endif %}
{% endfor %}
</div>
<span class=\"statsline_item statsline_1\" style=\"left: {{rel.theme_per}}%;margin-left: -6px;\"><i class=\"fa-solid triangle\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" data-bs-custom-class=\"custom-tooltip\" data-bs-title=\"{{rel.theme_per}}%\"></i></span>
</div>
<div class=\"statsline_range d-flex justify-content-between d-none\">
<span>{{rel.min_value}}</span>
<span>{{rel.max_value}}</span>
</div>
{% endif %}
{% endfor %}
</div>
</div>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
<script src=\"{{ asset('bundles/fosjsrouting/js/router.min.js') }}\"></script>
<script src=\"{{ path('fos_js_routing_js', { callback: 'fos.Router.setData' }) }}\"></script>
<script type=\"text/javascript\">
const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle=\"tooltip\"]')
const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl));
const popoverTriggerList = document.querySelectorAll('[data-bs-toggle=\"popover\"]')
const popoverList = [...popoverTriggerList].map(popoverTriggerEl => new bootstrap.Popover(popoverTriggerEl))
var Routes = Routing; // loaded from router.min.js
// because ES5 doesn't support require syntax,
// we use jquery getJSON function in order to set
// routing data to our Routing object
\$.getJSON(\"{{ asset('build/js/fos_js_routes.json') }}\", function (routes) {
Routes.setRoutingData(routes);
});
var rPlatform = map;
let explore_baseUrl = '{{ base_url }}';
let explore_mun = '{{ mun }}';
let allgeodataUrl = explore_baseUrl + \"/get-allgeodata?mun=\" + explore_mun ;
\$(function() {
rPlatform.setMun(explore_mun);
rPlatform.setBaseUrl(explore_baseUrl);
});
function loadUrl(a){
let url = explore_baseUrl + \"/explora/\" + explore_mun + \"/\" + a;
window.location.href = url;
}
function loadUrlBack(){
let url = explore_baseUrl + \"/explora\";
window.location.href = url;
}
function analytic_collapse(a){
\$('#analytic_box_' + a + ' .graphic_box').toggleClass('d-none');
\$('#analytic_box_' + a + ' .rel_box').toggleClass('d-none');
var dato = \$('#analytic_box_' + a).hasClass('col-12');
if(dato == true){
\$('#analytic_box_' + a).removeClass('col-12');
\$('#analytic_box_' + a).addClass('col-4');
\$('#analytic_collapse_btn_' + a + ' span.material-symbols-outlined').text('arrow_forward');
\$('#analytic_box_' + a + ' .boxed_text').removeClass('normal');
}else{
\$('#analytic_box_' + a).removeClass('col-4');
\$('#analytic_box_' + a).addClass('col-12');
\$('#analytic_collapse_btn_' + a + ' span.material-symbols-outlined').text('arrow_back');
\$('#analytic_box_' + a + ' .boxed_text').addClass('normal');
}
}
\$('[data-bs-toggle=\"popover_use\"]').mouseover(function(){
\$('[data-bs-toggle=\"popover_use\"]').popover();
});
\$('[data-bs-toggle=\"popover_cons\"]').mouseover(function(){
\$('[data-bs-toggle=\"popover_cons\"]').popover();
});
\$('[data-bs-toggle=\"popover_area\"]').mouseover(function(){
\$('[data-bs-toggle=\"popover_use\"]').popover();
});
\$('[data-bs-toggle=\"popover_por\"]').mouseover(function(){
\$('[data-bs-toggle=\"popover_use\"]').popover();
});
</script>
{% endblock %}
", "analytic/home.html.twig", "/mnt/www/retabit_platform/templates/analytic/home.html.twig");
}
}