<?php

use Twig\Environment;
use Twig\Error\LoaderError;
use Twig\Error\RuntimeError;
use Twig\Extension\CoreExtension;
use Twig\Extension\SandboxExtension;
use Twig\Markup;
use Twig\Sandbox\SecurityError;
use Twig\Sandbox\SecurityNotAllowedTagError;
use Twig\Sandbox\SecurityNotAllowedFilterError;
use Twig\Sandbox\SecurityNotAllowedFunctionError;
use Twig\Source;
use Twig\Template;
use Twig\TemplateWrapper;

/* frontend/indicateur.html.twig */
class __TwigTemplate_cd88f4ebb95c719e92d05a5b5e4f6760 extends Template
{
    private Source $source;
    /**
     * @var array<string, Template>
     */
    private array $macros = [];

    public function __construct(Environment $env)
    {
        parent::__construct($env);

        $this->source = $this->getSourceContext();

        $this->blocks = [
            'css' => [$this, 'block_css'],
            'content' => [$this, 'block_content'],
            'js' => [$this, 'block_js'],
        ];
    }

    protected function doGetParent(array $context): bool|string|Template|TemplateWrapper
    {
        // line 1
        return "frontend/layout.html.twig";
    }

    protected function doDisplay(array $context, array $blocks = []): iterable
    {
        $macros = $this->macros;
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "frontend/indicateur.html.twig"));

        $this->parent = $this->load("frontend/layout.html.twig", 1);
        yield from $this->parent->unwrap()->yield($context, array_merge($this->blocks, $blocks));
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

    }

    // line 3
    /**
     * @return iterable<null|scalar|\Stringable>
     */
    public function block_css(array $context, array $blocks = []): iterable
    {
        $macros = $this->macros;
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "css"));

        // line 4
        yield "    <link href=\"";
        yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/css/select2.min.css"), "html", null, true);
        yield "\" rel=\"stylesheet\">
";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        yield from [];
    }

    // line 7
    /**
     * @return iterable<null|scalar|\Stringable>
     */
    public function block_content(array $context, array $blocks = []): iterable
    {
        $macros = $this->macros;
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "content"));

        // line 8
        yield "\t";
        $context["goal"] = CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["indicateur"]) || array_key_exists("indicateur", $context) ? $context["indicateur"] : (function () { throw new RuntimeError('Variable "indicateur" does not exist.', 8, $this->source); })()), "target", [], "any", false, false, false, 8), "goal", [], "any", false, false, false, 8);
        // line 9
        yield "    <div class=\"container row\" style=\"max-width: 100%;\">

        <div class=\"col-lg-4 entries\" style=\"height:600px;overflow-y: scroll;\">
            <br>
            <div class=\"template-details\">
                <h2>Indicateurs </h2>
                <select class=\"form-control select2\" onChange=\"changeODD(this)\">
                    ";
        // line 16
        $context['_parent'] = $context;
        $context['_seq'] = CoreExtension::ensureTraversable((isset($context["goals"]) || array_key_exists("goals", $context) ? $context["goals"] : (function () { throw new RuntimeError('Variable "goals" does not exist.', 16, $this->source); })()));
        foreach ($context['_seq'] as $context["_key"] => $context["g"]) {
            yield " 
                        <option value=";
            // line 17
            yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["g"], "id", [], "any", false, false, false, 17), "html", null, true);
            yield " ";
            yield (((CoreExtension::getAttribute($this->env, $this->source, (isset($context["goal"]) || array_key_exists("goal", $context) ? $context["goal"] : (function () { throw new RuntimeError('Variable "goal" does not exist.', 17, $this->source); })()), "id", [], "any", false, false, false, 17) == CoreExtension::getAttribute($this->env, $this->source, $context["g"], "id", [], "any", false, false, false, 17))) ? ("selected") : (""));
            yield ">ODD ";
            yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["g"], "code", [], "any", false, false, false, 17), "html", null, true);
            yield " : ";
            yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["g"], "name", [], "any", false, false, false, 17), "html", null, true);
            yield " </option>
                    ";
        }
        $_parent = $context['_parent'];
        unset($context['_seq'], $context['_key'], $context['g'], $context['_parent']);
        $context = array_intersect_key($context, $_parent) + $_parent;
        // line 19
        yield "                </select>
                <br>
                <br>

                <ul style=\"list-style-type: none;\">
