<?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/indicateur2063.html.twig */
class __TwigTemplate_b2be64e4b229e2b5c61b1775af9259f2 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;
        $this->parent = $this->load("frontend/layout.html.twig", 1);
        yield from $this->parent->unwrap()->yield($context, array_merge($this->blocks, $blocks));
    }

    // line 3
    /**
     * @return iterable<null|scalar|\Stringable>
     */
    public function block_css(array $context, array $blocks = []): iterable
    {
        $macros = $this->macros;
        // 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\">
";
        yield from [];
    }

    // line 7
    /**
     * @return iterable<null|scalar|\Stringable>
     */
    public function block_content(array $context, array $blocks = []): iterable
    {
        $macros = $this->macros;
        // line 8
        yield "\t";
        $context["goal"] = CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, ($context["indicateur"] ?? null), "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(($context["goals"] ?? null));
        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, ($context["goal"] ?? null), "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, ($context["goal"] ?? null), "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, ($context["settingsManager"] ?? null), "getIndicateurStatutColor", [($context["year"] ?? null), $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(($context["flag"] ?? null), "html", null, true);
                yield ";stroke:";
                yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(($context["flag"] ?? null), "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 ((($context["id"] ?? null) == 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, ($context["indicateur"] ?? null), "code", [], "any", false, false, false, 50), "html", null, true);
            yield ". ";
            yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, ($context["indicateur"] ?? null), "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(($context["departements"] ?? null));
        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, ($context["settingsManager"] ?? null), "getIndicateurStatutColor", [($context["year"] ?? null), ($context["indicateur"] ?? null), 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, ($context["indicateur"] ?? null), "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(($context["flag"] ?? null), "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(($context["status"] ?? null));
        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, ($context["indicateur"] ?? null), "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
";
        yield from [];
    }

    // line 118
    /**
     * @return iterable<null|scalar|\Stringable>
     */
    public function block_js(array $context, array $blocks = []): iterable
    {
        $macros = $this->macros;
        // 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(($context["data"] ?? null));
        yield "
  }],
  xaxis: {
    categories: ";
        // line 173
        yield json_encode(($context["annees"] ?? null));
        yield "
  },
  legend: {
      show: false,
      },
  plotOptions: {
        bar: {
            distributed: true,
        },
    },
  colors: ";
        // line 183
        yield json_encode(($context["colors"] ?? null));
        yield ",
  yaxis: {
\t  
\tmin : 0,
},
}

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

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

";
        yield from [];
    }

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

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

    /**
     * @codeCoverageIgnore
     */
    public function getDebugInfo(): array
    {
        return array (  402 => 183,  389 => 173,  383 => 170,  369 => 159,  363 => 156,  345 => 141,  334 => 133,  325 => 127,  315 => 120,  310 => 119,  303 => 118,  286 => 105,  273 => 94,  264 => 91,  258 => 90,  255 => 89,  251 => 88,  239 => 78,  223 => 74,  213 => 72,  210 => 71,  206 => 70,  186 => 52,  178 => 50,  174 => 48,  172 => 47,  162 => 39,  156 => 38,  145 => 33,  140 => 31,  134 => 30,  130 => 29,  126 => 27,  123 => 26,  118 => 25,  114 => 24,  107 => 19,  93 => 17,  87 => 16,  78 => 9,  75 => 8,  68 => 7,  60 => 4,  53 => 3,  42 => 1,);
    }

    public function getSourceContext(): Source
    {
        return new Source("", "frontend/indicateur2063.html.twig", "/var/www/html/templates/frontend/indicateur2063.html.twig");
    }
}
