var/cache/dev/twig/ba/bacce819c845ded04f8abfb14ab70b41.php line 55

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\CoreExtension;
  7. use Twig\Extension\SandboxExtension;
  8. use Twig\Markup;
  9. use Twig\Sandbox\SecurityError;
  10. use Twig\Sandbox\SecurityNotAllowedTagError;
  11. use Twig\Sandbox\SecurityNotAllowedFilterError;
  12. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  13. use Twig\Source;
  14. use Twig\Template;
  15. use Twig\TemplateWrapper;
  17. /* analytic/explore.html.twig */
  18. class __TwigTemplate_f05d055baa959720d7643e8266c8175b extends Template
  19. {
  20.     private Source $source;
  21.     /**
  22.      * @var array<string, Template>
  23.      */
  24.     private array $macros = [];
  26.     public function __construct(Environment $env)
  27.     {
  28.         parent::__construct($env);
  30.         $this->source = $this->getSourceContext();
  32.         $this->blocks = [
  33.             'title' => [$this, 'block_title'],
  34.             'content' => [$this, 'block_content'],
  35.             'javascripts' => [$this, 'block_javascripts'],
  36.         ];
  37.     }
  39.     protected function doGetParent(array $context): bool|string|Template|TemplateWrapper
  40.     {
  41.         // line 1
  42.         return "Layouts/layout.html.twig";
  43.     }
  45.     protected function doDisplay(array $context, array $blocks = []): iterable
  46.     {
  47.         $macros = $this->macros;
  48.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  49.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "analytic/explore.html.twig"));
  51.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  52.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "analytic/explore.html.twig"));
  54.         $this->parent = $this->loadTemplate("Layouts/layout.html.twig", "analytic/explore.html.twig", 1);
  55.         yield from $this->parent->unwrap()->yield($context, array_merge($this->blocks, $blocks));
  56.         
  57.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  59.         
  60.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  62.     }
  64.     // line 3
  65.     /**
  66.      * @return iterable<null|scalar|\Stringable>
  67.      */
  68.     public function block_title(array $context, array $blocks = []): iterable
  69.     {
  70.         $macros = $this->macros;
  71.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  72.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  74.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  75.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  77.         yield " Retabit Platform ";
  78.         
  79.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  81.         
  82.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  84.         yield from [];
  85.     }
  87.     // line 5
  88.     /**
  89.      * @return iterable<null|scalar|\Stringable>
  90.      */
  91.     public function block_content(array $context, array $blocks = []): iterable
  92.     {
  93.         $macros = $this->macros;
  94.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  95.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "content"));
  97.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  98.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "content"));
  100.         // line 6
  101.         yield "
  102.     ";
  103.         // line 7
  104.         $context['_parent'] = $context;
  105.         $context['_seq'] = CoreExtension::ensureTraversable(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.', 7, $this->source); })()), "flashes", ["notice"], "method", false, false, false, 7));
  106.         foreach ($context['_seq'] as $context["_key"] => $context["message"]) {
  107.             // line 8
  108.             yield "        <div class=\"flash-notice\" id=\"flash_div\">
  109.             <div class=\"text-end\"><span class=\"material-symbols-outlined hover\" onclick=\"removeDiv('flash_div')\">close</span></div>
  110.             <div class=\"container\">
  111.                 <p>";
  112.             // line 11
  113.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans($context["message"]), "html", null, true);
  114.             yield "</p>
  115.             </div>
  116.         </div>
  117.     ";
  118.         }
  119.         $_parent = $context['_parent'];
  120.         unset($context['_seq'], $context['_key'], $context['message'], $context['_parent']);
  121.         $context = array_intersect_key($context, $_parent) + $_parent;
  122.         // line 15
  123.         yield "
  124.     <div class=\"modal fade\" id=\"popUpIndicadores\" tabindex=\"-1\" >
  125.         <div class=\"modal-dialog modal-lg\">
  126.             <div class=\"modal-content\">
  127.                 <div class=\"modal-header\">
  128.                     <h1 class=\"modal-title fs-5\" id=\"exampleModalLabel\">";
  129.         // line 20
  130.         yield $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("Selecciona los indicadores para descargar en un fichero Excel", [], "messages");
  131.         yield "</h1>
  132.                     <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>
  133.                 </div>
  134.                 <div class=\"modal-body\">
  135.                     <div class=\"row\">
  136.                         <a id=\"selectAllBtn\" class=\"px-5 mb-2\" style=\"cursor: pointer; font-weight: 400; text-decoration:none;\">";
  137.         // line 25
  138.         yield $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("Seleccionar Todos", [], "messages");
  139.         yield "</a>
  140.                         <div class=\"col-12 px-5\" id=\"project_actions_content\">
  141.                             
  142.                         </div>
  143.                         <div class=\"text-center\" id=\"popUpIndicadores_button\">
  144.                             <button class=\"btn btn-primary\" onclick=\"getExcel()\">";
  145.         // line 30
  146.         yield $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("Descargar", [], "messages");
  147.         yield " selección</button>
  148.                         </div>
  149.                     </div>
  150.                 </div>
  151.             </div>
  152.         </div>
  153.     </div>
  155.     <div class=\"container-fluid project_explore_container\" id=\"container_in_content\">
  157.         <div class=\"row justify-content-center\">
  159.             <div id=\"infoview_content\" class=\"col-12\">
  160.                 ";
  161.         // line 44
  162.         yield "                ";
  163.         $context['_parent'] = $context;
  164.         $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.', 44, $this->source); })()));
  165.         foreach ($context['_seq'] as $context["_key"] => $context["item"]) {
  166.             // line 45
  167.             yield "                ";
  168.             if ((CoreExtension::getAttribute($this->env, $this->source, $context["item"], "slug", [], "any", false, false, false, 45) == (isset($context["slug"]) || array_key_exists("slug", $context) ? $context["slug"] : (function () { throw new RuntimeError('Variable "slug" does not exist.', 45, $this->source); })()))) {
  169.                 // line 46
  170.                 yield "                    ";
  171.                 // line 47
  172.                 yield "                <div class=\"row justify-content-center\">
  173.                     <!-- Textai box -->
  174.                     <div class=\"col-12 p-3\" id=\"header_content_info_top\">
  175.                         
  176.                         <div class=\"d-flex justify-content-between align-items-center\">
  177.                             <h2 class=\"d-inline-block\" data-bs-toggle=\"collapse\" href=\"#textai_box\" role=\"button\" aria-expanded=\"false\" aria-controls=\"textai_box\" onclick=\"expandIcon('analytics_title_arrow')\" >
  178.                                 ";
  179.                 // line 53
  180.                 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.', 53, $this->source); })()), "request", [], "any", false, false, false, 53), "locale", [], "any", false, false, false, 53) == "ca")) {
  181.                     // line 54
  182.                     yield "                                    ";
  183.                     yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["item"], "name_ca", [], "any", false, false, false, 54), "html", null, true);
  184.                     yield "
  185.                                 ";
  186.                 } elseif ((CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source,                 // line 55
  187. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 55, $this->source); })()), "request", [], "any", false, false, false, 55), "locale", [], "any", false, false, false, 55) == "en")) {
  188.                     // line 56
  189.                     yield "                                    ";
  190.                     yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["item"], "name_en", [], "any", false, false, false, 56), "html", null, true);
  191.                     yield "
  192.                                 ";
  193.                 } else {
  194.                     // line 58
  195.                     yield "                                    ";
  196.                     yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["item"], "name", [], "any", false, false, false, 58), "html", null, true);
  197.                     yield "
  198.                                 ";
  199.                 }
  200.                 // line 60
  201.                 yield "                                 
  202.                                 <span class=\"material-symbols-outlined hover\" id=\"analytics_title_arrow\">expand_more</span>
  203.                             </h2>
  204.                             <div class=\"d-flex\">
  205.                                 <div class=\"d-flex align-items-center\">                                    
  206.                                     <button class=\"btn btn-primary btn-sm\" onclick=\"loadSelectorIndicators()\">";
  207.                 // line 65
  208.                 yield $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("Descargar datos", [], "messages");
  209.                 yield "</button>
  210.                                 </div>
  211.                                 
  212.                             </div>
  214.                         </div>
  215.                         <div class=\"collapse\" id=\"textai_box\" style=\"max-width: 940px;\">
  216.                             <p class=\"flex-fill mb-3\" style=\"font-size: 14px;\">";
  217.                 // line 72
  218.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["item"], "textai", [], "any", false, false, false, 72), "html", null, true);
  219.                 yield "</p>
  220.                         </div>
  221.                         
  222.                     </div>
  223.                     
  224.                     <div class=\"col-12 all_steps\" id=\"analytic_step\">
  225.                         <div class=\"row justify-content-center align-items-top\">
  226.                             <div id=\"infoview\" class=\"infoview_div col-12\">
  227.                                 <div class=\"row align-items-center justify-content-center\">
  228.                                     
  229.                                     <div class=\"col-12 collapse show\" id=\"filter_div\">
  230.                                         <div class=\"row align-items-center justify-content-center\">
  231.                                             
  232.                                         </div>
  233.                                     </div>
  234.                                 </div>
  235.                                 <div class=\"row viewfindergroup\" id=\"map_view\" >
  236.                                     <div class=\"col-12\">
  237.                                         
  238.                                         <div class=\"map__container\" style=\"position:relative;\">
  240.                                             <div id=\"map\" class=\"map\"></div>
  242.                                             <div class=\"legend\"></div>
  244.                                             <div id=\"popup\" class=\"popup d-none\">
  245.                                                 <a href=\"#\" id=\"popup-closer\" class=\"popup__closer\"></a>
  246.                                                 <div id=\"popup-content\" class=\"popup__content\"></div>
  247.                                             </div>
  249.                                             <button id=\"centerbutton\" class=\"btn btn-light btn-sm pb-0\" onclick=\"centerViewMap()\">
  250.                                             <span class=\"material-symbols-outlined\">fit_screen</span>
  251.                                             <span class=\"material-symbols-outlined d-none\">collapse_content</span></button>
  253.                                             <button id=\"expand\" class=\"btn btn-light btn-sm pb-0\" onclick=\"infoviewToggle()\">
  254.                                             <span class=\"material-symbols-outlined\">expand_content</span></button>
  256.                                         </div>
  257.                                     </div>
  258.                                 </div>
  260.                                 <div class=\"row viewfindergroup\" id=\"data_view\">
  261.                                     <div class=\"col-12 pb-2\" style=\"overflow-y: scroll; height: 80vh;\">
  262.                                         <div id=\"wrapper\"></div>
  263.                                     </div>
  264.                                 </div>
  266.                                 <div class=\"row viewfindergroup\" id=\"card_view\" >
  267.                                     <div class=\"col-12 pb-2\" style=\"overflow-y: scroll; height: 80vh;\">
  268.                                         <form class=\"row row-cols-lg-auto g-2 align-items-center mb-2 d-none\">
  269.                                             <div class=\"col-12\">
  270.                                                 <label class=\"visually-hidden\" for=\"via\">";
  271.                 // line 123
  272.                 yield $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("Tipo via", [], "messages");
  273.                 yield "</label>
  274.                                                 <select class=\"form-select\" id=\"via\">
  275.                                                     <option value=\"1\">";
  276.                 // line 125
  277.                 yield $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("Calle", [], "messages");
  278.                 yield "</option>
  279.                                                     <option value=\"2\">";
  280.                 // line 126
  281.                 yield $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("Avenida", [], "messages");
  282.                 yield "</option>
  283.                                                     <option value=\"3\">";
  284.                 // line 127
  285.                 yield $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("Rambla", [], "messages");
  286.                 yield "</option>
  287.                                                 </select>
  288.                                             </div>
  290.                                             <div class=\"col-12\">
  291.                                                 <label class=\"visually-hidden\" for=\"street_name\">";
  292.                 // line 132
  293.                 yield $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("Nombre calle", [], "messages");
  294.                 yield "</label>
  295.                                                 <div class=\"input-group\">
  296.                                                     <input type=\"text\" class=\"form-control\" id=\"street\" placeholder=\"Nombre de calle\">
  297.                                                 </div>
  298.                                             </div>
  300.                                             <div class=\"col-12\">
  301.                                                 <label class=\"visually-hidden\" for=\"flat\">";
  302.                 // line 139
  303.                 yield $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("Piso", [], "messages");
  304.                 yield "</label>
  305.                                                 <div class=\"input-group\">
  306.                                                     <input type=\"text\" class=\"form-control\" id=\"flat\" placeholder=\"Piso\">
  307.                                                 </div>
  308.                                             </div>
  310.                                             <div class=\"col-12\">
  311.                                                 <label class=\"visually-hidden\" for=\"floor\">";
  312.                 // line 146
  313.                 yield $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("Planta", [], "messages");
  314.                 yield "</label>
  315.                                                 <div class=\"input-group\">
  316.                                                     <input type=\"text\" class=\"form-control\" id=\"floor\" placeholder=\"Pta.\">
  317.                                                 </div>
  318.                                             </div>
  320.                                             <div class=\"col-12\">
  321.                                                 <button type=\"submit\" class=\"btn btn-primary pb-0\"><span class=\"material-symbols-outlined\">search</span></button>
  322.                                             </div>
  323.                                         </form>
  324.                                         <div class=\"row\" style=\" padding: 20px; margin-bottom: 40px;    box-sizing: border-box;\">
  325.                                             <div class=\"col-6 col-sm-3 overflow-hidden\" id=\"img_fachada\" style=\"background: #fbfbfb;  padding: 20px;\"></div>
  326.                                             
  327.                                             <div class=\"col-6 col-sm-3 overflow-hidden me-4\" id=\"img_catastro\" style=\"background: #fbfbfb;  padding: 20px;\"></div>
  328.                                             <div class=\"col-12 col-sm-5\" id=\"txt_build\"></div>
  329.                                             
  330.                                         </div>
  331.                                         
  332.                                         <div class=\"row g-3\" id=\"build_indicators\">
  333.                                         </div>
  334.                                     </div>
  335.                                 </div>
  336.                             </div>
  338.                             <div id=\"infoview2\" class=\"infoview2_div collapse collapse-horizontal show\">
  339.                                     
  340.                                 
  341.                                 <!-- Selected box -->
  342.                                 <div class=\"col-12 selected_box p-3 mb-3 sticky-top d-none\">
  343.                                     <h4>";
  344.                 // line 175
  345.                 yield $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("Indicador seleccionado", [], "messages");
  346.                 yield "</h4>
  347.                                     <div id=\"selected_box_content\" class=\"selected_box_item\" title=\"Header\" data-bs-toggle=\"popover_live_top\" data-bs-trigger=\"hover focus\" data-bs-title=\"Popover title\" data-bs-content=\"And here's some amazing content. It's very engaging. Right?\"></div>
  348.                                 </div>
  350.                                 <!-- Indicadores box -->
  351.                                 <div class=\"col-12 analytic_box box_blue_soft p-3 graphic_box stats_box mb-3\">
  352.                                     <div class=\"d-flex justify-content-between\">
  353.                                         <p class=\"fw-bold fs-5\">";
  354.                 // line 182
  355.                 yield $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("Indicadores relacionados", [], "messages");
  356.                 yield "</p>
  357.                                         
  358.                                     </div>
  359.                                     <div class=\"\" id=\"analytics_indicators\">
  360.                                         ";
  361.                 // line 186
  362.                 $context["break"] = false;
  363.                 // line 187
  364.                 yield "                                        ";
  365.                 $context["array_used"] = [];
  366.                 // line 188
  367.                 yield "                                        ";
  368.                 $context["category"] = "";
  369.                 // line 189
  370.                 yield "
  371.                                         ";
  372.                 // line 191
  373.                 yield "                                        ";
  374.                 // line 192
  375.                 yield "
  376.                                         ";
  377.                 // line 193
  378.                 $context['_parent'] = $context;
  379.                 $context['_seq'] = CoreExtension::ensureTraversable(CoreExtension::getAttribute($this->env, $this->source, $context["item"], "relation", [], "any", false, false, false, 193));
  380.                 $context['loop'] = [
  381.                   'parent' => $context['_parent'],
  382.                   'index0' => 0,
  383.                   'index'  => 1,
  384.                   'first'  => true,
  385.                 ];
  386.                 if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  387.                     $length = count($context['_seq']);
  388.                     $context['loop']['revindex0'] = $length - 1;
  389.                     $context['loop']['revindex'] = $length;
  390.                     $context['loop']['length'] = $length;
  391.                     $context['loop']['last'] = 1 === $length;
  392.                 }
  393.                 foreach ($context['_seq'] as $context["_key"] => $context["rel"]) {
  394.                     // line 194
  395.                     yield "                                            ";
  396.                     if (((isset($context["break"]) || array_key_exists("break", $context) ? $context["break"] : (function () { throw new RuntimeError('Variable "break" does not exist.', 194, $this->source); })()) == false)) {
  397.                         // line 195
  398.                         yield "
  399.                                             ";
  400.                         // line 197
  401.                         yield "
  402.                                             ";
  403.                         // line 198
  404.                         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.', 198, $this->source); })()), "request", [], "any", false, false, false, 198), "locale", [], "any", false, false, false, 198) == "ca")) {
  405.                             // line 199
  406.                             yield "                                                ";
  407.                             $context["title"] = CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "name_ca", [], "any", false, false, false, 199);
  408.                             // line 200
  409.                             yield "                                                ";
  410.                             $context["description"] = CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "info_ca", [], "any", false, false, false, 200);
  411.                             // line 201
  412.                             yield "                                            ";
  413.                         } 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.', 201, $this->source); })()), "request", [], "any", false, false, false, 201), "locale", [], "any", false, false, false, 201) == "en")) {
  414.                             // line 202
  415.                             yield "                                                ";
  416.                             $context["title"] = CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "name_en", [], "any", false, false, false, 202);
  417.                             // line 203
  418.                             yield "                                                ";
  419.                             $context["description"] = CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "info_en", [], "any", false, false, false, 203);
  420.                             // line 204
  421.                             yield "                                            ";
  422.                         } else {
  423.                             // line 205
  424.                             yield "                                                ";
  425.                             $context["title"] = CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "name", [], "any", false, false, false, 205);
  426.                             // line 206
  427.                             yield "                                                ";
  428.                             $context["description"] = CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "info", [], "any", false, false, false, 206);
  429.                             // line 207
  430.                             yield "                                            ";
  431.                         }
  432.                         // line 208
  433.                         yield "
  434.                                             ";
  435.                         // line 209
  436.                         $context["array_used"] = Twig\Extension\CoreExtension::merge((isset($context["array_used"]) || array_key_exists("array_used", $context) ? $context["array_used"] : (function () { throw new RuntimeError('Variable "array_used" does not exist.', 209, $this->source); })()), [CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "kpi", [], "any", false, false, false, 209)]);
  437.                         // line 210
  438.                         yield "                                            
  439.                                             <div id=\"statline_id_";
  440.                         // line 211
  441.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "kpi", [], "any", false, false, false, 211), "html", null, true);
  442.                         yield "\" onclick=\"updateMapFromDiv(";
  443.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "kpi", [], "any", false, false, false, 211), "html", null, true);
  444.                         yield ")\" class=\"grayscale analytics_statsline_item\" data-kpi=\"";
  445.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "kpi", [], "any", false, false, false, 211), "html", null, true);
  446.                         yield "\" data-slug=\"";
  447.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "slug", [], "any", false, false, false, 211), "html", null, true);
  448.                         yield "\" data-bs-toggle=\"popover_live_";
  449.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 211), "html", null, true);
  450.                         yield "\" data-bs-trigger=\"hover focus\" data-bs-title=\"";
  451.                         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.', 211, $this->source); })())), "html", null, true);
  452.                         yield "\" data-bs-content=\"";
  453.                         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.', 211, $this->source); })()), "html", null, true);
  454.                         yield "\" data-p=\"";
  455.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "province", [], "any", false, false, false, 211), "html", null, true);
  456.                         yield "\" data-m=\"";
  457.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "city", [], "any", false, false, false, 211), "html", null, true);
  458.                         yield "\" data-r=\"";
  459.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "region", [], "any", false, false, false, 211), "html", null, true);
  460.                         yield "\" data-max=\"";
  461.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "max_value", [], "any", false, false, false, 211), "html", null, true);
  462.                         yield "\" data-min=\"";
  463.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "min_value", [], "any", false, false, false, 211), "html", null, true);
  464.                         yield "\">
  466.                                             
  467.                                                 <p class=\"mb-1 title\" style=\"font-size: 14px; font-weight: 600;\">";
  468.                         // line 214
  469.                         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.', 214, $this->source); })())), "html", null, true);
  470.                         yield "</p>
  471.                                                 <div class=\"statsline mb-3\" >
  473.                                                     ";
  474.                         // line 217
  475.                         $context["color"] = [];
  476.                         // line 218
  477.                         yield "                                                    ";
  478.                         $context['_parent'] = $context;
  479.                         $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.', 218, $this->source); })()));
  480.                         foreach ($context['_seq'] as $context["_key"] => $context["rank"]) {
  481.                             // line 219
  482.                             yield "                                                        
  483.                                                         ";
  484.                             // line 220
  485.                             if ((CoreExtension::getAttribute($this->env, $this->source, $context["rank"], "kpi_id", [], "any", false, false, false, 220) == CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "kpi", [], "any", false, false, false, 220))) {
  486.                                 // line 221
  487.                                 yield "                                                            ";
  488.                                 $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.', 221, $this->source); })()), [CoreExtension::getAttribute($this->env, $this->source, $context["rank"], "bgcolor", [], "any", false, false, false, 221)]);
  489.                                 // line 222
  490.                                 yield "                                                        ";
  491.                             }
  492.                             // line 223
  493.                             yield "
  494.                                                     ";
  495.                         }
  496.                         $_parent = $context['_parent'];
  497.                         unset($context['_seq'], $context['_key'], $context['rank'], $context['_parent']);
  498.                         $context = array_intersect_key($context, $_parent) + $_parent;
  499.                         // line 225
  500.                         yield "                                                    ";
  501.                         $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.', 225, $this->source); })()));
  502.                         // line 226
  503.                         yield "                                                    ";
  504.                         $context["partsize"] = (100 / (isset($context["counter"]) || array_key_exists("counter", $context) ? $context["counter"] : (function () { throw new RuntimeError('Variable "counter" does not exist.', 226, $this->source); })()));
  505.                         // line 227
  506.                         yield "                                                    ";
  507.                         $context["stylestring"] = "";
  508.                         // line 228
  509.                         yield "
  510.                                                     <div class=\"bk_line\">
  512.                                                     ";
  513.                         // line 231
  514.                         $context['_parent'] = $context;
  515.                         $context['_seq'] = CoreExtension::ensureTraversable((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 231, $this->source); })()));
  516.                         $context['loop'] = [
  517.                           'parent' => $context['_parent'],
  518.                           'index0' => 0,
  519.                           'index'  => 1,
  520.                           'first'  => true,
  521.                         ];
  522.                         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  523.                             $length = count($context['_seq']);
  524.                             $context['loop']['revindex0'] = $length - 1;
  525.                             $context['loop']['revindex'] = $length;
  526.                             $context['loop']['length'] = $length;
  527.                             $context['loop']['last'] = 1 === $length;
  528.                         }
  529.                         foreach ($context['_seq'] as $context["_key"] => $context["colorpart"]) {
  530.                             // line 232
  531.                             yield "                                                        ";
  532.                             if (CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, false, 232)) {
  533.                                 // line 233
  534.                                 yield "                                                        ";
  535.                                 $context["dato"] = (99.9 - ((isset($context["partsize"]) || array_key_exists("partsize", $context) ? $context["partsize"] : (function () { throw new RuntimeError('Variable "partsize" does not exist.', 233, $this->source); })()) * ((isset($context["counter"]) || array_key_exists("counter", $context) ? $context["counter"] : (function () { throw new RuntimeError('Variable "counter" does not exist.', 233, $this->source); })()) - 1)));
  536.                                 // line 234
  537.                                 yield "                                                            <div class=\"analytic_color_bar\" style=\"width:";
  538.                                 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.', 234, $this->source); })()), "html", null, true);
  539.                                 yield "%; background-color: ";
  540.                                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($context["colorpart"], "html", null, true);
  541.                                 yield ";\"></div>
  542.                                                         ";
  543.                             } else {
  544.                                 // line 236
  545.                                 yield "                                                            <div class=\"analytic_color_bar\" style=\"width:";
  546.                                 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.', 236, $this->source); })()), 2, "."), "html", null, true);
  547.                                 yield "%; background-color: ";
  548.                                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($context["colorpart"], "html", null, true);
  549.                                 yield ";\"></div>        
  550.                                                         ";
  551.                             }
  552.                             // line 238
  553.                             yield "                                                        
  554.                                                     ";
  555.                             ++$context['loop']['index0'];
  556.                             ++$context['loop']['index'];
  557.                             $context['loop']['first'] = false;
  558.                             if (isset($context['loop']['revindex0'], $context['loop']['revindex'])) {
  559.                                 --$context['loop']['revindex0'];
  560.                                 --$context['loop']['revindex'];
  561.                                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  562.                             }
  563.                         }
  564.                         $_parent = $context['_parent'];
  565.                         unset($context['_seq'], $context['_key'], $context['colorpart'], $context['_parent'], $context['loop']);
  566.                         $context = array_intersect_key($context, $_parent) + $_parent;
  567.                         // line 240
  568.                         yield "                                                    
  569.                                                     </div>
  570.                                                     
  571.                                                     <span class=\"statsline_item statsline_";
  572.                         // line 243
  573.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 243), "html", null, true);
  574.                         yield " item_tooltip\" style=\"left: ";
  575.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "theme_per", [], "any", false, false, false, 243), "html", null, true);
  576.                         yield "%;margin-left: -6px;\" data-text=\"";
  577.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "theme", [], "any", false, false, false, 243), "html", null, true);
  578.                         yield "\" data-kpi=\"";
  579.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "kpi", [], "any", false, false, false, 243), "html", null, true);
  580.                         yield "\" data-bs-custom-class=\"custom-tooltip\" data-bs-placement=\"top\"><i class=\"fa-solid triangle\"></i></span>
  581.                                                     
  582.                                                 </div>
  583.                                                 <div class=\"statsline_range d-flex justify-content-between d-none\">
  584.                                                     <span>";
  585.                         // line 247
  586.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "min_value", [], "any", false, false, false, 247), "html", null, true);
  587.                         yield "</span>
  588.                                                     <span>";
  589.                         // line 248
  590.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "max_value", [], "any", false, false, false, 248), "html", null, true);
  591.                         yield "</span>
  592.                                                 </div>
  594.                                                 ";
  595.                         // line 251
  596.                         if ((CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 251) == 4)) {
  597.                             // line 252
  598.                             yield "                                                ";
  599.                             $context["break"] = true;
  600.                             // line 253
  601.                             yield "                                                ";
  602.                         }
  603.                         // line 254
  604.                         yield "                                           
  605.                                             
  606.                                             </div>
  607.                                             <script>
  608.                                             \$('[data-bs-toggle=\"popover_live_";
  609.                         // line 258
  610.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 258), "html", null, true);
  611.                         yield "\"]').mouseover(function(){
  612.                                                 \$('[data-bs-toggle=\"popover_live_";
  613.                         // line 259
  614.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 259), "html", null, true);
  615.                         yield "\"]').popover();
  616.                                             })
  617.                                         </script>
  618.                                          ";
  619.                     }
  620.                     // line 263
  621.                     yield "                                        ";
  622.                     ++$context['loop']['index0'];
  623.                     ++$context['loop']['index'];
  624.                     $context['loop']['first'] = false;
  625.                     if (isset($context['loop']['revindex0'], $context['loop']['revindex'])) {
  626.                         --$context['loop']['revindex0'];
  627.                         --$context['loop']['revindex'];
  628.                         $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  629.                     }
  630.                 }
  631.                 $_parent = $context['_parent'];
  632.                 unset($context['_seq'], $context['_key'], $context['rel'], $context['_parent'], $context['loop']);
  633.                 $context = array_intersect_key($context, $_parent) + $_parent;
  634.                 // line 264
  635.                 yield "                                        
  636.                                         </div>
  637.                                     </div>
  639.                                 <!-- Otros Indicadores box -->
  640.                                 <div class=\"col-12 analytic_box box_blue_soft p-3 graphic_box stats_box mb-3\">
  641.                                     <div class=\"d-flex justify-content-between\">
  642.                                         <p class=\"fw-bold fs-5\" data-bs-toggle=\"collapse\" data-bs-target=\"#analytics_indicators\" aria-expanded=\"true\" aria-controls=\"analytics_statsline\" onclick=\"expandIcon('analytics_indicators_arrow')\" role=\"button\">";
  643.                 // line 271
  644.                 yield $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("Otros indicadores", [], "messages");
  645.                 yield "</p>
  646.                                         
  647.                                     </div>
  648.                                     <div class=\"\" id=\"analytics_indicators_others\">
  649.                                         ";
  650.                 // line 275
  651.                 $context["category"] = "";
  652.                 // line 276
  653.                 yield "                                        
  654.                                         ";
  655.                 // line 278
  656.                 yield "                                        
  658.                                         ";
  659.                 // line 280
  660.                 $context['_parent'] = $context;
  661.                 $context['_seq'] = CoreExtension::ensureTraversable((isset($context["analytic_data_relation"]) || array_key_exists("analytic_data_relation", $context) ? $context["analytic_data_relation"] : (function () { throw new RuntimeError('Variable "analytic_data_relation" does not exist.', 280, $this->source); })()));
  662.                 $context['loop'] = [
  663.                   'parent' => $context['_parent'],
  664.                   'index0' => 0,
  665.                   'index'  => 1,
  666.                   'first'  => true,
  667.                 ];
  668.                 if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  669.                     $length = count($context['_seq']);
  670.                     $context['loop']['revindex0'] = $length - 1;
  671.                     $context['loop']['revindex'] = $length;
  672.                     $context['loop']['length'] = $length;
  673.                     $context['loop']['last'] = 1 === $length;
  674.                 }
  675.                 foreach ($context['_seq'] as $context["_key"] => $context["rel"]) {
  676.                     // line 281
  677.                     yield "                                            ";
  678.                     // line 282
  679.                     yield "                                            ";
  680.                     if (!CoreExtension::inFilter(CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "kpi", [], "any", false, false, false, 282), (isset($context["array_used"]) || array_key_exists("array_used", $context) ? $context["array_used"] : (function () { throw new RuntimeError('Variable "array_used" does not exist.', 282, $this->source); })()))) {
  681.                         // line 283
  682.                         yield "
  683.                                             ";
  684.                         // line 284
  685.                         if (((isset($context["category"]) || array_key_exists("category", $context) ? $context["category"] : (function () { throw new RuntimeError('Variable "category" does not exist.', 284, $this->source); })()) != CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "category", [], "any", false, false, false, 284))) {
  686.                             // line 285
  687.                             yield "                                                <p class=\"mt-2 fw-bold\" style=\"font-size: 12px; font-weight: 700;\"> 
  688.                                                      
  689.                                                     ";
  690.                             // line 287
  691.                             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.', 287, $this->source); })()), "request", [], "any", false, false, false, 287), "locale", [], "any", false, false, false, 287) == "ca")) {
  692.                                 // line 288
  693.                                 yield "                                                        ";
  694.                                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "category_ca", [], "any", false, false, false, 288), "html", null, true);
  695.                                 yield " 
  696.                                                     ";
  697.                             } elseif ((CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source,                             // line 289
  698. (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 289, $this->source); })()), "request", [], "any", false, false, false, 289), "locale", [], "any", false, false, false, 289) == "en")) {
  699.                                 // line 290
  700.                                 yield "                                                        ";
  701.                                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "category_en", [], "any", false, false, false, 290), "html", null, true);
  702.                                 yield " 
  703.                                                     ";
  704.                             } else {
  705.                                 // line 292
  706.                                 yield "                                                        ";
  707.                                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "category", [], "any", false, false, false, 292), "html", null, true);
  708.                                 yield " 
  709.                                                     ";
  710.                             }
  711.                             // line 294
  712.                             yield "                                                </p>
  713.                                                 ";
  714.                             // line 295
  715.                             $context["category"] = CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "category", [], "any", false, false, false, 295);
  716.                             // line 296
  717.                             yield "                                            ";
  718.                         }
  719.                         // line 297
  720.                         yield "
  721.                                             ";
  722.                         // line 298
  723.                         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.', 298, $this->source); })()), "request", [], "any", false, false, false, 298), "locale", [], "any", false, false, false, 298) == "ca")) {
  724.                             // line 299
  725.                             yield "                                                ";
  726.                             $context["title"] = CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "name_ca", [], "any", false, false, false, 299);
  727.                             // line 300
  728.                             yield "                                                ";
  729.                             $context["description"] = CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "info_ca", [], "any", false, false, false, 300);
  730.                             // line 301
  731.                             yield "                                            ";
  732.                         } 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.', 301, $this->source); })()), "request", [], "any", false, false, false, 301), "locale", [], "any", false, false, false, 301) == "en")) {
  733.                             // line 302
  734.                             yield "                                                ";
  735.                             $context["title"] = CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "name_en", [], "any", false, false, false, 302);
  736.                             // line 303
  737.                             yield "                                                ";
  738.                             $context["description"] = CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "info_en", [], "any", false, false, false, 303);
  739.                             // line 304
  740.                             yield "                                            ";
  741.                         } else {
  742.                             // line 305
  743.                             yield "                                                ";
  744.                             $context["title"] = CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "name", [], "any", false, false, false, 305);
  745.                             // line 306
  746.                             yield "                                                ";
  747.                             $context["description"] = CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "info", [], "any", false, false, false, 306);
  748.                             // line 307
  749.                             yield "                                            ";
  750.                         }
  751.                         // line 308
  752.                         yield "                                            
  753.                                             <div id=\"statline_id_";
  754.                         // line 309
  755.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "kpi", [], "any", false, false, false, 309), "html", null, true);
  756.                         yield "\" onclick=\"updateMapFromDiv(";
  757.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "kpi", [], "any", false, false, false, 309), "html", null, true);
  758.                         yield ")\" class=\"grayscale analytics_statsline_item\" data-kpi=\"";
  759.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "kpi", [], "any", false, false, false, 309), "html", null, true);
  760.                         yield "\" data-slug=\"";
  761.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "slug", [], "any", false, false, false, 309), "html", null, true);
  762.                         yield "\" data-bs-toggle=\"popover_live_";
  763.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 309), "html", null, true);
  764.                         yield "\" data-bs-trigger=\"hover focus\" data-bs-title=\"";
  765.                         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.', 309, $this->source); })())), "html", null, true);
  766.                         yield "\" data-bs-content=\"";
  767.                         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.', 309, $this->source); })()), "html", null, true);
  768.                         yield "\" data-p=\"";
  769.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "province", [], "any", false, false, false, 309), "html", null, true);
  770.                         yield "\" data-m=\"";
  771.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "city", [], "any", false, false, false, 309), "html", null, true);
  772.                         yield "\" data-r=\"";
  773.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "region", [], "any", false, false, false, 309), "html", null, true);
  774.                         yield "\" data-max=\"";
  775.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "max_value", [], "any", false, false, false, 309), "html", null, true);
  776.                         yield "\" data-min=\"";
  777.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "min_value", [], "any", false, false, false, 309), "html", null, true);
  778.                         yield "\">
  780.                                             <script>
  781.                                             \$('[data-bs-toggle=\"popover_live_";
  782.                         // line 312
  783.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 312), "html", null, true);
  784.                         yield "\"]').mouseover(function(){
  785.                                                 \$('[data-bs-toggle=\"popover_live_";
  786.                         // line 313
  787.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 313), "html", null, true);
  788.                         yield "\"]').popover();
  789.                                             })
  790.                                             </script>
  791.                                             
  792.                                                 <p class=\"mb-1 title\" style=\"font-size: 14px; font-weight: 600;\">";
  793.                         // line 317
  794.                         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.', 317, $this->source); })())), "html", null, true);
  795.                         yield "</p>
  796.                                                 <div class=\"statsline mb-3\" >
  798.                                                     ";
  799.                         // line 320
  800.                         $context["color"] = [];
  801.                         // line 321
  802.                         yield "                                                    ";
  803.                         $context['_parent'] = $context;
  804.                         $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.', 321, $this->source); })()));
  805.                         foreach ($context['_seq'] as $context["_key"] => $context["rank"]) {
  806.                             // line 322
  807.                             yield "                                                        
  808.                                                         ";
  809.                             // line 323
  810.                             if ((CoreExtension::getAttribute($this->env, $this->source, $context["rank"], "kpi_id", [], "any", false, false, false, 323) == CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "kpi", [], "any", false, false, false, 323))) {
  811.                                 // line 324
  812.                                 yield "                                                            ";
  813.                                 $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.', 324, $this->source); })()), [CoreExtension::getAttribute($this->env, $this->source, $context["rank"], "bgcolor", [], "any", false, false, false, 324)]);
  814.                                 // line 325
  815.                                 yield "                                                        ";
  816.                             }
  817.                             // line 326
  818.                             yield "
  819.                                                     ";
  820.                         }
  821.                         $_parent = $context['_parent'];
  822.                         unset($context['_seq'], $context['_key'], $context['rank'], $context['_parent']);
  823.                         $context = array_intersect_key($context, $_parent) + $_parent;
  824.                         // line 328
  825.                         yield "                                                    ";
  826.                         $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.', 328, $this->source); })()));
  827.                         // line 329
  828.                         yield "                                                    ";
  829.                         $context["partsize"] = (100 / (isset($context["counter"]) || array_key_exists("counter", $context) ? $context["counter"] : (function () { throw new RuntimeError('Variable "counter" does not exist.', 329, $this->source); })()));
  830.                         // line 330
  831.                         yield "                                                    ";
  832.                         $context["stylestring"] = "";
  833.                         // line 331
  834.                         yield "
  835.                                                     <div class=\"bk_line\">
  837.                                                     ";
  838.                         // line 334
  839.                         $context['_parent'] = $context;
  840.                         $context['_seq'] = CoreExtension::ensureTraversable((isset($context["color"]) || array_key_exists("color", $context) ? $context["color"] : (function () { throw new RuntimeError('Variable "color" does not exist.', 334, $this->source); })()));
  841.                         $context['loop'] = [
  842.                           'parent' => $context['_parent'],
  843.                           'index0' => 0,
  844.                           'index'  => 1,
  845.                           'first'  => true,
  846.                         ];
  847.                         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  848.                             $length = count($context['_seq']);
  849.                             $context['loop']['revindex0'] = $length - 1;
  850.                             $context['loop']['revindex'] = $length;
  851.                             $context['loop']['length'] = $length;
  852.                             $context['loop']['last'] = 1 === $length;
  853.                         }
  854.                         foreach ($context['_seq'] as $context["_key"] => $context["colorpart"]) {
  855.                             // line 335
  856.                             yield "                                                        ";
  857.                             if (CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "last", [], "any", false, false, false, 335)) {
  858.                                 // line 336
  859.                                 yield "                                                        ";
  860.                                 $context["dato"] = (99.9 - ((isset($context["partsize"]) || array_key_exists("partsize", $context) ? $context["partsize"] : (function () { throw new RuntimeError('Variable "partsize" does not exist.', 336, $this->source); })()) * ((isset($context["counter"]) || array_key_exists("counter", $context) ? $context["counter"] : (function () { throw new RuntimeError('Variable "counter" does not exist.', 336, $this->source); })()) - 1)));
  861.                                 // line 337
  862.                                 yield "                                                            <div class=\"analytic_color_bar\" style=\"width:";
  863.                                 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.', 337, $this->source); })()), "html", null, true);
  864.                                 yield "%; background-color: ";
  865.                                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($context["colorpart"], "html", null, true);
  866.                                 yield ";\"></div>
  867.                                                         ";
  868.                             } else {
  869.                                 // line 339
  870.                                 yield "                                                            <div class=\"analytic_color_bar\" style=\"width:";
  871.                                 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.', 339, $this->source); })()), 2, "."), "html", null, true);
  872.                                 yield "%; background-color: ";
  873.                                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($context["colorpart"], "html", null, true);
  874.                                 yield ";\"></div>        
  875.                                                         ";
  876.                             }
  877.                             // line 341
  878.                             yield "                                                        
  879.                                                     ";
  880.                             ++$context['loop']['index0'];
  881.                             ++$context['loop']['index'];
  882.                             $context['loop']['first'] = false;
  883.                             if (isset($context['loop']['revindex0'], $context['loop']['revindex'])) {
  884.                                 --$context['loop']['revindex0'];
  885.                                 --$context['loop']['revindex'];
  886.                                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  887.                             }
  888.                         }
  889.                         $_parent = $context['_parent'];
  890.                         unset($context['_seq'], $context['_key'], $context['colorpart'], $context['_parent'], $context['loop']);
  891.                         $context = array_intersect_key($context, $_parent) + $_parent;
  892.                         // line 343
  893.                         yield "                                                    
  894.                                                     </div>
  895.                                                     
  896.                                                     <span class=\"statsline_item statsline_";
  897.                         // line 346
  898.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 346), "html", null, true);
  899.                         yield " item_tooltip\" style=\"left: ";
  900.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "theme_per", [], "any", false, false, false, 346), "html", null, true);
  901.                         yield "%; margin-left: -6px;\" data-text=\"";
  902.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "theme", [], "any", false, false, false, 346), "html", null, true);
  903.                         yield "\" data-kpi=\"";
  904.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "kpi", [], "any", false, false, false, 346), "html", null, true);
  905.                         yield "\" data-bs-custom-class=\"custom-tooltip\" data-bs-placement=\"top\"><i class=\"fa-solid triangle\"></i></span>
  906.                                                     
  907.                                                 </div>
  908.                                                 <div class=\"statsline_range d-flex justify-content-between d-none\">
  909.                                                     <span>";
  910.                         // line 350
  911.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "min_value", [], "any", false, false, false, 350), "html", null, true);
  912.                         yield "</span>
  913.                                                     <span>";
  914.                         // line 351
  915.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "max_value", [], "any", false, false, false, 351), "html", null, true);
  916.                         yield "</span>
  917.                                                 </div>
  919.                                             
  920.                                             </div>
  921.                                             
  922.                                             ";
  923.                     }
  924.                     // line 358
  925.                     yield "                                        ";
  926.                     ++$context['loop']['index0'];
  927.                     ++$context['loop']['index'];
  928.                     $context['loop']['first'] = false;
  929.                     if (isset($context['loop']['revindex0'], $context['loop']['revindex'])) {
  930.                         --$context['loop']['revindex0'];
  931.                         --$context['loop']['revindex'];
  932.                         $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  933.                     }
  934.                 }
  935.                 $_parent = $context['_parent'];
  936.                 unset($context['_seq'], $context['_key'], $context['rel'], $context['_parent'], $context['loop']);
  937.                 $context = array_intersect_key($context, $_parent) + $_parent;
  938.                 yield " 
  940.                                         </div>
  941.                                     </div>
  942.                                     
  943.                                 </div>
  945.                                         ";
  946.                 // line 390
  947.                 yield "                                
  948.                                 
  949.                             </div>
  950.                         </div>
  951.                     </div>
  953.                 ";
  954.             }
  955.             // line 397
  956.             yield "                ";
  957.         }
  958.         $_parent = $context['_parent'];
  959.         unset($context['_seq'], $context['_key'], $context['item'], $context['_parent']);
  960.         $context = array_intersect_key($context, $_parent) + $_parent;
  961.         // line 398
  962.         yield "
  963.                 </div>
  964.                 
  965.             </div>
  966.             
  967.             
  969.         </div>
  970.     </div>
  972. <style>
  973. td.gridjs-td{
  974.     //padding: 2px 24px !important;
  975. }
  976. </style>
  978. ";
  979.         
  980.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  982.         
  983.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  985.         yield from [];
  986.     }
  988.     // line 417
  989.     /**
  990.      * @return iterable<null|scalar|\Stringable>
  991.      */
  992.     public function block_javascripts(array $context, array $blocks = []): iterable
  993.     {
  994.         $macros = $this->macros;
  995.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  996.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  998.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  999.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
  1001.         // line 418
  1002.         yield "<script src=\"";
  1003.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("build/js/calls.js"), "html", null, true);
  1004.         yield "\"></script>
  1006. <script src=\"";
  1007.         // line 420
  1008.         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);
  1009.         yield "\"></script>
  1010. <script src=\"";
  1011.         // line 421
  1012.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("fos_js_routing_js", ["callback" => "fos.Router.setData"]);
  1013.         yield "\"></script>
  1015. <script src=\"https://cdnjs.cloudflare.com/ajax/libs/gridjs/6.0.6/gridjs.production.min.js\" integrity=\"sha512-wpiJjuL800CTEBA0QFs+RFw0tFtpXnQGea1p9S16WcYNXC1F3U0l1L7FQrDC3ihkYRtOj4Td7lKR3mYKxrwMMA==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script>
  1017. <link rel=\"stylesheet\" type=\"text/css\" href=\"https://unpkg.com/gridjs/dist/theme/mermaid.min.css\" />
  1019. <script type=\"text/javascript\">
  1021.     const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle=\"tooltip\"]')
  1022.     const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl));
  1024.     var Routes = Routing; // loaded from router.min.js
  1025.     // because ES5 doesn't support require syntax,
  1026.     // we use jquery getJSON function in order to set
  1027.     // routing data to our Routing object
  1028.     \$.getJSON(\"";
  1029.         // line 436
  1030.         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);
  1031.         yield "\", function (routes) {
  1032.         Routes.setRoutingData(routes);
  1033.     });
  1034.     ";
  1035.         // line 440
  1036.         yield "</script>
  1038. <script type=\"text/javascript\">
  1039.     //let explore_baseUrl = '";
  1040.         // line 443
  1041.         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.', 443, $this->source); })()), "html", null, true);
  1042.         yield "';
  1044.     \$(document).ready(function(){
  1045.         \$('.viewfindergroup').hide();
  1046.         \$('#map_view').show();        
  1047.         \$('.build_bar').css('width','100%');
  1048.         \$('.people_bar').css('width','100%');
  1050.         /*setTimeout(()=>{
  1051.             \$('#info_div').collapse('hide');
  1052.         },10000);*/
  1054.         let arrayData = document.querySelectorAll('.analytics_statsline_item');
  1055.         let arraySlugs = [];
  1056.         for(let i=0; arrayData.length > i; i++){
  1057.             arraySlugs.push(arrayData[i].getAttribute('data-slug'));
  1058.         }
  1059.         // console.log(arraySlugs);
  1061.         buttonsToHeaderBar();
  1062.         \$('#left_bar_button_map').addClass('active');
  1063.     });
  1065.     document.getElementById(\"selectAllBtn\").addEventListener(\"click\", function() {
  1066.         let checkboxes = document.querySelectorAll(\".form-check-input\");
  1067.         let allChecked = Array.from(checkboxes).every(checkbox => checkbox.checked);
  1069.         checkboxes.forEach(checkbox => {
  1070.             checkbox.checked = !allChecked; // Alterna selección
  1071.         });
  1073.         this.textContent = allChecked ? \"Seleccionar Todos\" : \"Deseleccionar Todos\"; 
  1074.     });
  1076.     function buttonsToHeaderBar(){
  1078.         // <span class=\"material-symbols-outlined\">bar_chart_4_bars</span>
  1080.         document.getElementById('new_header_map').innerHTML = '<div id=\"left_bar_button_map\" class=\"left_bar_button text-center d-inline-block\" onclick=\"viewFinder(\\'map\\')\"><span class=\"material-symbols-outlined\">map</span><br>";
  1081.         // line 481
  1082.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Mapa"), "html", null, true);
  1083.         yield "</div>';
  1084.         document.getElementById('new_header_table').innerHTML = '<div id=\"left_bar_button_data\" class=\"left_bar_button text-center d-inline-block\" onclick=\"viewFinder(\\'data\\')\"><span class=\"material-symbols-outlined\">table</span><br>";
  1085.         // line 482
  1086.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Tabla"), "html", null, true);
  1087.         yield "</div>';
  1088.         document.getElementById('new_header_card').innerHTML = '<div id=\"left_bar_button_card\" class=\"left_bar_button text-center d-inline-block\" onclick=\"viewFinder(\\'card\\')\"><span class=\"material-symbols-outlined\">grid_view</span><br>";
  1089.         // line 483
  1090.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Ficha"), "html", null, true);
  1091.         yield "</div>';
  1092.         
  1093.     }
  1096.     \$('.item_tooltip').on('mouseover',function (){
  1097.         
  1098.         let name = this.getAttribute('data-text');
  1099.         let kpi = this.getAttribute('data-kpi');
  1100.         // console.log(name,kpi);
  1101.         \$('.item_tooltip[data-kpi='+kpi+']').tooltip({title: name, delay: {show: 100, hide: 100}}); 
  1102.     })
  1104.     const { Grid, html } = gridjs;
  1106.     var rPlatform = map;
  1107.     var caller = call;
  1108.     let layers = ";
  1109.         // line 500
  1110.         yield (isset($context["layers"]) || array_key_exists("layers", $context) ? $context["layers"] : (function () { throw new RuntimeError('Variable "layers" does not exist.', 500, $this->source); })());
  1111.         yield ";
  1113.     let configLayers = ";
  1114.         // line 502
  1115.         yield (isset($context["configLayers"]) || array_key_exists("configLayers", $context) ? $context["configLayers"] : (function () { throw new RuntimeError('Variable "configLayers" does not exist.', 502, $this->source); })());
  1116.         yield ";
  1117.     let explore_baseUrl = '";
  1118.         // line 503
  1119.         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.', 503, $this->source); })()), "html", null, true);
  1120.         yield "';
  1121.     caller.vars.explore_baseUrl = '";
  1122.         // line 504
  1123.         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.', 504, $this->source); })()), "html", null, true);
  1124.         yield "';
  1125.     
  1126.     let explore_mun = '";
  1127.         // line 506
  1128.         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.', 506, $this->source); })()), "html", null, true);
  1129.         yield "';
  1130.     let explore_kpi = 3;
  1131.     let explore_slug = '';
  1132.     let explore_colors = ";
  1133.         // line 509
  1134.         yield (isset($context["kpi_colors"]) || array_key_exists("kpi_colors", $context) ? $context["kpi_colors"] : (function () { throw new RuntimeError('Variable "kpi_colors" does not exist.', 509, $this->source); })());
  1135.         yield ";
  1136.     let explore_insight = [];
  1137.     let explore_extrakpi = [];
  1138.     let explore_layer_data = [];
  1139.     let explore_url = window.location.href;
  1140.     let explore_filter_url = '';
  1142.     let filtered_data_array = ";
  1143.         // line 516
  1144.         yield (isset($context["filtered_data"]) || array_key_exists("filtered_data", $context) ? $context["filtered_data"] : (function () { throw new RuntimeError('Variable "filtered_data" does not exist.', 516, $this->source); })());
  1145.         yield ";
  1147.     let kpi_list = ";
  1148.         // line 518
  1149.         yield (isset($context["kpi_list"]) || array_key_exists("kpi_list", $context) ? $context["kpi_list"] : (function () { throw new RuntimeError('Variable "kpi_list" does not exist.', 518, $this->source); })());
  1150.         yield ";
  1151.     let kpi_list_complete = document.querySelectorAll('#kpi_list_data li');
  1152.     for(i=0; kpi_list_complete.length > i; i++){
  1153.         let name = kpi_list_complete[i].innerText;
  1154.         let kpi = kpi_list_complete[i].getAttribute('data-kpi');
  1155.         let slug = kpi_list_complete[i].getAttribute('data-slug');
  1156.         kpi_list.push({'name':name,'kpi':kpi,'slug':slug});
  1157.     }
  1159.     // use stats data and print graphic
  1160.     let useStat = ";
  1161.         // line 528
  1162.         yield (isset($context["useStatData"]) || array_key_exists("useStatData", $context) ? $context["useStatData"] : (function () { throw new RuntimeError('Variable "useStatData" does not exist.', 528, $this->source); })());
  1163.         yield ";
  1164.     let useStatData = analyticOrganizeData(useStat);
  1165.     var useStatTotalData = analyticOrganizeTotalData(useStat);
  1166.     ";
  1167.         // line 532
  1168.         yield "    
  1169.     // year stats data and print graphic
  1170.     let yearStat = ";
  1171.         // line 534
  1172.         yield (isset($context["yearStatData"]) || array_key_exists("yearStatData", $context) ? $context["yearStatData"] : (function () { throw new RuntimeError('Variable "yearStatData" does not exist.', 534, $this->source); })());
  1173.         yield ";
  1174.     let yearStatData = analyticOrganizeData(yearStat);
  1175.     var yearStatTotalData = analyticOrganizeTotalData(yearStat);
  1176.     ";
  1177.         // line 538
  1178.         yield "
  1179.     // area stats data and print graphic
  1180.     let areaStat = ";
  1181.         // line 540
  1182.         yield (isset($context["areaStatData"]) || array_key_exists("areaStatData", $context) ? $context["areaStatData"] : (function () { throw new RuntimeError('Variable "areaStatData" does not exist.', 540, $this->source); })());
  1183.         yield ";
  1184.     let areaStatData = analyticOrganizeData(areaStat);
  1185.     var areaStatTotalData = analyticOrganizeTotalData(areaStat);
  1186.     ";
  1187.         // line 544
  1188.         yield "
  1189.     // occupation stats data and print graphic
  1190.     let occupationStat = ";
  1191.         // line 546
  1192.         yield (isset($context["occupationStatData"]) || array_key_exists("occupationStatData", $context) ? $context["occupationStatData"] : (function () { throw new RuntimeError('Variable "occupationStatData" does not exist.', 546, $this->source); })());
  1193.         yield ";
  1194.     let occupationStatData = analyticOrganizeData(occupationStat);
  1195.     var occupationStatTotalData = analyticOrganizeTotalData(occupationStat);
  1196.     ";
  1197.         // line 550
  1198.         yield "
  1200.     let explore_mun_name = '";
  1201.         // line 552
  1202.         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.', 552, $this->source); })()), "adminunitname", [], "any", false, false, false, 552)), "html", null, true);
  1203.         yield "';
  1204.     let allgeodataUrl = explore_baseUrl + \"/get-allgeodata?mun=\" + explore_mun ;
  1206.     let munPolygon = '";
  1207.         // line 555
  1208.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(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.', 555, $this->source); })()), "geom", [], "any", false, false, false, 555), "html", null, true);
  1209.         yield "';
  1210.     let initGeo = '";
  1211.         // line 556
  1212.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(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.', 556, $this->source); })()), "envelope", [], "any", false, false, false, 556), "html", null, true);
  1213.         yield "';
  1214.     
  1215.     let queryString = window.location.search;
  1216.     let urlParams = new URLSearchParams(queryString);
  1217.     let filterStart = urlParams.get('fs');
  1218.     let filterEnd = urlParams.get('fe');
  1219.     window.appLocale = '";
  1220.         // line 562
  1221.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(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.', 562, $this->source); })()), "request", [], "any", false, false, false, 562), "locale", [], "any", false, false, false, 562), "js"), "html", null, true);
  1222.         yield "';
  1224.     if(filterStart == null){
  1225.         filterStart = 0;
  1226.     }
  1227.     if(filterEnd == null){
  1228.         filterEnd = 0;
  1229.     }
  1231.     rPlatform.setInpireidList(filtered_data_array);
  1232.     rPlatform.setMun(explore_mun);
  1233.     rPlatform.setBaseUrl(explore_baseUrl);
  1234.     rPlatform.setLayers(layers);
  1235.     rPlatform.setColorsStyle(explore_colors);
  1236.     rPlatform.setLayerData(explore_layer_data);
  1237.    
  1239.     // ----------------------- Map ------------------------ //
  1240.     async function init() { // Cargar mapa de inicio
  1242.         let queryString = window.location.search;
  1243.         let urlParams = new URLSearchParams(queryString);
  1245.         // Crear indArr con el primer kpi del listado
  1246.         let alldivi = document.getElementsByClassName('grayscale');
  1247.         let kpi_init = alldivi[0].getAttribute('data-kpi');
  1248.         let slug_init = alldivi[0].getAttribute('data-slug');
  1250.         explore_kpi = kpi_init;
  1251.         explore_slug = slug_init;
  1253.         alldivi[0].classList.add('kpi_selected');
  1254.         alldivi[0].classList.add('disabled');
  1256.         // Colocar primer alldivi como seleccionado
  1257.         selectedIndicator(alldivi[0]);
  1259.         // Recibir parametros ind desde url
  1260.         let indArr = [parseInt(kpi_init)];
  1261.         let frArr = [filterStart, filterEnd];
  1263.         await rPlatform.setiActive(indArr);
  1264.         await rPlatform.initMapExplore(layers, explore_baseUrl, initGeo, explore_mun, frArr, indArr);
  1266.         await rPlatform.getSimpleStyleDistrict();
  1267.         await rPlatform.getSimpleStyleSection();
  1269.         rPlatform.updateMap();
  1271.     }
  1273.     init();
  1274.     
  1275.     
  1276.     // ----------------------- Table Map ------------------------ //
  1278.     function tableData(){        
  1279.         let wrapper = document.getElementById(\"wrapper\");
  1280.         wrapper.innerHTML = '';
  1282.         let tabla = null; // Variable global para almacenar la instancia de la tabla
  1284.         function renderizarTabla(data) {
  1285.             // Eliminar la tabla anterior si existe
  1286.             if (tabla !== null) {
  1287.                 tabla.destroy();
  1288.             }
  1290.             // Crear una nueva instancia de Grid.js con los nuevos datos y renderizarla
  1291.             tabla = new gridjs.Grid({
  1292.                 columns: [{
  1293.                     id: 'year',
  1294.                     name: \"";
  1295.         // line 634
  1296.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Año"), "html", null, true);
  1297.         yield "\"
  1298.                 },
  1299.                 {
  1300.                     id: 'currentuse',
  1301.                     name: \"";
  1302.         // line 638
  1303.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Uso"), "html", null, true);
  1304.         yield "\",
  1305.                     formatter: (cell, row) => {
  1306.                         if (cell == '1_residential' ){
  1307.                             return gridjs.html(`<span style=\"color: blue; cursor:pointer;\" onclick=\" viewFinder(\\'card\\'); viewCard(\\'\${row.cells[22].data}\\')\">Residential</span>`)  
  1308.                         }else if(cell == '2_agriculture'){
  1309.                             return gridjs.html(`<span style=\"color: green; cursor:pointer;\" onclick=\"viewFinder(\\'card\\');  viewCard(\\'\${row.cells[22].data}\\')\">Agriculture</span>`)
  1310.                         }else if(cell == '3_industrial'){
  1311.                             return gridjs.html(`<span style=\"color: gray; cursor:pointer;\" onclick=\"viewFinder(\\'card\\');  viewCard(\\'\${row.cells[22].data}\\')\">Industrial</span>`)
  1312.                         }else if(cell == '4_3_publicServices'){
  1313.                             return gridjs.html(`<span style=\"color: orange; cursor:pointer;\" onclick=\"viewFinder(\\'card\\');  viewCard(\\'\${row.cells[22].data}\\')\">Public services</span>`)
  1314.                         }else{
  1315.                             return gridjs.html(`<span style=\"color: black\">\${cell}</span>`)
  1316.                         }
  1317.                     }
  1318.                 },
  1319.                 {
  1320.                     id: 'grossfloorarea',
  1321.                     name: \"";
  1322.         // line 655
  1323.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Grossfloorarea"), "html", null, true);
  1324.         yield "\",
  1325.                     formatter: (cell) => html(`\${cell} m<sup>2</sup>`)
  1326.                 },
  1327.                 {
  1328.                     id: 'habitantes',
  1329.                     name: \"";
  1330.         // line 660
  1331.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Habitantes"), "html", null, true);
  1332.         yield "\",
  1333.                     formatter: (cell) => {
  1334.                         return gridjs.html(`<div class=\"mt-2\"><i class=\"fa-solid fa-users\"></i> \${cell}</div>`)
  1335.                     }
  1336.                 },
  1337.                 {
  1338.                     id: 'numberofdwellings',
  1339.                     name: \"";
  1340.         // line 667
  1341.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Viviendas"), "html", null, true);
  1342.         yield "\",
  1343.                     formatter: (cell) => html(`\${cell}`)
  1344.                 },
  1345.                 {
  1346.                     id: 'kpi_1_energy_renovated_residential_buildings',
  1347.                     name: \"";
  1348.         // line 672
  1349.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Energy renovated residential buildings"), "html", null, true);
  1350.         yield "\",
  1351.                     formatter: (cell) => html(`\${cell}`)
  1352.                 },
  1353.                 {
  1354.                     id: 'kpi_2_final_energy_consumption',
  1355.                     name: \"";
  1356.         // line 677
  1357.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Final energy consumption"), "html", null, true);
  1358.         yield "\",
  1359.                     formatter: (cell) => html(`\${cell}`)
  1360.                 },
  1361.                 {
  1362.                     id: 'kpi_3_renewable_energy_consumption',
  1363.                     name: \"";
  1364.         // line 682
  1365.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Renewable energy consumption"), "html", null, true);
  1366.         yield "\",
  1367.                     formatter: (cell) => html(`\${cell}`)
  1368.                 },
  1369.                 {
  1370.                     id: 'kpi_4_pv_potential_generation',
  1371.                     name: \"";
  1372.         // line 687
  1373.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Pv potential generation"), "html", null, true);
  1374.         yield "\",
  1375.                     formatter: (cell) => html(`\${cell}`)
  1376.                 },
  1377.                 {
  1378.                     id: 'kpi_7_heating_energy_consumption',
  1379.                     name: \"";
  1380.         // line 692
  1381.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Heating energy consumption"), "html", null, true);
  1382.         yield "\",
  1383.                     formatter: (cell) => html(`\${cell}`)
  1384.                 },
  1385.                 {
  1386.                     id: 'kpi_8_ghg_emissions',
  1387.                     name: \"";
  1388.         // line 697
  1389.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("GhG emissions"), "html", null, true);
  1390.         yield "\",
  1391.                     formatter: (cell) => html(`\${cell}`)
  1392.                 },
  1393.                 {
  1394.                     id: 'kpi_19_population_income_below_60_average',
  1395.                     name: \"";
  1396.         // line 702
  1397.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Population income below 60 average"), "html", null, true);
  1398.         yield "\",
  1399.                     formatter: (cell) => html(`\${cell}`)
  1400.                 },
  1401.                 {
  1402.                     id: 'kpi_20_median_household_income',
  1403.                     name: \"";
  1404.         // line 707
  1405.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Median household income"), "html", null, true);
  1406.         yield "\",
  1407.                     formatter: (cell) => html(`\${cell}`)
  1408.                 },
  1409.                 {
  1410.                     id: 'kpi_21_average_price_renting_compared_family_income',
  1411.                     name: \"";
  1412.         // line 712
  1413.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Average price renting compared family income"), "html", null, true);
  1414.         yield "\",
  1415.                     formatter: (cell) => html(`\${cell}`)
  1416.                 },
  1417.                 {
  1418.                     id: 'kpi_22_house_price',
  1419.                     name: \"";
  1420.         // line 717
  1421.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("House price"), "html", null, true);
  1422.         yield "\",
  1423.                     formatter: (cell) => html(`\${cell}`)
  1424.                 },
  1425.                 {
  1426.                     id: 'kpi_27_urban_equipment_at_15_min',
  1427.                     name: \"";
  1428.         // line 722
  1429.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Urban equipment at 15 min"), "html", null, true);
  1430.         yield "\",
  1431.                     formatter: (cell) => html(`\${cell}`)
  1432.                 },
  1433.                 {
  1434.                     id: 'kpi_28_accessibility_to_bike_lane',
  1435.                     name: \"";
  1436.         // line 727
  1437.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Accessibility to bike lane"), "html", null, true);
  1438.         yield "\",
  1439.                     formatter: (cell) => html(`\${cell}`)
  1440.                 },{
  1441.                     id: 'kpi_30_green_area_surfaces',
  1442.                     name: \"";
  1443.         // line 731
  1444.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Green area surfaces"), "html", null, true);
  1445.         yield "\",
  1446.                     formatter: (cell) => html(`\${cell}`)
  1447.                 },
  1448.                 {
  1449.                     id: 'kpi_31_vulnerability_heatwaves_temperature_rise',
  1450.                     name: \"";
  1451.         // line 736
  1452.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Vulnerability heatwaves temperature rise"), "html", null, true);
  1453.         yield "\",
  1454.                     formatter: (cell) => html(`\${cell}`)
  1455.                 },
  1456.                 {
  1457.                     id: 'kpi_36_charging_outlets',
  1458.                     name: \"";
  1459.         // line 741
  1460.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Charging outlets"), "html", null, true);
  1461.         yield "\",
  1462.                     formatter: (cell) => html(`\${cell}`)
  1463.                 },
  1464.                 {
  1465.                     id: 'kpi_6_1_energy_efficient_and_energy_recovering_homes',
  1466.                     name: \"";
  1467.         // line 746
  1468.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Energy efficient and energy recovering_homes"), "html", null, true);
  1469.         yield "\",
  1470.                     formatter: (cell) => html(`\${cell}`)
  1471.                 },
  1472.                 {
  1473.                     id: 'kpi_6_2_energy_efficient_and_energy_recovering_homes',
  1474.                     name: \"";
  1475.         // line 751
  1476.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Energy efficient and energy recovering homes"), "html", null, true);
  1477.         yield "\",
  1478.                     formatter: (cell) => html(`\${cell}`)
  1479.                 },
  1480.                 {
  1481.                     id: 'inspireid',
  1482.                     name: \"";
  1483.         // line 756
  1484.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("inspireid"), "html", null, true);
  1485.         yield "\",
  1486.                     formatter: (cell) => html(`\${cell}`)
  1487.                 }],
  1488.                 data: data,
  1489.                 pagination: {
  1490.                     limit: 50,
  1491.                     summary: true,
  1492.                 },
  1493.                 resizable: true,
  1494.                 search: false,
  1495.                 sort: true,
  1496.                 fixedHeader: true,
  1497.                 height: \$(\"#infoview\").height(),
  1498.             }).render(wrapper);
  1499.         }
  1501.         // Llamar a la función obtenerDatos() para obtener los datos inicialmente y renderizar la tabla
  1502.         caller.obtenerDatos(explore_kpi, explore_mun, explore_slug)
  1503.             .then((data) => {
  1504.                 console.log(data);
  1505.                 renderizarTabla(data);
  1506.             })
  1507.             .then(()=>{
  1508.                 setTimeout(()=>{
  1509.                     updateTable(explore_slug);
  1510.                 },2000)
  1511.                 
  1512.             });
  1513.     }
  1515.     //------------------------ Descargar Datos ------------------- //
  1516.     function loadSelectorIndicators()
  1517.     {
  1518.         \$(\"#project_actions_content\").html('');
  1519.         ";
  1520.         // line 790
  1521.         $context['_parent'] = $context;
  1522.         $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.', 790, $this->source); })()));
  1523.         foreach ($context['_seq'] as $context["_key"] => $context["item"]) {
  1524.             // line 791
  1525.             yield "            ";
  1526.             if ((CoreExtension::getAttribute($this->env, $this->source, $context["item"], "slug", [], "any", false, false, false, 791) == (isset($context["slug"]) || array_key_exists("slug", $context) ? $context["slug"] : (function () { throw new RuntimeError('Variable "slug" does not exist.', 791, $this->source); })()))) {
  1527.                 // line 792
  1528.                 yield "                ";
  1529.                 $context["break"] = false;
  1530.                 // line 793
  1531.                 yield "                ";
  1532.                 $context["array_used"] = [];
  1533.                 // line 794
  1534.                 yield "
  1535.                 ";
  1536.                 // line 795
  1537.                 $context['_parent'] = $context;
  1538.                 $context['_seq'] = CoreExtension::ensureTraversable(CoreExtension::getAttribute($this->env, $this->source, $context["item"], "relation", [], "any", false, false, false, 795));
  1539.                 foreach ($context['_seq'] as $context["_key"] => $context["rel"]) {
  1540.                     // line 796
  1541.                     yield "                    ";
  1542.                     if (((isset($context["break"]) || array_key_exists("break", $context) ? $context["break"] : (function () { throw new RuntimeError('Variable "break" does not exist.', 796, $this->source); })()) == false)) {
  1543.                         // line 797
  1544.                         yield "                        ";
  1545.                         $context["array_used"] = Twig\Extension\CoreExtension::merge((isset($context["array_used"]) || array_key_exists("array_used", $context) ? $context["array_used"] : (function () { throw new RuntimeError('Variable "array_used" does not exist.', 797, $this->source); })()), [CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "kpi", [], "any", false, false, false, 797)]);
  1546.                         // line 798
  1547.                         yield "                        var check = \"<div class='form-check'> <input class='form-check-input' type='checkbox' value='";
  1548.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "slug", [], "any", false, false, false, 798), "html", null, true);
  1549.                         yield "' id='flexCheckDefault' data-name='";
  1550.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "name", [], "any", false, false, false, 798), "html", null, true);
  1551.                         yield "'> <label class='form-check-label' for='flexCheckDefault'> ";
  1552.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "name", [], "any", false, false, false, 798), "html", null, true);
  1553.                         yield " </label></div>\";
  1554.                         \$(\"#project_actions_content\").append(check);
  1555.                         
  1556.                         console.log('";
  1557.                         // line 801
  1558.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "name", [], "any", false, false, false, 801), "html", null, true);
  1559.                         yield "');
  1560.                     ";
  1561.                     }
  1562.                     // line 803
  1563.                     yield "                ";
  1564.                 }
  1565.                 $_parent = $context['_parent'];
  1566.                 unset($context['_seq'], $context['_key'], $context['rel'], $context['_parent']);
  1567.                 $context = array_intersect_key($context, $_parent) + $_parent;
  1568.                 // line 804
  1569.                 yield "
  1570.                 ";
  1571.                 // line 805
  1572.                 $context['_parent'] = $context;
  1573.                 $context['_seq'] = CoreExtension::ensureTraversable((isset($context["analytic_data_relation"]) || array_key_exists("analytic_data_relation", $context) ? $context["analytic_data_relation"] : (function () { throw new RuntimeError('Variable "analytic_data_relation" does not exist.', 805, $this->source); })()));
  1574.                 foreach ($context['_seq'] as $context["_key"] => $context["rel"]) {
  1575.                     // line 806
  1576.                     yield "                    ";
  1577.                     if (!CoreExtension::inFilter(CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "kpi", [], "any", false, false, false, 806), (isset($context["array_used"]) || array_key_exists("array_used", $context) ? $context["array_used"] : (function () { throw new RuntimeError('Variable "array_used" does not exist.', 806, $this->source); })()))) {
  1578.                         // line 807
  1579.                         yield "                        var check = \"<div class='form-check'> <input class='form-check-input' type='checkbox' value='";
  1580.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "slug", [], "any", false, false, false, 807), "html", null, true);
  1581.                         yield "' id='flexCheckDefault' data-name='";
  1582.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "name", [], "any", false, false, false, 807), "html", null, true);
  1583.                         yield "'> <label class='form-check-label' for='flexCheckDefault'> ";
  1584.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "name", [], "any", false, false, false, 807), "html", null, true);
  1585.                         yield " </label></div>\";
  1586.                         \$(\"#project_actions_content\").append(check);
  1587.                         console.log('";
  1588.                         // line 809
  1589.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["rel"], "name", [], "any", false, false, false, 809), "html", null, true);
  1590.                         yield "');
  1591.                     ";
  1592.                     }
  1593.                     // line 810
  1594.                     yield " 
  1595.                 ";
  1596.                 }
  1597.                 $_parent = $context['_parent'];
  1598.                 unset($context['_seq'], $context['_key'], $context['rel'], $context['_parent']);
  1599.                 $context = array_intersect_key($context, $_parent) + $_parent;
  1600.                 // line 811
  1601.                 yield " 
  1602.             ";
  1603.             }
  1604.             // line 812
  1605.             yield " 
  1606.         ";
  1607.         }
  1608.         $_parent = $context['_parent'];
  1609.         unset($context['_seq'], $context['_key'], $context['item'], $context['_parent']);
  1610.         $context = array_intersect_key($context, $_parent) + $_parent;
  1611.         // line 813
  1612.         yield " 
  1614.         \$(\"#popUpIndicadores\").modal('show');
  1615.     }
  1617.     function getExcel() {
  1619.         const selectedNames = {};
  1620.         const checkboxes = document.querySelectorAll('.form-check-input:checked');
  1621.         const selectedValues = Array.from(checkboxes).map(checkbox => checkbox.value);
  1622.         /*const selectedNames = Array.from(checkboxes).map(checkbox => ({
  1623.             [checkbox.value]: checkbox.dataset.name
  1624.         }));*/
  1626.         checkboxes.forEach((checkbox) => selectedNames[checkbox.value] = checkbox.dataset.name);
  1628.         console.log(selectedValues);
  1629.         console.log(selectedNames);        
  1631.         caller.getExcel(explore_kpi, explore_mun, explore_slug, selectedValues, selectedNames)
  1632.             .then((data) => {
  1633.                 console.log(data); 
  1634.                 var bURL = \"";
  1635.         // line 835
  1636.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(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.', 835, $this->source); })()), "request", [], "any", false, false, false, 835), "getBasePath", [], "method", false, false, false, 835), "html", null, true);
  1637.         yield "\";
  1638.                 var href = bURL + \"/documents/\" + data;            
  1640.                 location = href;                             
  1641.             }).then(
  1642.                 //si hay que eliminar el archivo generado ---> here
  1643.             );
  1644.             
  1645.     }
  1646.     
  1647.     // --------------------- Card ------------------------------- //
  1649.     async function viewCard(id){
  1650.         \$(\"#infoview2\").hide();
  1651.         \$('.viewfindergroup').hide();
  1652.         \$('#card_view').show();
  1654.         let fachada = document.getElementById('img_fachada');
  1655.         let catastro = document.getElementById('img_catastro');
  1656.         let txt_build = document.getElementById('txt_build');
  1657.         let build_indicators = document.getElementById('build_indicators');
  1659.         let size = fachada.offsetWidth;
  1661.         fachada.style.height = size + 'px';
  1662.         catastro.style.height = size + 'px';
  1664.         var imagenAlternativa = explore_baseUrl + '/img/img_bk_building.jpg';
  1666.         let img_fachada = '<img class=\"img-fluid\" src=\"https://ovc.catastro.meh.es/OVCServWeb/OVCWcfLibres/OVCFotoFachada.svc/RecuperarFotoFachadaGet?ReferenciaCatastral=' + id + '\" width=\"auto\" height=\"'+size+'px\" onerror=\"this.onerror=null; this.src=\\''+ imagenAlternativa + '\\';\" />';
  1668.         let img_catastro = '<img class=\"img-fluid\" src=\"https://www1.sedecatastro.gob.es/Cartografia/GeneraGraficoParcela.aspx?del=8&mun=279&refcat=' + id + '&AnchoPixels=500&AltoPixels=500\" width=\"auto\" height=\"'+size+'px\" onerror=\"this.onerror=null; this.src=\\''+ imagenAlternativa + '\\';\" />';
  1670.         document.getElementById('img_fachada').innerHTML = img_fachada;
  1671.         document.getElementById('img_catastro').innerHTML = img_catastro;
  1673.         let buildData = await caller.getBuildData(id);
  1675.         // console.log(buildData);
  1677.         let UseValue = '';
  1678.         let valuesContent = '';
  1680.         if (buildData.use_numeric == 0) {
  1681.             UseValue = 'SFH';
  1682.         } else {
  1683.             UseValue = 'MFH';
  1684.         }
  1685.                 
  1687.         valuesContent += '<p style=\"font-size: 14px; \"><b>";
  1688.         // line 885
  1689.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Referencia catastral"), "html", null, true);
  1690.         yield ":</b> <span style=\"color:#222222; padding-left: 15px;\">' + buildData.inspireid + '</span></p>';
  1691.         valuesContent += '<p style=\"font-size: 14px; \"><b>";
  1692.         // line 886
  1693.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Año de construcción"), "html", null, true);
  1694.         yield ":</b> <span style=\"color:#222222; padding-left: 15px;\">' + buildData.year + '</span></p>';
  1695.         valuesContent += '<p style=\"font-size: 14px; \"><b>";
  1696.         // line 887
  1697.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Uso"), "html", null, true);
  1698.         yield ":</b> <span style=\"color:#222222; padding-left: 15px;\">' + UseValue + '</span></p>';
  1699.         valuesContent += '<p style=\"font-size: 14px; \"><b>";
  1700.         // line 888
  1701.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Plantas"), "html", null, true);
  1702.         yield ":</b> <span style=\"color:#222222; padding-left: 15px;\">' + buildData.num_floors + '</span></p>';
  1703.         valuesContent += '<p style=\"font-size: 14px; \"><b>";
  1704.         // line 889
  1705.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Superficie"), "html", null, true);
  1706.         yield ":</b> <span style=\"color:#222222; padding-left: 15px;\">' + buildData.grossfloorarea + '</span></p>';
  1708.         document.getElementById('txt_build').innerHTML = valuesContent;
  1710.         // console.log(kpi_list);      
  1712.         build_indicators.innerHTML = '';
  1713.         for(let i=0; kpi_list.length > i; i++){
  1714.             // console.log(kpi_list[i].slug);
  1715.             let buildDataFiltered = Object.keys(buildData).filter((key) => key === kpi_list[i].slug).map((key) => buildData[key]);
  1717.             //console.log(kpi_list[i]);
  1718.             if(kpi_list[i].name != 'Todos'){
  1719.                 var styleBox = \"\";
  1720.                 var grafica = \"\";
  1722.                 if (kpi_list[i].name == \"año de construcción\" || kpi_list[i].name == \"área\" || kpi_list[i].name == \"uso\") 
  1723.                     styleBox = \"bk_box--color\";
  1724.                 
  1725.                
  1726.                 if ( \$(\"#statline_id_\"+kpi_list[i].id) ){
  1727.                      
  1728.                     let contenido = \$(\"#statline_id_\"+kpi_list[i].id).html();  // Obtiene el HTML
  1729.                     let tempDiv = \$(\"<div>\").html(contenido);   // Lo convierte en un objeto jQuery
  1730.                     tempDiv.find(\"p\").hide();
  1731.                     tempDiv.find(\".statsline_range\").removeClass(\"d-none\");
  1732.                     tempDiv.find(\".statsline_range\").css({
  1733.                         \"position\": \"relative\",
  1734.                         \"font-size\": \"12px\",
  1735.                         \"color\": \"#7a7a7a\",
  1736.                         //\"top\": \"-10px\"
  1737.                     });
  1739.                     let maxValue = \$(\"#statline_id_\"+kpi_list[i].id).data(\"max\");
  1740.                     let minValue = \$(\"#statline_id_\"+kpi_list[i].id).data(\"min\");
  1741.                     let per = Math.ceil(((buildDataFiltered[0]) - minValue)/(maxValue - minValue) * 100);
  1742.                     
  1743.                     tempDiv.find(\".statsline_item\").css(\"left\", per+\"%\");                    
  1744.                     grafica = tempDiv.html();
  1745.                 }  else grafica = \"\";
  1747.                 let dataNumber = \"\";
  1748.                 if (buildDataFiltered[0] == null){
  1749.                     if (window.appLocale == 'ca')   dataNumber = \"No hi han dades\";
  1750.                     else if (window.appLocale == 'en')  dataNumber = \"No data\";
  1751.                     else dataNumber = \"No hay datos\"; 
  1752.                 }   
  1753.                 else if (kpi_list[i].name != \"año de construcción\"){
  1754.                     numero = Number.parseFloat(buildDataFiltered[0]);
  1755.                     dataNumber = numero.toLocaleString(\"es-ES\");
  1756.                 }else  dataNumber =  buildDataFiltered[0];                           
  1758.                 if (kpi_list[i].name == \"uso\" && buildDataFiltered[0] == 0){
  1759.                     if (window.appLocale == 'ca')   dataNumber = \"Unifamiliar\";
  1760.                     else if (window.appLocale == 'en')  dataNumber = \"Unifamiliar\";
  1761.                     else dataNumber = \"Unifamiliar\";
  1762.                     
  1763.                 }         
  1764.                 else if (kpi_list[i].name == \"uso\" && buildDataFiltered[0] == 1){
  1765.                     if (window.appLocale == 'ca')   dataNumber = \"Plurifamiliar\";
  1766.                     else if (window.appLocale == 'en')  dataNumber = \"Plurifamiliar\";
  1767.                     else dataNumber = \"Plurifamiliar\";
  1768.                 }     
  1770.                 if (window.appLocale == 'ca')
  1771.                 {
  1772.                     var kpiName = kpi_list[i].name_ca;
  1773.                     var KpiInfo = kpi_list[i].info_ca;
  1774.                 }else if (window.appLocale == 'en') {
  1775.                     var kpiName = kpi_list[i].name_en;
  1776.                     var KpiInfo = kpi_list[i].info_en;
  1777.                 }else{ 
  1778.                     var kpiName = kpi_list[i].name;
  1779.                     var KpiInfo = kpi_list[i].info; 
  1780.                 }
  1782.                 build_indicators.innerHTML += '<div class=\"col-6 col-sm-3 d-flex\"><div class=\"bk_box '+styleBox+' p-3 w-100 d-flex flex-column\"><div class=\"mb-2 d-flex justify-content-between align-items-baseline\" style=\"height: 58px;\"><p class=\"fw-bold mb-2\" style=\"font-size: 14px; line-height: 18px; max-width: 70%;\">'+ capitalizeFirstLetter(kpiName) +'</p><p style=\"font-weight:600; \"><span style=\"font-size:16px; color:#6E93F6;\"> '+ dataNumber +'</span></p></div><div class=\"d-flex justify-content-between mb-2\"><div style=\"width: 100%;\">'+grafica+'</div></div><p class=\" mb-2 boxed_limited\" onclick=\"activeClass(this)\" >'+ KpiInfo +'</p></div></div>';
  1783.                 
  1784.             }
  1785.             
  1787.         }
  1789.     }
  1791.     function formatearNumero(numero) {
  1792.         //return numero;
  1793.         
  1794.         if(typeof numero === 'number'){
  1795.             numero = numero.toString();
  1796.             numero = Number.parseFloat(numero);
  1797.             return numero.toLocaleString(\"es-ES\");
  1798.             // return numero.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \".\");
  1799.         }else if(numero === null){
  1800.             return numero;
  1801.         }else{
  1802.             // console.log(numero);
  1803.             numero = Number.parseFloat(numero);
  1804.             return numero.toLocaleString(\"es-ES\");
  1805.             
  1806.         }
  1807.     }
  1809.     function hideCardOnData(){
  1810.         document.getElementById('info_window').innerHTML = '';
  1811.     }
  1813.     // --------------------- Fn OK ------------------------------- //
  1815.     function updateMapFromDiv(a){
  1817.         let indArr = [{'kpi': parseInt(a)}];
  1818.         let divi = document.getElementById('statline_id_' + a);
  1819.         let alldivi = document.getElementsByClassName('grayscale');
  1821.         for(let i=0; alldivi.length > i; i++){
  1822.             alldivi[i].classList.remove('kpi_selected');
  1823.             alldivi[i].classList.remove('disabled');
  1824.         }
  1826.         divi.classList.add('kpi_selected');
  1827.         divi.classList.add('disabled');
  1829.         explore_kpi = divi.getAttribute('data-kpi');
  1830.         explore_slug = divi.getAttribute('data-slug');
  1831.         
  1832.         rPlatform.setiSelected(indArr);
  1833.         rPlatform.setiActive();
  1834.         rPlatform.updateMap();
  1836.         // console.log(indArr);
  1838.         this.selectedIndicator(divi);
  1839.         this.updateTable(explore_slug);
  1841.         //this.selectedDiv();
  1843.     }
  1845.     function updateMapFromStat(a){
  1847.         let indArr = [{'kpi': parseInt(a)}];
  1849.         let slug = '';
  1850.         let name = '';
  1851.         if(a == 100){
  1852.             slug = 'statYearBox';
  1853.             name = 'Año de construcción';
  1854.         }else if(a == 101){
  1855.             slug = 'statAreaBox';
  1856.             name = 'Área';
  1857.         }else if(a == 104){
  1858.             slug = 'statOccupationBox';
  1859.             name = 'Porcentaje de ocupación';
  1860.         }else if(a == 105){
  1861.             slug = 'statUseBox';
  1862.             name = 'Uso del edificio';
  1863.         }
  1865.         let divi = document.getElementById(slug);
  1866.         
  1867.         var selectedBox = document.getElementById('selected_box_content');
  1868.         // selectedBox.innerHTML = divi.outerHTML;
  1870.         let html = '<h6>'+name+'</h6>';
  1871.         // selectedBox.insertAdjacentHTML(\"afterbegin\", html);
  1873.         rPlatform.setiSelected(indArr);
  1874.         rPlatform.setiActive();
  1875.         rPlatform.updateMap();
  1877.     }
  1879.     function updateTable(slug){
  1881.         let kpiArray = ['kpi_1_energy_renovated_residential_buildings', 'kpi_2_final_energy_consumption', 'kpi_3_renewable_energy_consumption', 'kpi_4_pv_potential_generation', 'kpi_7_heating_energy_consumption', 'kpi_8_ghg_emissions', 'kpi_19_population_income_below_60_average', 'kpi_20_median_household_income', 'kpi_21_average_price_renting_compared_family_income', 'kpi_22_house_price', 'kpi_27_urban_equipment_at_15_min', 'kpi_28_accessibility_to_bike_lane', 'kpi_30_green_area_surfaces', 'kpi_31_vulnerability_heatwaves_temperature_rise', 'kpi_36_charging_outlets', 'kpi_6_2_energy_efficient_and_energy_recovering_homes', 'kpi_6_1_energy_efficient_and_energy_recovering_homes', 'inspireid']
  1882.         // Seleccionar todas las columnas con slug
  1883.         for(let i=0; kpiArray.length > i;i++){
  1884.             let celda = document.querySelectorAll('#wrapper .gridjs-table [data-column-id='+kpiArray[i]+']');
  1885.             for(let j=0; celda.length > j;j++){
  1886.                 celda[j].classList.add('d-none');
  1887.             }
  1888.         }
  1889.         
  1890.         // Seleccionar las celdas de nuestro slug
  1891.         let celdaSlug = document.querySelectorAll('#wrapper .gridjs-table [data-column-id='+slug+']');
  1892.         for(let j=0; celdaSlug.length > j;j++){
  1893.             celdaSlug[j].classList.remove('d-none');
  1894.             celdaSlug[j].classList.add('selected');
  1895.         }
  1896.         
  1897.         // console.log('updateTable',slug);
  1899.     }
  1901.     function selectedIndicator(a){
  1902.         var dataDiv = '';
  1903.         var selectedBox = document.getElementById('selected_box_content');
  1904.         var linestat = a.getElementsByClassName('statsline');
  1905.         var titlestat = a.getElementsByClassName('title');
  1906.         
  1907.         var p = parseFloat(a.getAttribute('data-p')).toFixed(2);
  1908.         var m = parseFloat(a.getAttribute('data-m')).toFixed(2);
  1909.         var r = parseFloat(a.getAttribute('data-r')).toFixed(2);
  1910.         var max = parseFloat(a.getAttribute('data-max'));
  1912.         // Si hay datos completos pintamos los pins en el indicador seleccionado
  1913.         if (p !== null && m !== null && r !== null){
  1914.             var dato_p = detres(p,max);
  1915.             var dato_m = detres(m,max);
  1916.             var dato_r = detres(r,max);
  1917.             var pinDiv = '<span class=\"statsline_item_extra\" style=\"left: '+dato_p+'%;\"><i class=\"fa-solid vert_bar\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" data-bs-custom-class=\"custom-tooltip\" data-bs-title=\"Provincia '+p+'\"></i><span class=\"pindata\">P</span></span> <span class=\"statsline_item_extra\" style=\"left: '+dato_m+'%;\"><i class=\"fa-solid vert_bar\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" data-bs-custom-class=\"custom-tooltip\" data-bs-title=\"Municipio '+m+'\"></i><span class=\"pindata\">M</span></span> <span class=\"statsline_item_extra\" style=\"left: '+dato_r+'%;\"><i class=\"fa-solid vert_bar\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" data-bs-custom-class=\"custom-tooltip\" data-bs-title=\"Región '+r+'\"></i><span class=\"pindata\">R</span></span> ';
  1919.             var elemento = linestat[0];
  1920.             // elemento.insertAdjacentHTML('beforeend', pinDiv);
  1922.             dataDiv = titlestat[0].outerHTML + elemento.outerHTML;
  1923.             // selectedBox.innerHTML = dataDiv;   
  1924.         }else{
  1925.             dataDiv = titlestat[0].outerHTML + linestat[0].outerHTML;
  1926.             // selectedBox.innerHTML = dataDiv;
  1927.         }
  1928.         
  1929.         let titleAttribute = a.getAttribute('data-bs-title');
  1930.         let descAttribute = a.getAttribute('data-bs-content');
  1932.         // selectedBox.setAttribute(\"data-bs-title\", titleAttribute);
  1933.         // selectedBox.setAttribute(\"data-bs-content\", descAttribute);
  1935.         \$('[data-bs-toggle=\"popover_live_top\"]').mouseover(function(){
  1936.             \$('[data-bs-toggle=\"popover_live_top\"]').popover();
  1937.         });
  1939.         const popoverTriggerList = document.querySelectorAll('[data-bs-toggle=\"popover_live_top\"]')
  1940.         const popovertipList = [...popoverTriggerList].map(item => new bootstrap.Popover(item));
  1942.         const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle=\"tooltip\"]')
  1943.         const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl));
  1944.     }
  1946.     function detres(value,max){
  1947.         let dato = (value*100)/max;
  1948.         return dato.toFixed(2);
  1949.     }
  1950.     
  1951.     function updateMap(){
  1953.         var selectElement = document.querySelector('#kpi_selector');
  1954.         var kpi_id = selectElement.value;
  1955.         let indArr = [{'kpi': parseInt(kpi_id)}];
  1957.         rPlatform.setiSelected(indArr);
  1958.         rPlatform.setiActive();
  1959.         rPlatform.updateMap();
  1961.         var iActive = rPlatform.getiActive();
  1962.         updateSelector(iActive)
  1964.     }
  1966.     // --------------------- Simple Fn OK ------------------------------- //
  1968.     function updateSelector(kpi){
  1969.         var selector = document.getElementById('kpi_selector');
  1970.         selector.value = kpi;
  1971.     }
  1973.     function loadUrlBack(){
  1974.         let url = explore_baseUrl + \"/\" + explore_mun ;
  1975.         window.location.href = url;
  1976.     }
  1977.     
  1978.     function gotoproject(){
  1979.         let url = '';
  1980.         url = explore_baseUrl + \"/\" + explore_mun + \"/plan\";
  1981.         window.location.href = url;
  1982.     }
  1984.     function capitalizeFirstLetter(string) {
  1985.         return string.charAt(0).toUpperCase() + string.slice(1);
  1986.     }
  1988.     function viewFinder(a){
  1989.         \$('.viewfindergroup').hide();
  1990.         \$('#'+ a +'_view').show();
  1991.         
  1992.         if(a == 'map' || a == 'data')
  1993.         {
  1994.             \$(\"#infoview2\").show();
  1995.         }else{
  1996.             \$(\"#infoview2\").hide();
  1997.         }
  1999.         if(a == 'data'){
  2000.             tableData();
  2001.         }
  2003.         console.log(a);
  2005.         [...document.querySelectorAll('.left_bar_button')].map(x => x.classList.remove('active'));       
  2006.         document.getElementById('left_bar_button_'+a).classList.add('active');
  2008.     }
  2009.     
  2010.     function centerViewMap(){
  2011.         var zoom = rPlatform.getZoom();
  2012.         rPlatform.setCenterView(initGeo);
  2013.     }
  2015.     function expandIcon(e){
  2017.         var elemento = document.getElementById(e);
  2018.         var textoExtraido = elemento.innerText;
  2020.         if (textoExtraido == 'expand_more'){
  2021.             elemento.innerText = 'expand_less';
  2022.         }else{
  2023.             elemento.innerText = 'expand_more';
  2024.         }
  2025.     }
  2027.     function infoviewToggle(){
  2029.         if(\$('#infoview2').hasClass('show')){
  2030.             \$('#infoview2').collapse('hide');
  2031.             \$('#infoview').addClass('w-100');
  2032.             \$('#expand .material-symbols-outlined').text('collapse_content');
  2033.         }else{
  2034.             \$('#infoview2').collapse('show');
  2035.             \$('#infoview').removeClass('w-100');
  2036.             \$('#expand .material-symbols-outlined').text('expand_content');
  2037.         }
  2038.     }
  2040.     function activeClass(elem){
  2041.         var elemento = \$(elem);
  2042.         elemento.toggleClass('active');
  2043.     }
  2044.     
  2045. </script>
  2046. <script>
  2047.     \$(document).ready(function(){
  2049.         document.getElementById('big_container').classList.add('full');
  2050.         
  2051.         var headerInTop = document.getElementById('header_in_top').offsetHeight;
  2052.         var containerInContent = document.getElementById('container_in_content').offsetHeight;
  2053.         var headerContentInfoTop = document.getElementById('header_content_info_top').offsetHeight;
  2054.         var bigContainer = document.getElementById('big_container').offsetHeight;
  2055.         var containerInContentTotal = bigContainer - headerInTop;
  2056.         var containerSteps = bigContainer - headerInTop - headerContentInfoTop;
  2057.         
  2058.         document.getElementById('container_in_content').style.height = containerInContentTotal + 'px';
  2059.         document.getElementById('infoview_content').style.height = containerInContentTotal + 'px';
  2060.         document.getElementById('analytic_step').style.height = containerInContentTotal + 'px';
  2061.         
  2062.         var divs = document.querySelectorAll('.infoview_div');
  2063.         for(let i=0; divs.length > i; i++){
  2064.             divs[i].style.height = containerSteps + 'px';
  2065.         }
  2067.         var divs2 = document.querySelectorAll('.infoview2_div');
  2068.         for(let i=0; divs2.length > i; i++){
  2069.             divs2[i].style.height = containerSteps + 'px';
  2070.         }
  2072.         var divsIn = document.querySelectorAll('.viewfindergroup');
  2073.         for(let i=0; divsIn.length > i; i++){
  2074.             divsIn[i].style.height = containerSteps + 'px';
  2075.         }
  2077.         let flashDiv = document.querySelector('.flash-notice');
  2078.         if(flashDiv){
  2079.             setTimeout(()=>{
  2080.                 flashDiv.remove();
  2081.             },10000);
  2082.         }
  2084.     });
  2086.     function removeDiv(id){
  2087.         let divi = document.getElementById(id);
  2088.         divi.remove();
  2089.     }
  2090. </script>
  2092. ";
  2093.         
  2094.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  2096.         
  2097.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  2099.         yield from [];
  2100.     }
  2102.     /**
  2103.      * @codeCoverageIgnore
  2104.      */
  2105.     public function getTemplateName(): string
  2106.     {
  2107.         return "analytic/explore.html.twig";
  2108.     }
  2110.     /**
  2111.      * @codeCoverageIgnore
  2112.      */
  2113.     public function isTraitable(): bool
  2114.     {
  2115.         return false;
  2116.     }
  2118.     /**
  2119.      * @codeCoverageIgnore
  2120.      */
  2121.     public function getDebugInfo(): array
  2122.     {
  2123.         return array (  1705 => 889,  1701 => 888,  1697 => 887,  1693 => 886,  1689 => 885,  1636 => 835,  1612 => 813,  1605 => 812,  1601 => 811,  1594 => 810,  1589 => 809,  1579 => 807,  1576 => 806,  1572 => 805,  1569 => 804,  1563 => 803,  1558 => 801,  1547 => 798,  1544 => 797,  1541 => 796,  1537 => 795,  1534 => 794,  1531 => 793,  1528 => 792,  1525 => 791,  1521 => 790,  1484 => 756,  1476 => 751,  1468 => 746,  1460 => 741,  1452 => 736,  1444 => 731,  1437 => 727,  1429 => 722,  1421 => 717,  1413 => 712,  1405 => 707,  1397 => 702,  1389 => 697,  1381 => 692,  1373 => 687,  1365 => 682,  1357 => 677,  1349 => 672,  1341 => 667,  1331 => 660,  1323 => 655,  1303 => 638,  1296 => 634,  1221 => 562,  1212 => 556,  1208 => 555,  1202 => 552,  1198 => 550,  1192 => 546,  1188 => 544,  1182 => 540,  1178 => 538,  1172 => 534,  1168 => 532,  1162 => 528,  1149 => 518,  1144 => 516,  1134 => 509,  1128 => 506,  1123 => 504,  1119 => 503,  1115 => 502,  1110 => 500,  1090 => 483,  1086 => 482,  1082 => 481,  1041 => 443,  1036 => 440,  1030 => 436,  1012 => 421,  1008 => 420,  1002 => 418,  989 => 417,  962 => 398,  956 => 397,  947 => 390,  925 => 358,  915 => 351,  911 => 350,  898 => 346,  893 => 343,  878 => 341,  870 => 339,  862 => 337,  859 => 336,  856 => 335,  839 => 334,  834 => 331,  831 => 330,  828 => 329,  825 => 328,  818 => 326,  815 => 325,  812 => 324,  810 => 323,  807 => 322,  802 => 321,  800 => 320,  794 => 317,  787 => 313,  783 => 312,  755 => 309,  752 => 308,  749 => 307,  746 => 306,  743 => 305,  740 => 304,  737 => 303,  734 => 302,  731 => 301,  728 => 300,  725 => 299,  723 => 298,  720 => 297,  717 => 296,  715 => 295,  712 => 294,  706 => 292,  700 => 290,  698 => 289,  693 => 288,  691 => 287,  687 => 285,  685 => 284,  682 => 283,  679 => 282,  677 => 281,  660 => 280,  656 => 278,  653 => 276,  651 => 275,  644 => 271,  635 => 264,  621 => 263,  614 => 259,  610 => 258,  604 => 254,  601 => 253,  598 => 252,  596 => 251,  590 => 248,  586 => 247,  573 => 243,  568 => 240,  553 => 238,  545 => 236,  537 => 234,  534 => 233,  531 => 232,  514 => 231,  509 => 228,  506 => 227,  503 => 226,  500 => 225,  493 => 223,  490 => 222,  487 => 221,  485 => 220,  482 => 219,  477 => 218,  475 => 217,  469 => 214,  441 => 211,  438 => 210,  436 => 209,  433 => 208,  430 => 207,  427 => 206,  424 => 205,  421 => 204,  418 => 203,  415 => 202,  412 => 201,  409 => 200,  406 => 199,  404 => 198,  401 => 197,  398 => 195,  395 => 194,  378 => 193,  375 => 192,  373 => 191,  370 => 189,  367 => 188,  364 => 187,  362 => 186,  355 => 182,  345 => 175,  313 => 146,  303 => 139,  293 => 132,  285 => 127,  281 => 126,  277 => 125,  272 => 123,  218 => 72,  208 => 65,  201 => 60,  195 => 58,  189 => 56,  187 => 55,  182 => 54,  180 => 53,  172 => 47,  170 => 46,  167 => 45,  162 => 44,  146 => 30,  138 => 25,  130 => 20,  123 => 15,  113 => 11,  108 => 8,  104 => 7,  101 => 6,  88 => 5,  65 => 3,  42 => 1,);
  2124.     }
  2126.     public function getSourceContext(): Source
  2127.     {
  2128.         return new Source("{% extends 'Layouts/layout.html.twig' %}
  2130. {% block title %} Retabit Platform {% endblock %}
  2132. {% block content %}
  2134.     {% for message in app.flashes('notice') %}
  2135.         <div class=\"flash-notice\" id=\"flash_div\">
  2136.             <div class=\"text-end\"><span class=\"material-symbols-outlined hover\" onclick=\"removeDiv('flash_div')\">close</span></div>
  2137.             <div class=\"container\">
  2138.                 <p>{{ message | raw | trans}}</p>
  2139.             </div>
  2140.         </div>
  2141.     {% endfor %}
  2143.     <div class=\"modal fade\" id=\"popUpIndicadores\" tabindex=\"-1\" >
  2144.         <div class=\"modal-dialog modal-lg\">
  2145.             <div class=\"modal-content\">
  2146.                 <div class=\"modal-header\">
  2147.                     <h1 class=\"modal-title fs-5\" id=\"exampleModalLabel\">{% trans %}Selecciona los indicadores para descargar en un fichero Excel{% endtrans %}</h1>
  2148.                     <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>
  2149.                 </div>
  2150.                 <div class=\"modal-body\">
  2151.                     <div class=\"row\">
  2152.                         <a id=\"selectAllBtn\" class=\"px-5 mb-2\" style=\"cursor: pointer; font-weight: 400; text-decoration:none;\">{% trans %}Seleccionar Todos{% endtrans %}</a>
  2153.                         <div class=\"col-12 px-5\" id=\"project_actions_content\">
  2154.                             
  2155.                         </div>
  2156.                         <div class=\"text-center\" id=\"popUpIndicadores_button\">
  2157.                             <button class=\"btn btn-primary\" onclick=\"getExcel()\">{% trans %}Descargar{% endtrans %} selección</button>
  2158.                         </div>
  2159.                     </div>
  2160.                 </div>
  2161.             </div>
  2162.         </div>
  2163.     </div>
  2165.     <div class=\"container-fluid project_explore_container\" id=\"container_in_content\">
  2167.         <div class=\"row justify-content-center\">
  2169.             <div id=\"infoview_content\" class=\"col-12\">
  2170.                 {# {{dump(analytic_data)}} #}
  2171.                 {% for item in analytic_data %}
  2172.                 {% if item.slug == slug %}
  2173.                     {#% dump(item) %#}
  2174.                 <div class=\"row justify-content-center\">
  2175.                     <!-- Textai box -->
  2176.                     <div class=\"col-12 p-3\" id=\"header_content_info_top\">
  2177.                         
  2178.                         <div class=\"d-flex justify-content-between align-items-center\">
  2179.                             <h2 class=\"d-inline-block\" data-bs-toggle=\"collapse\" href=\"#textai_box\" role=\"button\" aria-expanded=\"false\" aria-controls=\"textai_box\" onclick=\"expandIcon('analytics_title_arrow')\" >
  2180.                                 {% if app.request.locale == \"ca\" %}
  2181.                                     {{item.name_ca}}
  2182.                                 {% elseif app.request.locale == \"en\" %}
  2183.                                     {{item.name_en}}
  2184.                                 {% else %}
  2185.                                     {{item.name}}
  2186.                                 {% endif %}
  2187.                                  
  2188.                                 <span class=\"material-symbols-outlined hover\" id=\"analytics_title_arrow\">expand_more</span>
  2189.                             </h2>
  2190.                             <div class=\"d-flex\">
  2191.                                 <div class=\"d-flex align-items-center\">                                    
  2192.                                     <button class=\"btn btn-primary btn-sm\" onclick=\"loadSelectorIndicators()\">{% trans %}Descargar datos{% endtrans %}</button>
  2193.                                 </div>
  2194.                                 
  2195.                             </div>
  2197.                         </div>
  2198.                         <div class=\"collapse\" id=\"textai_box\" style=\"max-width: 940px;\">
  2199.                             <p class=\"flex-fill mb-3\" style=\"font-size: 14px;\">{{item.textai}}</p>
  2200.                         </div>
  2201.                         
  2202.                     </div>
  2203.                     
  2204.                     <div class=\"col-12 all_steps\" id=\"analytic_step\">
  2205.                         <div class=\"row justify-content-center align-items-top\">
  2206.                             <div id=\"infoview\" class=\"infoview_div col-12\">
  2207.                                 <div class=\"row align-items-center justify-content-center\">
  2208.                                     
  2209.                                     <div class=\"col-12 collapse show\" id=\"filter_div\">
  2210.                                         <div class=\"row align-items-center justify-content-center\">
  2211.                                             
  2212.                                         </div>
  2213.                                     </div>
  2214.                                 </div>
  2215.                                 <div class=\"row viewfindergroup\" id=\"map_view\" >
  2216.                                     <div class=\"col-12\">
  2217.                                         
  2218.                                         <div class=\"map__container\" style=\"position:relative;\">
  2220.                                             <div id=\"map\" class=\"map\"></div>
  2222.                                             <div class=\"legend\"></div>
  2224.                                             <div id=\"popup\" class=\"popup d-none\">
  2225.                                                 <a href=\"#\" id=\"popup-closer\" class=\"popup__closer\"></a>
  2226.                                                 <div id=\"popup-content\" class=\"popup__content\"></div>
  2227.                                             </div>
  2229.                                             <button id=\"centerbutton\" class=\"btn btn-light btn-sm pb-0\" onclick=\"centerViewMap()\">
  2230.                                             <span class=\"material-symbols-outlined\">fit_screen</span>
  2231.                                             <span class=\"material-symbols-outlined d-none\">collapse_content</span></button>
  2233.                                             <button id=\"expand\" class=\"btn btn-light btn-sm pb-0\" onclick=\"infoviewToggle()\">
  2234.                                             <span class=\"material-symbols-outlined\">expand_content</span></button>
  2236.                                         </div>
  2237.                                     </div>
  2238.                                 </div>
  2240.                                 <div class=\"row viewfindergroup\" id=\"data_view\">
  2241.                                     <div class=\"col-12 pb-2\" style=\"overflow-y: scroll; height: 80vh;\">
  2242.                                         <div id=\"wrapper\"></div>
  2243.                                     </div>
  2244.                                 </div>
  2246.                                 <div class=\"row viewfindergroup\" id=\"card_view\" >
  2247.                                     <div class=\"col-12 pb-2\" style=\"overflow-y: scroll; height: 80vh;\">
  2248.                                         <form class=\"row row-cols-lg-auto g-2 align-items-center mb-2 d-none\">
  2249.                                             <div class=\"col-12\">
  2250.                                                 <label class=\"visually-hidden\" for=\"via\">{% trans %}Tipo via{% endtrans %}</label>
  2251.                                                 <select class=\"form-select\" id=\"via\">
  2252.                                                     <option value=\"1\">{% trans %}Calle{% endtrans %}</option>
  2253.                                                     <option value=\"2\">{% trans %}Avenida{% endtrans %}</option>
  2254.                                                     <option value=\"3\">{% trans %}Rambla{% endtrans %}</option>
  2255.                                                 </select>
  2256.                                             </div>
  2258.                                             <div class=\"col-12\">
  2259.                                                 <label class=\"visually-hidden\" for=\"street_name\">{% trans %}Nombre calle{% endtrans %}</label>
  2260.                                                 <div class=\"input-group\">
  2261.                                                     <input type=\"text\" class=\"form-control\" id=\"street\" placeholder=\"Nombre de calle\">
  2262.                                                 </div>
  2263.                                             </div>
  2265.                                             <div class=\"col-12\">
  2266.                                                 <label class=\"visually-hidden\" for=\"flat\">{% trans %}Piso{% endtrans %}</label>
  2267.                                                 <div class=\"input-group\">
  2268.                                                     <input type=\"text\" class=\"form-control\" id=\"flat\" placeholder=\"Piso\">
  2269.                                                 </div>
  2270.                                             </div>
  2272.                                             <div class=\"col-12\">
  2273.                                                 <label class=\"visually-hidden\" for=\"floor\">{% trans %}Planta{% endtrans %}</label>
  2274.                                                 <div class=\"input-group\">
  2275.                                                     <input type=\"text\" class=\"form-control\" id=\"floor\" placeholder=\"Pta.\">
  2276.                                                 </div>
  2277.                                             </div>
  2279.                                             <div class=\"col-12\">
  2280.                                                 <button type=\"submit\" class=\"btn btn-primary pb-0\"><span class=\"material-symbols-outlined\">search</span></button>
  2281.                                             </div>
  2282.                                         </form>
  2283.                                         <div class=\"row\" style=\" padding: 20px; margin-bottom: 40px;    box-sizing: border-box;\">
  2284.                                             <div class=\"col-6 col-sm-3 overflow-hidden\" id=\"img_fachada\" style=\"background: #fbfbfb;  padding: 20px;\"></div>
  2285.                                             
  2286.                                             <div class=\"col-6 col-sm-3 overflow-hidden me-4\" id=\"img_catastro\" style=\"background: #fbfbfb;  padding: 20px;\"></div>
  2287.                                             <div class=\"col-12 col-sm-5\" id=\"txt_build\"></div>
  2288.                                             
  2289.                                         </div>
  2290.                                         
  2291.                                         <div class=\"row g-3\" id=\"build_indicators\">
  2292.                                         </div>
  2293.                                     </div>
  2294.                                 </div>
  2295.                             </div>
  2297.                             <div id=\"infoview2\" class=\"infoview2_div collapse collapse-horizontal show\">
  2298.                                     
  2299.                                 
  2300.                                 <!-- Selected box -->
  2301.                                 <div class=\"col-12 selected_box p-3 mb-3 sticky-top d-none\">
  2302.                                     <h4>{% trans %}Indicador seleccionado{% endtrans %}</h4>
  2303.                                     <div id=\"selected_box_content\" class=\"selected_box_item\" title=\"Header\" data-bs-toggle=\"popover_live_top\" data-bs-trigger=\"hover focus\" data-bs-title=\"Popover title\" data-bs-content=\"And here's some amazing content. It's very engaging. Right?\"></div>
  2304.                                 </div>
  2306.                                 <!-- Indicadores box -->
  2307.                                 <div class=\"col-12 analytic_box box_blue_soft p-3 graphic_box stats_box mb-3\">
  2308.                                     <div class=\"d-flex justify-content-between\">
  2309.                                         <p class=\"fw-bold fs-5\">{% trans %}Indicadores relacionados{% endtrans %}</p>
  2310.                                         
  2311.                                     </div>
  2312.                                     <div class=\"\" id=\"analytics_indicators\">
  2313.                                         {% set break = false %}
  2314.                                         {% set array_used = [] %}
  2315.                                         {% set category = '' %}
  2317.                                         {#% dump(\"Item\") %#}
  2318.                                         {#% dump(item) %#}
  2320.                                         {% for rel in item.relation %}
  2321.                                             {% if break == false %}
  2323.                                             {#% dump(rel) %#}
  2325.                                             {% if app.request.locale == \"ca\" %}
  2326.                                                 {% set title = rel.name_ca %}
  2327.                                                 {% set description = rel.info_ca %}
  2328.                                             {% elseif app.request.locale == \"en\" %}
  2329.                                                 {% set title = rel.name_en %}
  2330.                                                 {% set description = rel.info_en %}
  2331.                                             {% else %}
  2332.                                                 {% set title = rel.name %}
  2333.                                                 {% set description = rel.info %}
  2334.                                             {% endif %}
  2336.                                             {% set array_used = array_used|merge([rel.kpi]) %}
  2337.                                             
  2338.                                             <div id=\"statline_id_{{rel.kpi}}\" onclick=\"updateMapFromDiv({{rel.kpi}})\" class=\"grayscale analytics_statsline_item\" data-kpi=\"{{rel.kpi}}\" data-slug=\"{{rel.slug}}\" data-bs-toggle=\"popover_live_{{loop.index}}\" data-bs-trigger=\"hover focus\" data-bs-title=\"{{title|capitalize}}\" data-bs-content=\"{{description}}\" data-p=\"{{ rel.province }}\" data-m=\"{{ rel.city }}\" data-r=\"{{ rel.region }}\" data-max=\"{{ rel.max_value }}\" data-min=\"{{ rel.min_value }}\">
  2340.                                             
  2341.                                                 <p class=\"mb-1 title\" style=\"font-size: 14px; font-weight: 600;\">{{title|capitalize}}</p>
  2342.                                                 <div class=\"statsline mb-3\" >
  2344.                                                     {% set color = [] %}
  2345.                                                     {% for rank in kpi_rank %}
  2346.                                                         
  2347.                                                         {% if rank.kpi_id == rel.kpi %}
  2348.                                                             {% set color = color|merge([rank.bgcolor]) %}
  2349.                                                         {% endif %}
  2351.                                                     {% endfor %}
  2352.                                                     {% set counter = color|length %}
  2353.                                                     {% set partsize = 100/counter %}
  2354.                                                     {% set stylestring = '' %}
  2356.                                                     <div class=\"bk_line\">
  2358.                                                     {% for colorpart in color %}
  2359.                                                         {% if loop.last %}
  2360.                                                         {% set dato = 99.9-(partsize*(counter - 1)) %}
  2361.                                                             <div class=\"analytic_color_bar\" style=\"width:{{dato}}%; background-color: {{colorpart}};\"></div>
  2362.                                                         {% else %}
  2363.                                                             <div class=\"analytic_color_bar\" style=\"width:{{partsize|number_format(2, '.')}}%; background-color: {{colorpart}};\"></div>        
  2364.                                                         {% endif %}
  2365.                                                         
  2366.                                                     {% endfor %}
  2367.                                                     
  2368.                                                     </div>
  2369.                                                     
  2370.                                                     <span class=\"statsline_item statsline_{{loop.index}} item_tooltip\" style=\"left: {{rel.theme_per}}%;margin-left: -6px;\" data-text=\"{{rel.theme}}\" data-kpi=\"{{rel.kpi}}\" data-bs-custom-class=\"custom-tooltip\" data-bs-placement=\"top\"><i class=\"fa-solid triangle\"></i></span>
  2371.                                                     
  2372.                                                 </div>
  2373.                                                 <div class=\"statsline_range d-flex justify-content-between d-none\">
  2374.                                                     <span>{{rel.min_value}}</span>
  2375.                                                     <span>{{rel.max_value}}</span>
  2376.                                                 </div>
  2378.                                                 {% if loop.index == 4 %}
  2379.                                                 {% set break = true %}
  2380.                                                 {% endif %}
  2381.                                            
  2382.                                             
  2383.                                             </div>
  2384.                                             <script>
  2385.                                             \$('[data-bs-toggle=\"popover_live_{{loop.index}}\"]').mouseover(function(){
  2386.                                                 \$('[data-bs-toggle=\"popover_live_{{loop.index}}\"]').popover();
  2387.                                             })
  2388.                                         </script>
  2389.                                          {% endif %}
  2390.                                         {% endfor %}
  2391.                                         
  2392.                                         </div>
  2393.                                     </div>
  2395.                                 <!-- Otros Indicadores box -->
  2396.                                 <div class=\"col-12 analytic_box box_blue_soft p-3 graphic_box stats_box mb-3\">
  2397.                                     <div class=\"d-flex justify-content-between\">
  2398.                                         <p class=\"fw-bold fs-5\" data-bs-toggle=\"collapse\" data-bs-target=\"#analytics_indicators\" aria-expanded=\"true\" aria-controls=\"analytics_statsline\" onclick=\"expandIcon('analytics_indicators_arrow')\" role=\"button\">{% trans %}Otros indicadores{% endtrans %}</p>
  2399.                                         
  2400.                                     </div>
  2401.                                     <div class=\"\" id=\"analytics_indicators_others\">
  2402.                                         {% set category = '' %}
  2403.                                         
  2404.                                         {#% dump(\"Analytic\") %#}
  2405.                                         
  2407.                                         {% for rel in analytic_data_relation %}
  2408.                                             {#% dump(rel) %#}
  2409.                                             {% if rel.kpi not in array_used %}
  2411.                                             {% if category != rel.category %}
  2412.                                                 <p class=\"mt-2 fw-bold\" style=\"font-size: 12px; font-weight: 700;\"> 
  2413.                                                      
  2414.                                                     {% if app.request.locale == \"ca\" %}
  2415.                                                         {{rel.category_ca}} 
  2416.                                                     {% elseif app.request.locale == \"en\" %}
  2417.                                                         {{rel.category_en}} 
  2418.                                                     {% else %}
  2419.                                                         {{rel.category}} 
  2420.                                                     {% endif %}
  2421.                                                 </p>
  2422.                                                 {% set category = rel.category %}
  2423.                                             {% endif %}
  2425.                                             {% if app.request.locale == \"ca\" %}
  2426.                                                 {% set title = rel.name_ca %}
  2427.                                                 {% set description = rel.info_ca %}
  2428.                                             {% elseif app.request.locale == \"en\" %}
  2429.                                                 {% set title = rel.name_en %}
  2430.                                                 {% set description = rel.info_en %}
  2431.                                             {% else %}
  2432.                                                 {% set title = rel.name %}
  2433.                                                 {% set description = rel.info %}
  2434.                                             {% endif %}
  2435.                                             
  2436.                                             <div id=\"statline_id_{{rel.kpi}}\" onclick=\"updateMapFromDiv({{rel.kpi}})\" class=\"grayscale analytics_statsline_item\" data-kpi=\"{{rel.kpi}}\" data-slug=\"{{rel.slug}}\" data-bs-toggle=\"popover_live_{{loop.index}}\" data-bs-trigger=\"hover focus\" data-bs-title=\"{{title|capitalize}}\" data-bs-content=\"{{description}}\" data-p=\"{{ rel.province }}\" data-m=\"{{ rel.city }}\" data-r=\"{{ rel.region }}\" data-max=\"{{ rel.max_value }}\" data-min=\"{{ rel.min_value }}\">
  2438.                                             <script>
  2439.                                             \$('[data-bs-toggle=\"popover_live_{{loop.index}}\"]').mouseover(function(){
  2440.                                                 \$('[data-bs-toggle=\"popover_live_{{loop.index}}\"]').popover();
  2441.                                             })
  2442.                                             </script>
  2443.                                             
  2444.                                                 <p class=\"mb-1 title\" style=\"font-size: 14px; font-weight: 600;\">{{title|capitalize}}</p>
  2445.                                                 <div class=\"statsline mb-3\" >
  2447.                                                     {% set color = [] %}
  2448.                                                     {% for rank in kpi_rank %}
  2449.                                                         
  2450.                                                         {% if rank.kpi_id == rel.kpi %}
  2451.                                                             {% set color = color|merge([rank.bgcolor]) %}
  2452.                                                         {% endif %}
  2454.                                                     {% endfor %}
  2455.                                                     {% set counter = color|length %}
  2456.                                                     {% set partsize = 100/counter %}
  2457.                                                     {% set stylestring = '' %}
  2459.                                                     <div class=\"bk_line\">
  2461.                                                     {% for colorpart in color %}
  2462.                                                         {% if loop.last %}
  2463.                                                         {% set dato = 99.9-(partsize*(counter - 1)) %}
  2464.                                                             <div class=\"analytic_color_bar\" style=\"width:{{dato}}%; background-color: {{colorpart}};\"></div>
  2465.                                                         {% else %}
  2466.                                                             <div class=\"analytic_color_bar\" style=\"width:{{partsize|number_format(2, '.')}}%; background-color: {{colorpart}};\"></div>        
  2467.                                                         {% endif %}
  2468.                                                         
  2469.                                                     {% endfor %}
  2470.                                                     
  2471.                                                     </div>
  2472.                                                     
  2473.                                                     <span class=\"statsline_item statsline_{{loop.index}} item_tooltip\" style=\"left: {{rel.theme_per}}%; margin-left: -6px;\" data-text=\"{{rel.theme}}\" data-kpi=\"{{rel.kpi}}\" data-bs-custom-class=\"custom-tooltip\" data-bs-placement=\"top\"><i class=\"fa-solid triangle\"></i></span>
  2474.                                                     
  2475.                                                 </div>
  2476.                                                 <div class=\"statsline_range d-flex justify-content-between d-none\">
  2477.                                                     <span>{{rel.min_value}}</span>
  2478.                                                     <span>{{rel.max_value}}</span>
  2479.                                                 </div>
  2481.                                             
  2482.                                             </div>
  2483.                                             
  2484.                                             {% endif %}
  2485.                                         {% endfor %} 
  2487.                                         </div>
  2488.                                     </div>
  2489.                                     
  2490.                                 </div>
  2492.                                         {# <div class=\"\" id=\"analytics_barplot_container\">
  2493.                                             <div id=\"analytics_barplot\">
  2494.                                                 
  2495.                                                 <div class=\"hover_window\">
  2496.                                                     <h5>Uso del edificio</h5>
  2497.                                                     <div class=\"mb-3\" id=\"statUseBox\" style=\"position: relative;\" onclick=\"updateMapFromStat(105)\"></div>
  2498.                                                 </div>
  2499.                                                 
  2500.                                                 <div class=\"hover_window\">
  2501.                                                     <h5>Año de construcción</h5>
  2502.                                                     <div class=\"mb-3\" id=\"statYearBox\" style=\"position: relative;\" onclick=\"updateMapFromStat(100)\"></div>
  2503.                                                 </div>
  2504.                                                 
  2505.                                                 <div class=\"hover_window\">
  2506.                                                     <h5>Área</h5>
  2507.                                                     <div class=\"mb-3\" id=\"statAreaBox\" style=\"position: relative;\" onclick=\"updateMapFromStat(101)\"></div>
  2508.                                                 </div>
  2509.                                                 
  2510.                                                 <div class=\"hover_window\">
  2511.                                                     <h5>Porcentaje de ocupación</h5>
  2512.                                                     <div class=\"mb-3\" id=\"statOccupationBox\" style=\"position: relative;\" onclick=\"updateMapFromStat(104)\"></div>
  2513.                                                 </div>
  2514.                                                 
  2515.                                             </div>
  2516.                                         </div> #}
  2517.                                 
  2518.                                 
  2519.                             </div>
  2520.                         </div>
  2521.                     </div>
  2523.                 {% endif %}
  2524.                 {% endfor %}
  2526.                 </div>
  2527.                 
  2528.             </div>
  2529.             
  2530.             
  2532.         </div>
  2533.     </div>
  2535. <style>
  2536. td.gridjs-td{
  2537.     //padding: 2px 24px !important;
  2538. }
  2539. </style>
  2541. {% endblock %}
  2544. {% block javascripts %}
  2545. <script src=\"{{ asset('build/js/calls.js') }}\"></script>
  2547. <script src=\"{{ asset('bundles/fosjsrouting/js/router.min.js') }}\"></script>
  2548. <script src=\"{{ path('fos_js_routing_js', { callback: 'fos.Router.setData' }) }}\"></script>
  2550. <script src=\"https://cdnjs.cloudflare.com/ajax/libs/gridjs/6.0.6/gridjs.production.min.js\" integrity=\"sha512-wpiJjuL800CTEBA0QFs+RFw0tFtpXnQGea1p9S16WcYNXC1F3U0l1L7FQrDC3ihkYRtOj4Td7lKR3mYKxrwMMA==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script>
  2552. <link rel=\"stylesheet\" type=\"text/css\" href=\"https://unpkg.com/gridjs/dist/theme/mermaid.min.css\" />
  2554. <script type=\"text/javascript\">
  2556.     const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle=\"tooltip\"]')
  2557.     const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl));
  2559.     var Routes = Routing; // loaded from router.min.js
  2560.     // because ES5 doesn't support require syntax,
  2561.     // we use jquery getJSON function in order to set
  2562.     // routing data to our Routing object
  2563.     \$.getJSON(\"{{ asset('build/js/fos_js_routes.json') }}\", function (routes) {
  2564.         Routes.setRoutingData(routes);
  2565.     });
  2566.     {# console.log(Routes); #}
  2567. </script>
  2569. <script type=\"text/javascript\">
  2570.     //let explore_baseUrl = '{{ base_url }}';
  2572.     \$(document).ready(function(){
  2573.         \$('.viewfindergroup').hide();
  2574.         \$('#map_view').show();        
  2575.         \$('.build_bar').css('width','100%');
  2576.         \$('.people_bar').css('width','100%');
  2578.         /*setTimeout(()=>{
  2579.             \$('#info_div').collapse('hide');
  2580.         },10000);*/
  2582.         let arrayData = document.querySelectorAll('.analytics_statsline_item');
  2583.         let arraySlugs = [];
  2584.         for(let i=0; arrayData.length > i; i++){
  2585.             arraySlugs.push(arrayData[i].getAttribute('data-slug'));
  2586.         }
  2587.         // console.log(arraySlugs);
  2589.         buttonsToHeaderBar();
  2590.         \$('#left_bar_button_map').addClass('active');
  2591.     });
  2593.     document.getElementById(\"selectAllBtn\").addEventListener(\"click\", function() {
  2594.         let checkboxes = document.querySelectorAll(\".form-check-input\");
  2595.         let allChecked = Array.from(checkboxes).every(checkbox => checkbox.checked);
  2597.         checkboxes.forEach(checkbox => {
  2598.             checkbox.checked = !allChecked; // Alterna selección
  2599.         });
  2601.         this.textContent = allChecked ? \"Seleccionar Todos\" : \"Deseleccionar Todos\"; 
  2602.     });
  2604.     function buttonsToHeaderBar(){
  2606.         // <span class=\"material-symbols-outlined\">bar_chart_4_bars</span>
  2608.         document.getElementById('new_header_map').innerHTML = '<div id=\"left_bar_button_map\" class=\"left_bar_button text-center d-inline-block\" onclick=\"viewFinder(\\'map\\')\"><span class=\"material-symbols-outlined\">map</span><br>{{\"Mapa\" |trans}}</div>';
  2609.         document.getElementById('new_header_table').innerHTML = '<div id=\"left_bar_button_data\" class=\"left_bar_button text-center d-inline-block\" onclick=\"viewFinder(\\'data\\')\"><span class=\"material-symbols-outlined\">table</span><br>{{\"Tabla\" |trans}}</div>';
  2610.         document.getElementById('new_header_card').innerHTML = '<div id=\"left_bar_button_card\" class=\"left_bar_button text-center d-inline-block\" onclick=\"viewFinder(\\'card\\')\"><span class=\"material-symbols-outlined\">grid_view</span><br>{{\"Ficha\" |trans}}</div>';
  2611.         
  2612.     }
  2615.     \$('.item_tooltip').on('mouseover',function (){
  2616.         
  2617.         let name = this.getAttribute('data-text');
  2618.         let kpi = this.getAttribute('data-kpi');
  2619.         // console.log(name,kpi);
  2620.         \$('.item_tooltip[data-kpi='+kpi+']').tooltip({title: name, delay: {show: 100, hide: 100}}); 
  2621.     })
  2623.     const { Grid, html } = gridjs;
  2625.     var rPlatform = map;
  2626.     var caller = call;
  2627.     let layers = {{ layers |raw}};
  2629.     let configLayers = {{ configLayers|raw }};
  2630.     let explore_baseUrl = '{{ base_url }}';
  2631.     caller.vars.explore_baseUrl = '{{ base_url }}';
  2632.     
  2633.     let explore_mun = '{{ mun }}';
  2634.     let explore_kpi = 3;
  2635.     let explore_slug = '';
  2636.     let explore_colors = {{ kpi_colors|raw }};
  2637.     let explore_insight = [];
  2638.     let explore_extrakpi = [];
  2639.     let explore_layer_data = [];
  2640.     let explore_url = window.location.href;
  2641.     let explore_filter_url = '';
  2643.     let filtered_data_array = {{ filtered_data|raw }};
  2645.     let kpi_list = {{ kpi_list|raw }};
  2646.     let kpi_list_complete = document.querySelectorAll('#kpi_list_data li');
  2647.     for(i=0; kpi_list_complete.length > i; i++){
  2648.         let name = kpi_list_complete[i].innerText;
  2649.         let kpi = kpi_list_complete[i].getAttribute('data-kpi');
  2650.         let slug = kpi_list_complete[i].getAttribute('data-slug');
  2651.         kpi_list.push({'name':name,'kpi':kpi,'slug':slug});
  2652.     }
  2654.     // use stats data and print graphic
  2655.     let useStat = {{ useStatData|raw }};
  2656.     let useStatData = analyticOrganizeData(useStat);
  2657.     var useStatTotalData = analyticOrganizeTotalData(useStat);
  2658.     {# barplotDoubleDouble100('statUseBox',useStatData[0],useStatTotalData[1],useStatData[2], 'analytics_barplot_container',useStatTotalData[0]); #}
  2659.     
  2660.     // year stats data and print graphic
  2661.     let yearStat = {{ yearStatData|raw }};
  2662.     let yearStatData = analyticOrganizeData(yearStat);
  2663.     var yearStatTotalData = analyticOrganizeTotalData(yearStat);
  2664.     {# barplotDoubleDouble100('statYearBox',yearStatData[0],yearStatTotalData[1],yearStatData[2], 'analytics_barplot_container',yearStatTotalData[0]); #}
  2666.     // area stats data and print graphic
  2667.     let areaStat = {{ areaStatData|raw }};
  2668.     let areaStatData = analyticOrganizeData(areaStat);
  2669.     var areaStatTotalData = analyticOrganizeTotalData(areaStat);
  2670.     {# barplotDoubleDouble100('statAreaBox',areaStatData[0],areaStatTotalData[1],areaStatData[2], 'analytics_barplot_container',areaStatTotalData[0]); #}
  2672.     // occupation stats data and print graphic
  2673.     let occupationStat = {{ occupationStatData|raw }};
  2674.     let occupationStatData = analyticOrganizeData(occupationStat);
  2675.     var occupationStatTotalData = analyticOrganizeTotalData(occupationStat);
  2676.     {# barplotDoubleDouble100('statOccupationBox',occupationStatData[0],occupationStatTotalData[1],occupationStatData[2], 'analytics_barplot_container',occupationStatTotalData[0]); #}
  2679.     let explore_mun_name = '{{ municipioname.adminunitname|capitalize }}';
  2680.     let allgeodataUrl = explore_baseUrl + \"/get-allgeodata?mun=\" + explore_mun ;
  2682.     let munPolygon = '{{ municipioname.geom }}';
  2683.     let initGeo = '{{ municipioname.envelope }}';
  2684.     
  2685.     let queryString = window.location.search;
  2686.     let urlParams = new URLSearchParams(queryString);
  2687.     let filterStart = urlParams.get('fs');
  2688.     let filterEnd = urlParams.get('fe');
  2689.     window.appLocale = '{{ app.request.locale|e('js') }}';
  2691.     if(filterStart == null){
  2692.         filterStart = 0;
  2693.     }
  2694.     if(filterEnd == null){
  2695.         filterEnd = 0;
  2696.     }
  2698.     rPlatform.setInpireidList(filtered_data_array);
  2699.     rPlatform.setMun(explore_mun);
  2700.     rPlatform.setBaseUrl(explore_baseUrl);
  2701.     rPlatform.setLayers(layers);
  2702.     rPlatform.setColorsStyle(explore_colors);
  2703.     rPlatform.setLayerData(explore_layer_data);
  2704.    
  2706.     // ----------------------- Map ------------------------ //
  2707.     async function init() { // Cargar mapa de inicio
  2709.         let queryString = window.location.search;
  2710.         let urlParams = new URLSearchParams(queryString);
  2712.         // Crear indArr con el primer kpi del listado
  2713.         let alldivi = document.getElementsByClassName('grayscale');
  2714.         let kpi_init = alldivi[0].getAttribute('data-kpi');
  2715.         let slug_init = alldivi[0].getAttribute('data-slug');
  2717.         explore_kpi = kpi_init;
  2718.         explore_slug = slug_init;
  2720.         alldivi[0].classList.add('kpi_selected');
  2721.         alldivi[0].classList.add('disabled');
  2723.         // Colocar primer alldivi como seleccionado
  2724.         selectedIndicator(alldivi[0]);
  2726.         // Recibir parametros ind desde url
  2727.         let indArr = [parseInt(kpi_init)];
  2728.         let frArr = [filterStart, filterEnd];
  2730.         await rPlatform.setiActive(indArr);
  2731.         await rPlatform.initMapExplore(layers, explore_baseUrl, initGeo, explore_mun, frArr, indArr);
  2733.         await rPlatform.getSimpleStyleDistrict();
  2734.         await rPlatform.getSimpleStyleSection();
  2736.         rPlatform.updateMap();
  2738.     }
  2740.     init();
  2741.     
  2742.     
  2743.     // ----------------------- Table Map ------------------------ //
  2745.     function tableData(){        
  2746.         let wrapper = document.getElementById(\"wrapper\");
  2747.         wrapper.innerHTML = '';
  2749.         let tabla = null; // Variable global para almacenar la instancia de la tabla
  2751.         function renderizarTabla(data) {
  2752.             // Eliminar la tabla anterior si existe
  2753.             if (tabla !== null) {
  2754.                 tabla.destroy();
  2755.             }
  2757.             // Crear una nueva instancia de Grid.js con los nuevos datos y renderizarla
  2758.             tabla = new gridjs.Grid({
  2759.                 columns: [{
  2760.                     id: 'year',
  2761.                     name: \"{{'Año' |trans }}\"
  2762.                 },
  2763.                 {
  2764.                     id: 'currentuse',
  2765.                     name: \"{{'Uso' |trans }}\",
  2766.                     formatter: (cell, row) => {
  2767.                         if (cell == '1_residential' ){
  2768.                             return gridjs.html(`<span style=\"color: blue; cursor:pointer;\" onclick=\" viewFinder(\\'card\\'); viewCard(\\'\${row.cells[22].data}\\')\">Residential</span>`)  
  2769.                         }else if(cell == '2_agriculture'){
  2770.                             return gridjs.html(`<span style=\"color: green; cursor:pointer;\" onclick=\"viewFinder(\\'card\\');  viewCard(\\'\${row.cells[22].data}\\')\">Agriculture</span>`)
  2771.                         }else if(cell == '3_industrial'){
  2772.                             return gridjs.html(`<span style=\"color: gray; cursor:pointer;\" onclick=\"viewFinder(\\'card\\');  viewCard(\\'\${row.cells[22].data}\\')\">Industrial</span>`)
  2773.                         }else if(cell == '4_3_publicServices'){
  2774.                             return gridjs.html(`<span style=\"color: orange; cursor:pointer;\" onclick=\"viewFinder(\\'card\\');  viewCard(\\'\${row.cells[22].data}\\')\">Public services</span>`)
  2775.                         }else{
  2776.                             return gridjs.html(`<span style=\"color: black\">\${cell}</span>`)
  2777.                         }
  2778.                     }
  2779.                 },
  2780.                 {
  2781.                     id: 'grossfloorarea',
  2782.                     name: \"{{'Grossfloorarea' |trans }}\",
  2783.                     formatter: (cell) => html(`\${cell} m<sup>2</sup>`)
  2784.                 },
  2785.                 {
  2786.                     id: 'habitantes',
  2787.                     name: \"{{'Habitantes' |trans }}\",
  2788.                     formatter: (cell) => {
  2789.                         return gridjs.html(`<div class=\"mt-2\"><i class=\"fa-solid fa-users\"></i> \${cell}</div>`)
  2790.                     }
  2791.                 },
  2792.                 {
  2793.                     id: 'numberofdwellings',
  2794.                     name: \"{{'Viviendas' |trans }}\",
  2795.                     formatter: (cell) => html(`\${cell}`)
  2796.                 },
  2797.                 {
  2798.                     id: 'kpi_1_energy_renovated_residential_buildings',
  2799.                     name: \"{{'Energy renovated residential buildings' |trans }}\",
  2800.                     formatter: (cell) => html(`\${cell}`)
  2801.                 },
  2802.                 {
  2803.                     id: 'kpi_2_final_energy_consumption',
  2804.                     name: \"{{'Final energy consumption' |trans }}\",
  2805.                     formatter: (cell) => html(`\${cell}`)
  2806.                 },
  2807.                 {
  2808.                     id: 'kpi_3_renewable_energy_consumption',
  2809.                     name: \"{{'Renewable energy consumption' |trans }}\",
  2810.                     formatter: (cell) => html(`\${cell}`)
  2811.                 },
  2812.                 {
  2813.                     id: 'kpi_4_pv_potential_generation',
  2814.                     name: \"{{'Pv potential generation' |trans }}\",
  2815.                     formatter: (cell) => html(`\${cell}`)
  2816.                 },
  2817.                 {
  2818.                     id: 'kpi_7_heating_energy_consumption',
  2819.                     name: \"{{'Heating energy consumption' |trans }}\",
  2820.                     formatter: (cell) => html(`\${cell}`)
  2821.                 },
  2822.                 {
  2823.                     id: 'kpi_8_ghg_emissions',
  2824.                     name: \"{{'GhG emissions' |trans }}\",
  2825.                     formatter: (cell) => html(`\${cell}`)
  2826.                 },
  2827.                 {
  2828.                     id: 'kpi_19_population_income_below_60_average',
  2829.                     name: \"{{'Population income below 60 average' |trans }}\",
  2830.                     formatter: (cell) => html(`\${cell}`)
  2831.                 },
  2832.                 {
  2833.                     id: 'kpi_20_median_household_income',
  2834.                     name: \"{{'Median household income' |trans }}\",
  2835.                     formatter: (cell) => html(`\${cell}`)
  2836.                 },
  2837.                 {
  2838.                     id: 'kpi_21_average_price_renting_compared_family_income',
  2839.                     name: \"{{'Average price renting compared family income' |trans }}\",
  2840.                     formatter: (cell) => html(`\${cell}`)
  2841.                 },
  2842.                 {
  2843.                     id: 'kpi_22_house_price',
  2844.                     name: \"{{'House price' |trans }}\",
  2845.                     formatter: (cell) => html(`\${cell}`)
  2846.                 },
  2847.                 {
  2848.                     id: 'kpi_27_urban_equipment_at_15_min',
  2849.                     name: \"{{'Urban equipment at 15 min' |trans }}\",
  2850.                     formatter: (cell) => html(`\${cell}`)
  2851.                 },
  2852.                 {
  2853.                     id: 'kpi_28_accessibility_to_bike_lane',
  2854.                     name: \"{{'Accessibility to bike lane' |trans }}\",
  2855.                     formatter: (cell) => html(`\${cell}`)
  2856.                 },{
  2857.                     id: 'kpi_30_green_area_surfaces',
  2858.                     name: \"{{'Green area surfaces' |trans }}\",
  2859.                     formatter: (cell) => html(`\${cell}`)
  2860.                 },
  2861.                 {
  2862.                     id: 'kpi_31_vulnerability_heatwaves_temperature_rise',
  2863.                     name: \"{{'Vulnerability heatwaves temperature rise' |trans }}\",
  2864.                     formatter: (cell) => html(`\${cell}`)
  2865.                 },
  2866.                 {
  2867.                     id: 'kpi_36_charging_outlets',
  2868.                     name: \"{{'Charging outlets' |trans }}\",
  2869.                     formatter: (cell) => html(`\${cell}`)
  2870.                 },
  2871.                 {
  2872.                     id: 'kpi_6_1_energy_efficient_and_energy_recovering_homes',
  2873.                     name: \"{{'Energy efficient and energy recovering_homes' |trans }}\",
  2874.                     formatter: (cell) => html(`\${cell}`)
  2875.                 },
  2876.                 {
  2877.                     id: 'kpi_6_2_energy_efficient_and_energy_recovering_homes',
  2878.                     name: \"{{'Energy efficient and energy recovering homes' |trans }}\",
  2879.                     formatter: (cell) => html(`\${cell}`)
  2880.                 },
  2881.                 {
  2882.                     id: 'inspireid',
  2883.                     name: \"{{'inspireid' |trans }}\",
  2884.                     formatter: (cell) => html(`\${cell}`)
  2885.                 }],
  2886.                 data: data,
  2887.                 pagination: {
  2888.                     limit: 50,
  2889.                     summary: true,
  2890.                 },
  2891.                 resizable: true,
  2892.                 search: false,
  2893.                 sort: true,
  2894.                 fixedHeader: true,
  2895.                 height: \$(\"#infoview\").height(),
  2896.             }).render(wrapper);
  2897.         }
  2899.         // Llamar a la función obtenerDatos() para obtener los datos inicialmente y renderizar la tabla
  2900.         caller.obtenerDatos(explore_kpi, explore_mun, explore_slug)
  2901.             .then((data) => {
  2902.                 console.log(data);
  2903.                 renderizarTabla(data);
  2904.             })
  2905.             .then(()=>{
  2906.                 setTimeout(()=>{
  2907.                     updateTable(explore_slug);
  2908.                 },2000)
  2909.                 
  2910.             });
  2911.     }
  2913.     //------------------------ Descargar Datos ------------------- //
  2914.     function loadSelectorIndicators()
  2915.     {
  2916.         \$(\"#project_actions_content\").html('');
  2917.         {% for item in analytic_data %}
  2918.             {% if item.slug == slug %}
  2919.                 {% set break = false %}
  2920.                 {% set array_used = [] %}
  2922.                 {% for rel in item.relation %}
  2923.                     {% if break == false %}
  2924.                         {% set array_used = array_used|merge([rel.kpi]) %}
  2925.                         var check = \"<div class='form-check'> <input class='form-check-input' type='checkbox' value='{{rel.slug}}' id='flexCheckDefault' data-name='{{rel.name}}'> <label class='form-check-label' for='flexCheckDefault'> {{rel.name}} </label></div>\";
  2926.                         \$(\"#project_actions_content\").append(check);
  2927.                         
  2928.                         console.log('{{rel.name}}');
  2929.                     {% endif %}
  2930.                 {% endfor %}
  2932.                 {% for rel in analytic_data_relation %}
  2933.                     {% if rel.kpi not in array_used %}
  2934.                         var check = \"<div class='form-check'> <input class='form-check-input' type='checkbox' value='{{rel.slug}}' id='flexCheckDefault' data-name='{{rel.name}}'> <label class='form-check-label' for='flexCheckDefault'> {{rel.name}} </label></div>\";
  2935.                         \$(\"#project_actions_content\").append(check);
  2936.                         console.log('{{rel.name}}');
  2937.                     {% endif %} 
  2938.                 {% endfor %} 
  2939.             {% endif %} 
  2940.         {% endfor %} 
  2942.         \$(\"#popUpIndicadores\").modal('show');
  2943.     }
  2945.     function getExcel() {
  2947.         const selectedNames = {};
  2948.         const checkboxes = document.querySelectorAll('.form-check-input:checked');
  2949.         const selectedValues = Array.from(checkboxes).map(checkbox => checkbox.value);
  2950.         /*const selectedNames = Array.from(checkboxes).map(checkbox => ({
  2951.             [checkbox.value]: checkbox.dataset.name
  2952.         }));*/
  2954.         checkboxes.forEach((checkbox) => selectedNames[checkbox.value] = checkbox.dataset.name);
  2956.         console.log(selectedValues);
  2957.         console.log(selectedNames);        
  2959.         caller.getExcel(explore_kpi, explore_mun, explore_slug, selectedValues, selectedNames)
  2960.             .then((data) => {
  2961.                 console.log(data); 
  2962.                 var bURL = \"{{app.request.getBasePath() }}\";
  2963.                 var href = bURL + \"/documents/\" + data;            
  2965.                 location = href;                             
  2966.             }).then(
  2967.                 //si hay que eliminar el archivo generado ---> here
  2968.             );
  2969.             
  2970.     }
  2971.     
  2972.     // --------------------- Card ------------------------------- //
  2974.     async function viewCard(id){
  2975.         \$(\"#infoview2\").hide();
  2976.         \$('.viewfindergroup').hide();
  2977.         \$('#card_view').show();
  2979.         let fachada = document.getElementById('img_fachada');
  2980.         let catastro = document.getElementById('img_catastro');
  2981.         let txt_build = document.getElementById('txt_build');
  2982.         let build_indicators = document.getElementById('build_indicators');
  2984.         let size = fachada.offsetWidth;
  2986.         fachada.style.height = size + 'px';
  2987.         catastro.style.height = size + 'px';
  2989.         var imagenAlternativa = explore_baseUrl + '/img/img_bk_building.jpg';
  2991.         let img_fachada = '<img class=\"img-fluid\" src=\"https://ovc.catastro.meh.es/OVCServWeb/OVCWcfLibres/OVCFotoFachada.svc/RecuperarFotoFachadaGet?ReferenciaCatastral=' + id + '\" width=\"auto\" height=\"'+size+'px\" onerror=\"this.onerror=null; this.src=\\''+ imagenAlternativa + '\\';\" />';
  2993.         let img_catastro = '<img class=\"img-fluid\" src=\"https://www1.sedecatastro.gob.es/Cartografia/GeneraGraficoParcela.aspx?del=8&mun=279&refcat=' + id + '&AnchoPixels=500&AltoPixels=500\" width=\"auto\" height=\"'+size+'px\" onerror=\"this.onerror=null; this.src=\\''+ imagenAlternativa + '\\';\" />';
  2995.         document.getElementById('img_fachada').innerHTML = img_fachada;
  2996.         document.getElementById('img_catastro').innerHTML = img_catastro;
  2998.         let buildData = await caller.getBuildData(id);
  3000.         // console.log(buildData);
  3002.         let UseValue = '';
  3003.         let valuesContent = '';
  3005.         if (buildData.use_numeric == 0) {
  3006.             UseValue = 'SFH';
  3007.         } else {
  3008.             UseValue = 'MFH';
  3009.         }
  3010.                 
  3012.         valuesContent += '<p style=\"font-size: 14px; \"><b>{{\"Referencia catastral\" |trans}}:</b> <span style=\"color:#222222; padding-left: 15px;\">' + buildData.inspireid + '</span></p>';
  3013.         valuesContent += '<p style=\"font-size: 14px; \"><b>{{\"Año de construcción\" |trans}}:</b> <span style=\"color:#222222; padding-left: 15px;\">' + buildData.year + '</span></p>';
  3014.         valuesContent += '<p style=\"font-size: 14px; \"><b>{{\"Uso\" |trans}}:</b> <span style=\"color:#222222; padding-left: 15px;\">' + UseValue + '</span></p>';
  3015.         valuesContent += '<p style=\"font-size: 14px; \"><b>{{\"Plantas\" |trans}}:</b> <span style=\"color:#222222; padding-left: 15px;\">' + buildData.num_floors + '</span></p>';
  3016.         valuesContent += '<p style=\"font-size: 14px; \"><b>{{\"Superficie\" |trans}}:</b> <span style=\"color:#222222; padding-left: 15px;\">' + buildData.grossfloorarea + '</span></p>';
  3018.         document.getElementById('txt_build').innerHTML = valuesContent;
  3020.         // console.log(kpi_list);      
  3022.         build_indicators.innerHTML = '';
  3023.         for(let i=0; kpi_list.length > i; i++){
  3024.             // console.log(kpi_list[i].slug);
  3025.             let buildDataFiltered = Object.keys(buildData).filter((key) => key === kpi_list[i].slug).map((key) => buildData[key]);
  3027.             //console.log(kpi_list[i]);
  3028.             if(kpi_list[i].name != 'Todos'){
  3029.                 var styleBox = \"\";
  3030.                 var grafica = \"\";
  3032.                 if (kpi_list[i].name == \"año de construcción\" || kpi_list[i].name == \"área\" || kpi_list[i].name == \"uso\") 
  3033.                     styleBox = \"bk_box--color\";
  3034.                 
  3035.                
  3036.                 if ( \$(\"#statline_id_\"+kpi_list[i].id) ){
  3037.                      
  3038.                     let contenido = \$(\"#statline_id_\"+kpi_list[i].id).html();  // Obtiene el HTML
  3039.                     let tempDiv = \$(\"<div>\").html(contenido);   // Lo convierte en un objeto jQuery
  3040.                     tempDiv.find(\"p\").hide();
  3041.                     tempDiv.find(\".statsline_range\").removeClass(\"d-none\");
  3042.                     tempDiv.find(\".statsline_range\").css({
  3043.                         \"position\": \"relative\",
  3044.                         \"font-size\": \"12px\",
  3045.                         \"color\": \"#7a7a7a\",
  3046.                         //\"top\": \"-10px\"
  3047.                     });
  3049.                     let maxValue = \$(\"#statline_id_\"+kpi_list[i].id).data(\"max\");
  3050.                     let minValue = \$(\"#statline_id_\"+kpi_list[i].id).data(\"min\");
  3051.                     let per = Math.ceil(((buildDataFiltered[0]) - minValue)/(maxValue - minValue) * 100);
  3052.                     
  3053.                     tempDiv.find(\".statsline_item\").css(\"left\", per+\"%\");                    
  3054.                     grafica = tempDiv.html();
  3055.                 }  else grafica = \"\";
  3057.                 let dataNumber = \"\";
  3058.                 if (buildDataFiltered[0] == null){
  3059.                     if (window.appLocale == 'ca')   dataNumber = \"No hi han dades\";
  3060.                     else if (window.appLocale == 'en')  dataNumber = \"No data\";
  3061.                     else dataNumber = \"No hay datos\"; 
  3062.                 }   
  3063.                 else if (kpi_list[i].name != \"año de construcción\"){
  3064.                     numero = Number.parseFloat(buildDataFiltered[0]);
  3065.                     dataNumber = numero.toLocaleString(\"es-ES\");
  3066.                 }else  dataNumber =  buildDataFiltered[0];                           
  3068.                 if (kpi_list[i].name == \"uso\" && buildDataFiltered[0] == 0){
  3069.                     if (window.appLocale == 'ca')   dataNumber = \"Unifamiliar\";
  3070.                     else if (window.appLocale == 'en')  dataNumber = \"Unifamiliar\";
  3071.                     else dataNumber = \"Unifamiliar\";
  3072.                     
  3073.                 }         
  3074.                 else if (kpi_list[i].name == \"uso\" && buildDataFiltered[0] == 1){
  3075.                     if (window.appLocale == 'ca')   dataNumber = \"Plurifamiliar\";
  3076.                     else if (window.appLocale == 'en')  dataNumber = \"Plurifamiliar\";
  3077.                     else dataNumber = \"Plurifamiliar\";
  3078.                 }     
  3080.                 if (window.appLocale == 'ca')
  3081.                 {
  3082.                     var kpiName = kpi_list[i].name_ca;
  3083.                     var KpiInfo = kpi_list[i].info_ca;
  3084.                 }else if (window.appLocale == 'en') {
  3085.                     var kpiName = kpi_list[i].name_en;
  3086.                     var KpiInfo = kpi_list[i].info_en;
  3087.                 }else{ 
  3088.                     var kpiName = kpi_list[i].name;
  3089.                     var KpiInfo = kpi_list[i].info; 
  3090.                 }
  3092.                 build_indicators.innerHTML += '<div class=\"col-6 col-sm-3 d-flex\"><div class=\"bk_box '+styleBox+' p-3 w-100 d-flex flex-column\"><div class=\"mb-2 d-flex justify-content-between align-items-baseline\" style=\"height: 58px;\"><p class=\"fw-bold mb-2\" style=\"font-size: 14px; line-height: 18px; max-width: 70%;\">'+ capitalizeFirstLetter(kpiName) +'</p><p style=\"font-weight:600; \"><span style=\"font-size:16px; color:#6E93F6;\"> '+ dataNumber +'</span></p></div><div class=\"d-flex justify-content-between mb-2\"><div style=\"width: 100%;\">'+grafica+'</div></div><p class=\" mb-2 boxed_limited\" onclick=\"activeClass(this)\" >'+ KpiInfo +'</p></div></div>';
  3093.                 
  3094.             }
  3095.             
  3097.         }
  3099.     }
  3101.     function formatearNumero(numero) {
  3102.         //return numero;
  3103.         
  3104.         if(typeof numero === 'number'){
  3105.             numero = numero.toString();
  3106.             numero = Number.parseFloat(numero);
  3107.             return numero.toLocaleString(\"es-ES\");
  3108.             // return numero.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \".\");
  3109.         }else if(numero === null){
  3110.             return numero;
  3111.         }else{
  3112.             // console.log(numero);
  3113.             numero = Number.parseFloat(numero);
  3114.             return numero.toLocaleString(\"es-ES\");
  3115.             
  3116.         }
  3117.     }
  3119.     function hideCardOnData(){
  3120.         document.getElementById('info_window').innerHTML = '';
  3121.     }
  3123.     // --------------------- Fn OK ------------------------------- //
  3125.     function updateMapFromDiv(a){
  3127.         let indArr = [{'kpi': parseInt(a)}];
  3128.         let divi = document.getElementById('statline_id_' + a);
  3129.         let alldivi = document.getElementsByClassName('grayscale');
  3131.         for(let i=0; alldivi.length > i; i++){
  3132.             alldivi[i].classList.remove('kpi_selected');
  3133.             alldivi[i].classList.remove('disabled');
  3134.         }
  3136.         divi.classList.add('kpi_selected');
  3137.         divi.classList.add('disabled');
  3139.         explore_kpi = divi.getAttribute('data-kpi');
  3140.         explore_slug = divi.getAttribute('data-slug');
  3141.         
  3142.         rPlatform.setiSelected(indArr);
  3143.         rPlatform.setiActive();
  3144.         rPlatform.updateMap();
  3146.         // console.log(indArr);
  3148.         this.selectedIndicator(divi);
  3149.         this.updateTable(explore_slug);
  3151.         //this.selectedDiv();
  3153.     }
  3155.     function updateMapFromStat(a){
  3157.         let indArr = [{'kpi': parseInt(a)}];
  3159.         let slug = '';
  3160.         let name = '';
  3161.         if(a == 100){
  3162.             slug = 'statYearBox';
  3163.             name = 'Año de construcción';
  3164.         }else if(a == 101){
  3165.             slug = 'statAreaBox';
  3166.             name = 'Área';
  3167.         }else if(a == 104){
  3168.             slug = 'statOccupationBox';
  3169.             name = 'Porcentaje de ocupación';
  3170.         }else if(a == 105){
  3171.             slug = 'statUseBox';
  3172.             name = 'Uso del edificio';
  3173.         }
  3175.         let divi = document.getElementById(slug);
  3176.         
  3177.         var selectedBox = document.getElementById('selected_box_content');
  3178.         // selectedBox.innerHTML = divi.outerHTML;
  3180.         let html = '<h6>'+name+'</h6>';
  3181.         // selectedBox.insertAdjacentHTML(\"afterbegin\", html);
  3183.         rPlatform.setiSelected(indArr);
  3184.         rPlatform.setiActive();
  3185.         rPlatform.updateMap();
  3187.     }
  3189.     function updateTable(slug){
  3191.         let kpiArray = ['kpi_1_energy_renovated_residential_buildings', 'kpi_2_final_energy_consumption', 'kpi_3_renewable_energy_consumption', 'kpi_4_pv_potential_generation', 'kpi_7_heating_energy_consumption', 'kpi_8_ghg_emissions', 'kpi_19_population_income_below_60_average', 'kpi_20_median_household_income', 'kpi_21_average_price_renting_compared_family_income', 'kpi_22_house_price', 'kpi_27_urban_equipment_at_15_min', 'kpi_28_accessibility_to_bike_lane', 'kpi_30_green_area_surfaces', 'kpi_31_vulnerability_heatwaves_temperature_rise', 'kpi_36_charging_outlets', 'kpi_6_2_energy_efficient_and_energy_recovering_homes', 'kpi_6_1_energy_efficient_and_energy_recovering_homes', 'inspireid']
  3192.         // Seleccionar todas las columnas con slug
  3193.         for(let i=0; kpiArray.length > i;i++){
  3194.             let celda = document.querySelectorAll('#wrapper .gridjs-table [data-column-id='+kpiArray[i]+']');
  3195.             for(let j=0; celda.length > j;j++){
  3196.                 celda[j].classList.add('d-none');
  3197.             }
  3198.         }
  3199.         
  3200.         // Seleccionar las celdas de nuestro slug
  3201.         let celdaSlug = document.querySelectorAll('#wrapper .gridjs-table [data-column-id='+slug+']');
  3202.         for(let j=0; celdaSlug.length > j;j++){
  3203.             celdaSlug[j].classList.remove('d-none');
  3204.             celdaSlug[j].classList.add('selected');
  3205.         }
  3206.         
  3207.         // console.log('updateTable',slug);
  3209.     }
  3211.     function selectedIndicator(a){
  3212.         var dataDiv = '';
  3213.         var selectedBox = document.getElementById('selected_box_content');
  3214.         var linestat = a.getElementsByClassName('statsline');
  3215.         var titlestat = a.getElementsByClassName('title');
  3216.         
  3217.         var p = parseFloat(a.getAttribute('data-p')).toFixed(2);
  3218.         var m = parseFloat(a.getAttribute('data-m')).toFixed(2);
  3219.         var r = parseFloat(a.getAttribute('data-r')).toFixed(2);
  3220.         var max = parseFloat(a.getAttribute('data-max'));
  3222.         // Si hay datos completos pintamos los pins en el indicador seleccionado
  3223.         if (p !== null && m !== null && r !== null){
  3224.             var dato_p = detres(p,max);
  3225.             var dato_m = detres(m,max);
  3226.             var dato_r = detres(r,max);
  3227.             var pinDiv = '<span class=\"statsline_item_extra\" style=\"left: '+dato_p+'%;\"><i class=\"fa-solid vert_bar\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" data-bs-custom-class=\"custom-tooltip\" data-bs-title=\"Provincia '+p+'\"></i><span class=\"pindata\">P</span></span> <span class=\"statsline_item_extra\" style=\"left: '+dato_m+'%;\"><i class=\"fa-solid vert_bar\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" data-bs-custom-class=\"custom-tooltip\" data-bs-title=\"Municipio '+m+'\"></i><span class=\"pindata\">M</span></span> <span class=\"statsline_item_extra\" style=\"left: '+dato_r+'%;\"><i class=\"fa-solid vert_bar\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" data-bs-custom-class=\"custom-tooltip\" data-bs-title=\"Región '+r+'\"></i><span class=\"pindata\">R</span></span> ';
  3229.             var elemento = linestat[0];
  3230.             // elemento.insertAdjacentHTML('beforeend', pinDiv);
  3232.             dataDiv = titlestat[0].outerHTML + elemento.outerHTML;
  3233.             // selectedBox.innerHTML = dataDiv;   
  3234.         }else{
  3235.             dataDiv = titlestat[0].outerHTML + linestat[0].outerHTML;
  3236.             // selectedBox.innerHTML = dataDiv;
  3237.         }
  3238.         
  3239.         let titleAttribute = a.getAttribute('data-bs-title');
  3240.         let descAttribute = a.getAttribute('data-bs-content');
  3242.         // selectedBox.setAttribute(\"data-bs-title\", titleAttribute);
  3243.         // selectedBox.setAttribute(\"data-bs-content\", descAttribute);
  3245.         \$('[data-bs-toggle=\"popover_live_top\"]').mouseover(function(){
  3246.             \$('[data-bs-toggle=\"popover_live_top\"]').popover();
  3247.         });
  3249.         const popoverTriggerList = document.querySelectorAll('[data-bs-toggle=\"popover_live_top\"]')
  3250.         const popovertipList = [...popoverTriggerList].map(item => new bootstrap.Popover(item));
  3252.         const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle=\"tooltip\"]')
  3253.         const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl));
  3254.     }
  3256.     function detres(value,max){
  3257.         let dato = (value*100)/max;
  3258.         return dato.toFixed(2);
  3259.     }
  3260.     
  3261.     function updateMap(){
  3263.         var selectElement = document.querySelector('#kpi_selector');
  3264.         var kpi_id = selectElement.value;
  3265.         let indArr = [{'kpi': parseInt(kpi_id)}];
  3267.         rPlatform.setiSelected(indArr);
  3268.         rPlatform.setiActive();
  3269.         rPlatform.updateMap();
  3271.         var iActive = rPlatform.getiActive();
  3272.         updateSelector(iActive)
  3274.     }
  3276.     // --------------------- Simple Fn OK ------------------------------- //
  3278.     function updateSelector(kpi){
  3279.         var selector = document.getElementById('kpi_selector');
  3280.         selector.value = kpi;
  3281.     }
  3283.     function loadUrlBack(){
  3284.         let url = explore_baseUrl + \"/\" + explore_mun ;
  3285.         window.location.href = url;
  3286.     }
  3287.     
  3288.     function gotoproject(){
  3289.         let url = '';
  3290.         url = explore_baseUrl + \"/\" + explore_mun + \"/plan\";
  3291.         window.location.href = url;
  3292.     }
  3294.     function capitalizeFirstLetter(string) {
  3295.         return string.charAt(0).toUpperCase() + string.slice(1);
  3296.     }
  3298.     function viewFinder(a){
  3299.         \$('.viewfindergroup').hide();
  3300.         \$('#'+ a +'_view').show();
  3301.         
  3302.         if(a == 'map' || a == 'data')
  3303.         {
  3304.             \$(\"#infoview2\").show();
  3305.         }else{
  3306.             \$(\"#infoview2\").hide();
  3307.         }
  3309.         if(a == 'data'){
  3310.             tableData();
  3311.         }
  3313.         console.log(a);
  3315.         [...document.querySelectorAll('.left_bar_button')].map(x => x.classList.remove('active'));       
  3316.         document.getElementById('left_bar_button_'+a).classList.add('active');
  3318.     }
  3319.     
  3320.     function centerViewMap(){
  3321.         var zoom = rPlatform.getZoom();
  3322.         rPlatform.setCenterView(initGeo);
  3323.     }
  3325.     function expandIcon(e){
  3327.         var elemento = document.getElementById(e);
  3328.         var textoExtraido = elemento.innerText;
  3330.         if (textoExtraido == 'expand_more'){
  3331.             elemento.innerText = 'expand_less';
  3332.         }else{
  3333.             elemento.innerText = 'expand_more';
  3334.         }
  3335.     }
  3337.     function infoviewToggle(){
  3339.         if(\$('#infoview2').hasClass('show')){
  3340.             \$('#infoview2').collapse('hide');
  3341.             \$('#infoview').addClass('w-100');
  3342.             \$('#expand .material-symbols-outlined').text('collapse_content');
  3343.         }else{
  3344.             \$('#infoview2').collapse('show');
  3345.             \$('#infoview').removeClass('w-100');
  3346.             \$('#expand .material-symbols-outlined').text('expand_content');
  3347.         }
  3348.     }
  3350.     function activeClass(elem){
  3351.         var elemento = \$(elem);
  3352.         elemento.toggleClass('active');
  3353.     }
  3354.     
  3355. </script>
  3356. <script>
  3357.     \$(document).ready(function(){
  3359.         document.getElementById('big_container').classList.add('full');
  3360.         
  3361.         var headerInTop = document.getElementById('header_in_top').offsetHeight;
  3362.         var containerInContent = document.getElementById('container_in_content').offsetHeight;
  3363.         var headerContentInfoTop = document.getElementById('header_content_info_top').offsetHeight;
  3364.         var bigContainer = document.getElementById('big_container').offsetHeight;
  3365.         var containerInContentTotal = bigContainer - headerInTop;
  3366.         var containerSteps = bigContainer - headerInTop - headerContentInfoTop;
  3367.         
  3368.         document.getElementById('container_in_content').style.height = containerInContentTotal + 'px';
  3369.         document.getElementById('infoview_content').style.height = containerInContentTotal + 'px';
  3370.         document.getElementById('analytic_step').style.height = containerInContentTotal + 'px';
  3371.         
  3372.         var divs = document.querySelectorAll('.infoview_div');
  3373.         for(let i=0; divs.length > i; i++){
  3374.             divs[i].style.height = containerSteps + 'px';
  3375.         }
  3377.         var divs2 = document.querySelectorAll('.infoview2_div');
  3378.         for(let i=0; divs2.length > i; i++){
  3379.             divs2[i].style.height = containerSteps + 'px';
  3380.         }
  3382.         var divsIn = document.querySelectorAll('.viewfindergroup');
  3383.         for(let i=0; divsIn.length > i; i++){
  3384.             divsIn[i].style.height = containerSteps + 'px';
  3385.         }
  3387.         let flashDiv = document.querySelector('.flash-notice');
  3388.         if(flashDiv){
  3389.             setTimeout(()=>{
  3390.                 flashDiv.remove();
  3391.             },10000);
  3392.         }
  3394.     });
  3396.     function removeDiv(id){
  3397.         let divi = document.getElementById(id);
  3398.         divi.remove();
  3399.     }
  3400. </script>
  3402. {% endblock %}
  3403. ", "analytic/explore.html.twig", "/mnt/www/retabit_platform/templates/analytic/explore.html.twig");
  3404.     }
  3405. }