\t\t\t\t\t";
        // line 24
        $context['_parent'] = $context;
        $context['_seq'] = CoreExtension::ensureTraversable(CoreExtension::getAttribute($this->env, $this->source, (isset($context["goal"]) || array_key_exists("goal", $context) ? $context["goal"] : (function () { throw new RuntimeError('Variable "goal" does not exist.', 24, $this->source); })()), "targets", [], "any", false, false, false, 24));
        foreach ($context['_seq'] as $context["_key"] => $context["target"]) {
            // line 25
            yield "\t\t\t\t\t";
            $context['_parent'] = $context;
            $context['_seq'] = CoreExtension::ensureTraversable(CoreExtension::getAttribute($this->env, $this->source, $context["target"], "indicators", [], "any", false, false, false, 25));
            foreach ($context['_seq'] as $context["_key"] => $context["indicateur"]) {
                // line 26
                yield "\t\t\t\t\t\t";
                $context["flag"] = CoreExtension::getAttribute($this->env, $this->source, (isset($context["settingsManager"]) || array_key_exists("settingsManager", $context) ? $context["settingsManager"] : (function () { throw new RuntimeError('Variable "settingsManager" does not exist.', 26, $this->source); })()), "getIndicateurStatutColor", [(isset($context["year"]) || array_key_exists("year", $context) ? $context["year"] : (function () { throw new RuntimeError('Variable "year" does not exist.', 26, $this->source); })()), $context["indicateur"], 1, null], "method", false, false, false, 26);
                // line 27
                yield "\t\t\t\t\t\t<li style=\"padding: 3px 0 2px 0;\">
                            <font size=\"-1\">
\t\t\t\t\t\t\t<a href=\"";
                // line 29
                yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("indicateur", ["id" => CoreExtension::getAttribute($this->env, $this->source, $context["indicateur"], "id", [], "any", false, false, false, 29), "odd" => CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["indicateur"], "target", [], "any", false, false, false, 29), "goal", [], "any", false, false, false, 29), "id", [], "any", false, false, false, 29)]), "html", null, true);
                yield "\">
\t\t\t\t\t\t\t\t<svg class=\"MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-1k33q06\" style=\"fill-rule:evenodd;clip-rule:evenodd;fill:";
                // line 30
                yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["flag"]) || array_key_exists("flag", $context) ? $context["flag"] : (function () { throw new RuntimeError('Variable "flag" does not exist.', 30, $this->source); })()), "html", null, true);
                yield ";stroke:";
                yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["flag"]) || array_key_exists("flag", $context) ? $context["flag"] : (function () { throw new RuntimeError('Variable "flag" does not exist.', 30, $this->source); })()), "html", null, true);
                yield ";stroke-width:1;stroke-miterlimit:10;\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\"><path d=\"M12 4.08A7.92 7.92 0 0 0 4.08 12 7.92 7.92 0 0 0 12 19.92 7.92 7.92 0 0 0 19.92 12 7.92 7.92 0 0 0 12 4.08Z\" style=\"stroke-width: 0.792;\"></path></svg>
\t\t\t\t\t\t\t\t";
                // line 31
                yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["indicateur"], "code", [], "any", false, false, false, 31), "html", null, true);
                yield "
\t\t\t\t\t\t\t\t-
\t\t\t\t\t\t\t\t";
                // line 33
                yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["indicateur"], "name", [], "any", false, false, false, 33), "html", null, true);
                yield "
\t\t\t\t\t\t\t</a>
                            </font>
\t\t\t\t\t\t</li>
\t\t\t\t\t";
            }
            $_parent = $context['_parent'];
            unset($context['_seq'], $context['_key'], $context['indicateur'], $context['_parent']);
            $context = array_intersect_key($context, $_parent) + $_parent;
            // line 38
            yield "\t\t\t\t\t";
        }
        $_parent = $context['_parent'];
        unset($context['_seq'], $context['_key'], $context['target'], $context['_parent']);
        $context = array_intersect_key($context, $_parent) + $_parent;
        // line 39
        yield "\t\t\t\t</ul>
\t\t\t\t
\t\t\t</div>
\t\t</div>
\t\t<div class=\"row col-lg-8\">
\t\t<div class=\" col-lg-12 download-template\">
\t\t\t\t<div class=\"licenses\">
\t\t\t\t\t<div class=\"title\"  style=\"height : auto;\">
\t\t\t\t\t\t";
        // line 47
        if (((isset($context["id"]) || array_key_exists("id", $context) ? $context["id"] : (function () { throw new RuntimeError('Variable "id" does not exist.', 47, $this->source); })()) == 0)) {
            // line 48
            yield "\t\t\t\t\t\t\t<strong>Sélectionner un indicateur pour voir sa situation au Bénin. Pour sa situation dans une commune, choisir d'abord un département.</strong>
\t\t\t\t\t\t";
        } else {
            // line 50
            yield "\t\t\t\t\t\t\t<strong>";
            yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["indicateur"]) || array_key_exists("indicateur", $context) ? $context["indicateur"] : (function () { throw new RuntimeError('Variable "indicateur" does not exist.', 50, $this->source); })()), "code", [], "any", false, false, false, 50), "html", null, true);
            yield ". ";
            yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["indicateur"]) || array_key_exists("indicateur", $context) ? $context["indicateur"] : (function () { throw new RuntimeError('Variable "indicateur" does not exist.', 50, $this->source); })()), "name", [], "any", false, false, false, 50), "html", null, true);
            yield "</strong>
\t\t\t\t\t\t";
        }
        // line 52
        yield "\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t</div>

        <div class=\"col-lg-5\">
\t\t\t<div class=\"single-sidebar\">

\t\t\t\t<svg version=\"1.1\" id=\"Benin\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"  height=\"500px\" viewbox=\"0 0 432 755\" style=\"enable-background:new 0 0 432 755;\" xml:space=\"preserve\">
\t\t\t\t\t\t<defs>
\t\t\t\t\t\t\t<style>
\t\t\t\t\t\t\t\t#carte path {
\t\t\t\t\t\t\t\t\tcursor: pointer;
\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t\tpath:hover {
\t\t\t\t\t\t\t\t\topacity: .5;
\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t</style>
\t\t\t\t\t\t</defs>
\t\t\t\t\t\t";
        // line 70
        $context['_parent'] = $context;
        $context['_seq'] = CoreExtension::ensureTraversable((isset($context["departements"]) || array_key_exists("departements", $context) ? $context["departements"] : (function () { throw new RuntimeError('Variable "departements" does not exist.', 70, $this->source); })()));
        foreach ($context['_seq'] as $context["_key"] => $context["departement"]) {
            // line 71
            yield "\t\t\t\t\t\t";
            $context["flag"] = CoreExtension::getAttribute($this->env, $this->source, (isset($context["settingsManager"]) || array_key_exists("settingsManager", $context) ? $context["settingsManager"] : (function () { throw new RuntimeError('Variable "settingsManager" does not exist.', 71, $this->source); })()), "getIndicateurStatutColor", [(isset($context["year"]) || array_key_exists("year", $context) ? $context["year"] : (function () { throw new RuntimeError('Variable "year" does not exist.', 71, $this->source); })()), (isset($context["indicateur"]) || array_key_exists("indicateur", $context) ? $context["indicateur"] : (function () { throw new RuntimeError('Variable "indicateur" does not exist.', 71, $this->source); })()), 2, CoreExtension::getAttribute($this->env, $this->source, $context["departement"], "id", [], "any", false, false, false, 71)], "method", false, false, false, 71);
            // line 72
            yield "\t\t\t\t\t\t<a onclick=\"chargerCommune(";
            yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["departement"], "id", [], "any", false, false, false, 72), "html", null, true);
            yield ", ";
            yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["indicateur"]) || array_key_exists("indicateur", $context) ? $context["indicateur"] : (function () { throw new RuntimeError('Variable "indicateur" does not exist.', 72, $this->source); })()), "id", [], "any", false, false, false, 72), "html", null, true);
            yield ")\" class=\"tooltips\" data-container=\"body\" data-original-title=\"";
            yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["departement"], "name", [], "any", false, false, false, 72), "html", null, true);
            yield "\">
\t\t\t\t\t\t\t<path
\t\t\t\t\t\t\t\tid=\"departement";
            // line 74
            yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["departement"], "id", [], "any", false, false, false, 74), "html", null, true);
            yield "\" style=\"fill-rule:evenodd;clip-rule:evenodd;fill:";
            yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["flag"]) || array_key_exists("flag", $context) ? $context["flag"] : (function () { throw new RuntimeError('Variable "flag" does not exist.', 74, $this->source); })()), "html", null, true);
            yield ";stroke:#000;stroke-width:1;stroke-miterlimit:10;\" d=\"";
            yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["departement"], "coordonnee", [], "any", false, false, false, 74), "html", null, true);
            yield "\"><title>";
            yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["departement"], "name", [], "any", false, false, false, 74), "html", null, true);
            yield "</title>
\t\t\t\t\t\t\t</path>
\t\t\t\t\t\t</a>
\t\t\t\t\t\t";
        }
        $_parent = $context['_parent'];
        unset($context['_seq'], $context['_key'], $context['departement'], $context['_parent']);
        $context = array_intersect_key($context, $_parent) + $_parent;
        // line 78
        yield "\t\t\t\t\t</svg>
\t\t\t</div>
\t\t</div>

\t\t<div class=\"col-lg-7\">
\t\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t\t<div class=\"col-lg-6\">
\t\t\t\t\t\t\t\t\t\t<svg class=\"MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-1k33q06\" style=\"fill-rule:evenodd;clip-rule:evenodd;fill:#cccccc;stroke:#cccccc;stroke-width:1;stroke-miterlimit:10;\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\"><path d=\"M12 4.08A7.92 7.92 0 0 0 4.08 12 7.92 7.92 0 0 0 12 19.92 7.92 7.92 0 0 0 19.92 12 7.92 7.92 0 0 0 12 4.08Z\" style=\"stroke-width: 0.792;\"></path></svg>
\t\t\t\t\t\t\t\t\t\tNon applicable
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t";
        // line 88
        $context['_parent'] = $context;
        $context['_seq'] = CoreExtension::ensureTraversable((isset($context["status"]) || array_key_exists("status", $context) ? $context["status"] : (function () { throw new RuntimeError('Variable "status" does not exist.', 88, $this->source); })()));
        foreach ($context['_seq'] as $context["_key"] => $context["s"]) {
            // line 89
            yield "\t\t\t\t\t\t\t\t<div class=\"col-lg-6\">
\t\t\t\t\t\t\t\t\t\t<svg class=\"MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-1k33q06\" style=\"fill-rule:evenodd;clip-rule:evenodd;fill:";
            // line 90
            yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["s"], "flag", [], "any", false, false, false, 90), "html", null, true);
            yield ";stroke:";
            yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["s"], "flag", [], "any", false, false, false, 90), "html", null, true);
            yield ";stroke-width:1;stroke-miterlimit:10;\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\"><path d=\"M12 4.08A7.92 7.92 0 0 0 4.08 12 7.92 7.92 0 0 0 12 19.92 7.92 7.92 0 0 0 19.92 12 7.92 7.92 0 0 0 12 4.08Z\" style=\"stroke-width: 0.792;\"></path></svg>
\t\t\t\t\t\t\t\t\t\t";
            // line 91
            yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["s"], "name", [], "any", false, false, false, 91), "html", null, true);
            yield "
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t";
        }
        $_parent = $context['_parent'];
        unset($context['_seq'], $context['_key'], $context['s'], $context['_parent']);
        $context = array_intersect_key($context, $_parent) + $_parent;
        // line 94
        yield "\t\t\t\t\t\t\t</div>
\t\t\t<div id=\"communes\">
                
            </div>\t\t
\t\t</div>
\t\t</div>
\t</div>

\t<div class='container single-template'>
\t<div class=\"page-header\">
\t\t<h1 class=\"page-title\">
\t\t\tSituation de l'indicateur ";
        // line 105
        yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["indicateur"]) || array_key_exists("indicateur", $context) ? $context["indicateur"] : (function () { throw new RuntimeError('Variable "indicateur" does not exist.', 105, $this->source); })()), "code", [], "any", false, false, false, 105), "html", null, true);
        yield " au Bénin
\t\t</h1>
\t</div>

\t<div id=\"chart\"></div>

\t</div>

\t</div>

\t
";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        yield from [];
    }

    // line 118
    /**
     * @return iterable<null|scalar|\Stringable>
     */
    public function block_js(array $context, array $blocks = []): iterable
    {
        $macros = $this->macros;
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "js"));

        // line 119
        yield "    <script src=\"";
        yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("plugins/jquery/jquery.min.js"), "html", null, true);
        yield "\"></script>
    <script src=\"";
        // line 120
        yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/js/select2.min.js"), "html", null, true);
        yield "\"></script>
<script>
\$(document).ready(function() {
    \$('.select2').select2();
});

function changeODD(val){
    let route =  \"";
        // line 127
        yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("selectodd", ["id" => "odd_"]), "js"), "html", null, true);
        yield "\";
\troute = route.replace('odd_', val.value);
    window.location = route;
}

function commune(id){
    let route =  \"";
        // line 133
        yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("commune", ["id" => "commune_"]), "js"), "html", null, true);
        yield "\";
    route = route.replace('commune_', id);
    window.location = route;
}
</script>

<script>
    function chargerCommune(departement, indicateur){
        let route =  \"";
        // line 141
        yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("chargerCommunes", ["id" => "departement_", "ind" => "indicateur_"]), "js"), "html", null, true);
        yield "\";
        route = route.replace('departement_', departement);
\t\troute = route.replace('indicateur_', indicateur);

        \$.ajax({
                url: route,
                data: null,
                type: 'GET',
                success: function(data) {
                    \$('#communes').html(data);
                }
            });
    }
</script>

<script src=\"";
        // line 156
        yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("plugins/apexcharts/apexcharts.js"), "html", null, true);
        yield "\"></script>

<script>
\$.getJSON('";
        // line 159
        yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("plugins/apexcharts/locales/fr.json"), "html", null, true);
        yield "', function(data) {
var fr = data

var options = {
  chart: {
    type: 'bar',
    locales: [fr],
    defaultLocale: 'fr',
  },
  series: [{
    name: 'Indice global',
    data: ";
        // line 170
        yield json_encode((isset($context["data"]) || array_key_exists("data", $context) ? $context["data"] : (function () { throw new RuntimeError('Variable "data" does not exist.', 170, $this->source); })()));
        yield "
  }],
  xaxis: {
    categories: ";
        // line 173
        yield json_encode((isset($context["annees"]) || array_key_exists("annees", $context) ? $context["annees"] : (function () { throw new RuntimeError('Variable "annees" does not exist.', 173, $this->source); })()));
        yield "
  },
  legend: {
      show: false,
      },
  plotOptions: {
        bar: {
            distributed: true,
        },
    },
  colors: ";
        // line 183
        yield json_encode((isset($context["colors"]) || array_key_exists("colors", $context) ? $context["colors"] : (function () { throw new RuntimeError('Variable "colors" does not exist.', 183, $this->source); })()));
        yield ",
  yaxis: { 
\tmin : 0,
},
}

var chart = new ApexCharts(document.querySelector(\"#chart\"), options);

chart.render();
});
</script>

";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        yield from [];
    }

    /**
     * @codeCoverageIgnore
     */
    public function getTemplateName(): string
    {
        return "frontend/indicateur.html.twig";
    }

    /**
     * @codeCoverageIgnore
     */
    public function isTraitable(): bool
    {
        return false;
    }

    /**
     * @codeCoverageIgnore
     */
    public function getDebugInfo(): array
    {
        return array (  423 => 183,  410 => 173,  404 => 170,  390 => 159,  384 => 156,  366 => 141,  355 => 133,  346 => 127,  336 => 120,  331 => 119,  321 => 118,  301 => 105,  288 => 94,  279 => 91,  273 => 90,  270 => 89,  266 => 88,  254 => 78,  238 => 74,  228 => 72,  225 => 71,  221 => 70,  201 => 52,  193 => 50,  189 => 48,  187 => 47,  177 => 39,  171 => 38,  160 => 33,  155 => 31,  149 => 30,  145 => 29,  141 => 27,  138 => 26,  133 => 25,  129 => 24,  122 => 19,  108 => 17,  102 => 16,  93 => 9,  90 => 8,  80 => 7,  69 => 4,  59 => 3,  42 => 1,);
    }

    public function getSourceContext(): Source
    {
        return new Source("{% extends 'frontend/layout.html.twig' %}

{% block css %}
    <link href=\"{{ asset('assets/css/select2.min.css') }}\" rel=\"stylesheet\">
{% endblock %}

{% block content %}
\t{% set goal = indicateur.target.goal %}
    <div class=\"container row\" style=\"max-width: 100%;\">

        <div class=\"col-lg-4 entries\" style=\"height:600px;overflow-y: scroll;\">
            <br>
            <div class=\"template-details\">
                <h2>Indicateurs </h2>
                <select class=\"form-control select2\" onChange=\"changeODD(this)\">
                    {% for g in goals %} 
                        <option value={{g.id}} {{goal.id==g.id ? 'selected' : ''}}>ODD {{g.code}} : {{g.name}} </option>
                    {% endfor %}
                </select>
                <br>
                <br>

                <ul style=\"list-style-type: none;\">
\t\t\t\t\t{% for target in goal.targets %}
\t\t\t\t\t{% for indicateur in target.indicators %}
\t\t\t\t\t\t{% set flag=settingsManager.getIndicateurStatutColor(year, indicateur, 1, null) %}
\t\t\t\t\t\t<li style=\"padding: 3px 0 2px 0;\">
                            <font size=\"-1\">
\t\t\t\t\t\t\t<a href=\"{{ path('indicateur', { 'id': indicateur.id, 'odd': indicateur.target.goal.id }) }}\">
\t\t\t\t\t\t\t\t<svg class=\"MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-1k33q06\" style=\"fill-rule:evenodd;clip-rule:evenodd;fill:{{flag}};stroke:{{flag}};stroke-width:1;stroke-miterlimit:10;\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\"><path d=\"M12 4.08A7.92 7.92 0 0 0 4.08 12 7.92 7.92 0 0 0 12 19.92 7.92 7.92 0 0 0 19.92 12 7.92 7.92 0 0 0 12 4.08Z\" style=\"stroke-width: 0.792;\"></path></svg>
\t\t\t\t\t\t\t\t{{ indicateur.code }}
\t\t\t\t\t\t\t\t-
\t\t\t\t\t\t\t\t{{ indicateur.name }}
\t\t\t\t\t\t\t</a>
                            </font>
\t\t\t\t\t\t</li>
\t\t\t\t\t{% endfor %}
\t\t\t\t\t{% endfor %}
\t\t\t\t</ul>
\t\t\t\t
\t\t\t</div>
\t\t</div>
\t\t<div class=\"row col-lg-8\">
\t\t<div class=\" col-lg-12 download-template\">
\t\t\t\t<div class=\"licenses\">
\t\t\t\t\t<div class=\"title\"  style=\"height : auto;\">
\t\t\t\t\t\t{% if id==0 %}
\t\t\t\t\t\t\t<strong>Sélectionner un indicateur pour voir sa situation au Bénin. Pour sa situation dans une commune, choisir d'abord un département.</strong>
\t\t\t\t\t\t{% else %}
\t\t\t\t\t\t\t<strong>{{indicateur.code}}. {{indicateur.name}}</strong>
\t\t\t\t\t\t{% endif %}
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t</div>

        <div class=\"col-lg-5\">
\t\t\t<div class=\"single-sidebar\">

\t\t\t\t<svg version=\"1.1\" id=\"Benin\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"  height=\"500px\" viewbox=\"0 0 432 755\" style=\"enable-background:new 0 0 432 755;\" xml:space=\"preserve\">
\t\t\t\t\t\t<defs>
\t\t\t\t\t\t\t<style>
\t\t\t\t\t\t\t\t#carte path {
\t\t\t\t\t\t\t\t\tcursor: pointer;
\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t\tpath:hover {
\t\t\t\t\t\t\t\t\topacity: .5;
\t\t\t\t\t\t\t\t}
\t\t\t\t\t\t\t</style>
\t\t\t\t\t\t</defs>
\t\t\t\t\t\t{% for departement in departements %}
\t\t\t\t\t\t{% set flag=settingsManager.getIndicateurStatutColor(year, indicateur, 2, departement.id) %}
\t\t\t\t\t\t<a onclick=\"chargerCommune({{departement.id}}, {{indicateur.id}})\" class=\"tooltips\" data-container=\"body\" data-original-title=\"{{departement.name}}\">
\t\t\t\t\t\t\t<path
\t\t\t\t\t\t\t\tid=\"departement{{departement.id}}\" style=\"fill-rule:evenodd;clip-rule:evenodd;fill:{{flag}};stroke:#000;stroke-width:1;stroke-miterlimit:10;\" d=\"{{departement.coordonnee}}\"><title>{{departement.name}}</title>
\t\t\t\t\t\t\t</path>
\t\t\t\t\t\t</a>
\t\t\t\t\t\t{% endfor %}
\t\t\t\t\t</svg>
\t\t\t</div>
\t\t</div>

\t\t<div class=\"col-lg-7\">
\t\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t\t<div class=\"col-lg-6\">
\t\t\t\t\t\t\t\t\t\t<svg class=\"MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-1k33q06\" style=\"fill-rule:evenodd;clip-rule:evenodd;fill:#cccccc;stroke:#cccccc;stroke-width:1;stroke-miterlimit:10;\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\"><path d=\"M12 4.08A7.92 7.92 0 0 0 4.08 12 7.92 7.92 0 0 0 12 19.92 7.92 7.92 0 0 0 19.92 12 7.92 7.92 0 0 0 12 4.08Z\" style=\"stroke-width: 0.792;\"></path></svg>
\t\t\t\t\t\t\t\t\t\tNon applicable
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t{% for s in status %}
\t\t\t\t\t\t\t\t<div class=\"col-lg-6\">
\t\t\t\t\t\t\t\t\t\t<svg class=\"MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-1k33q06\" style=\"fill-rule:evenodd;clip-rule:evenodd;fill:{{s.flag}};stroke:{{s.flag}};stroke-width:1;stroke-miterlimit:10;\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\"><path d=\"M12 4.08A7.92 7.92 0 0 0 4.08 12 7.92 7.92 0 0 0 12 19.92 7.92 7.92 0 0 0 19.92 12 7.92 7.92 0 0 0 12 4.08Z\" style=\"stroke-width: 0.792;\"></path></svg>
\t\t\t\t\t\t\t\t\t\t{{ s.name }}
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t{% endfor %}
\t\t\t\t\t\t\t</div>
\t\t\t<div id=\"communes\">
                
            </div>\t\t
\t\t</div>
\t\t</div>
\t</div>

\t<div class='container single-template'>
\t<div class=\"page-header\">
\t\t<h1 class=\"page-title\">
\t\t\tSituation de l'indicateur {{indicateur.code}} au Bénin
\t\t</h1>
\t</div>

\t<div id=\"chart\"></div>

\t</div>

\t</div>

\t
{% endblock %}

{% block js %}
    <script src=\"{{ asset('plugins/jquery/jquery.min.js') }}\"></script>
    <script src=\"{{ asset('assets/js/select2.min.js') }}\"></script>
<script>
\$(document).ready(function() {
    \$('.select2').select2();
});

function changeODD(val){
    let route =  \"{{ path('selectodd', {id: 'odd_'})|escape('js') }}\";
\troute = route.replace('odd_', val.value);
    window.location = route;
}

function commune(id){
    let route =  \"{{ path('commune', {id: 'commune_'})|escape('js') }}\";
    route = route.replace('commune_', id);
    window.location = route;
}
</script>

<script>
    function chargerCommune(departement, indicateur){
        let route =  \"{{ path('chargerCommunes', {id: 'departement_', ind: 'indicateur_'})|escape('js') }}\";
        route = route.replace('departement_', departement);
\t\troute = route.replace('indicateur_', indicateur);

        \$.ajax({
                url: route,
                data: null,
                type: 'GET',
                success: function(data) {
                    \$('#communes').html(data);
                }
            });
    }
</script>

<script src=\"{{asset('plugins/apexcharts/apexcharts.js')}}\"></script>

<script>
\$.getJSON('{{asset('plugins/apexcharts/locales/fr.json')}}', function(data) {
var fr = data

var options = {
  chart: {
    type: 'bar',
    locales: [fr],
    defaultLocale: 'fr',
  },
  series: [{
    name: 'Indice global',
    data: {{data | json_encode |raw}}
  }],
  xaxis: {
    categories: {{annees | json_encode |raw}}
  },
  legend: {
      show: false,
      },
  plotOptions: {
        bar: {
            distributed: true,
        },
    },
  colors: {{colors | json_encode |raw}},
  yaxis: { 
\tmin : 0,
},
}

var chart = new ApexCharts(document.querySelector(\"#chart\"), options);

chart.render();
});
</script>

{% endblock %}", "frontend/indicateur.html.twig", "/var/www/vhosts/sigodd.gouv.bj/httpdocs/templates/frontend/indicateur.html.twig");
    }
}
