<?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/cible.html.twig */
class __TwigTemplate_0da3057da378decd47919d1073198b46 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 = [
            '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/cible.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_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 4
        yield "<div class=\"container single-template\">
\t<div class=\"page-header\">
\t\t<a href=\"";
        // line 6
        yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("odd", ["id" => 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.', 6, $this->source); })()), "id", [], "any", false, false, false, 6)]), "html", null, true);
        yield "\"><h1 class=\"page-title\">
\t\t\t";
        // line 7
        yield ((((isset($context["agenda"]) || array_key_exists("agenda", $context) ? $context["agenda"] : (function () { throw new RuntimeError('Variable "agenda" does not exist.', 7, $this->source); })()) == "2030")) ? ("ODD") : ("Aspiration"));
        yield " ";
        yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(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.', 7, $this->source); })()), "code", [], "any", false, false, false, 7), "html", null, true);
        yield " : ";
        yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(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.', 7, $this->source); })()), "name", [], "any", false, false, false, 7), "html", null, true);
        yield "
\t\t</h1></a>
\t</div>

\t<div class=\"row gx-md-5 gy-3\">
\t\t<div class=\"";
        // line 12
        yield ((((isset($context["agenda"]) || array_key_exists("agenda", $context) ? $context["agenda"] : (function () { throw new RuntimeError('Variable "agenda" does not exist.', 12, $this->source); })()) == "2030")) ? ("col-lg-8") : ("col-lg-12"));
        yield "\">

\t\t\t<div class=\"download-template\" style=\"margin-top:0px;\">

\t\t\t\t<div class=\"licenses\">
\t\t\t\t\t<div class=\"title\">
\t\t\t\t\t\t<h2>";
        // line 18
        yield ((((isset($context["agenda"]) || array_key_exists("agenda", $context) ? $context["agenda"] : (function () { throw new RuntimeError('Variable "agenda" does not exist.', 18, $this->source); })()) == "2030")) ? ("Cible") : ("Objectifs"));
        yield "  ";
        yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["target"]) || array_key_exists("target", $context) ? $context["target"] : (function () { throw new RuntimeError('Variable "target" does not exist.', 18, $this->source); })()), "code", [], "any", false, false, false, 18), "html", null, true);
        yield " : ";
        yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["target"]) || array_key_exists("target", $context) ? $context["target"] : (function () { throw new RuntimeError('Variable "target" does not exist.', 18, $this->source); })()), "name", [], "any", false, false, false, 18), "html", null, true);
        yield "</h2>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t</div>


\t\t\t<div class=\"single-contnet pt-4\">
\t\t\t\t";
        // line 25
        yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["target"]) || array_key_exists("target", $context) ? $context["target"] : (function () { throw new RuntimeError('Variable "target" does not exist.', 25, $this->source); })()), "description", [], "any", false, false, false, 25), "html", null, true);
        yield "
\t\t\t\t<br>
\t\t\t\t<br>
\t\t\t\t<br>
\t\t\t\t<div class=\"template-details\">
\t\t\t\t\t<h2>Les ";
        // line 30
        yield ((((isset($context["agenda"]) || array_key_exists("agenda", $context) ? $context["agenda"] : (function () { throw new RuntimeError('Variable "agenda" does not exist.', 30, $this->source); })()) == "2030")) ? ("indicateurs") : ("domaines"));
        yield "  de ";
        yield ((((isset($context["agenda"]) || array_key_exists("agenda", $context) ? $context["agenda"] : (function () { throw new RuntimeError('Variable "agenda" does not exist.', 30, $this->source); })()) == "2030")) ? ("la cible ") : ("l'objectif "));
        yield "  ";
        yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["target"]) || array_key_exists("target", $context) ? $context["target"] : (function () { throw new RuntimeError('Variable "target" does not exist.', 30, $this->source); })()), "code", [], "any", false, false, false, 30), "html", null, true);
        yield "
\t\t\t\t\t</h2>
\t\t\t\t</div>

\t\t\t\t<ul style=\"list-style-type: none;\">
\t\t\t\t\t";
        // line 35
        $context['_parent'] = $context;
        $context['_seq'] = CoreExtension::ensureTraversable(CoreExtension::getAttribute($this->env, $this->source, (isset($context["target"]) || array_key_exists("target", $context) ? $context["target"] : (function () { throw new RuntimeError('Variable "target" does not exist.', 35, $this->source); })()), "indicators", [], "any", false, false, false, 35));
        foreach ($context['_seq'] as $context["_key"] => $context["indicateur"]) {
            // line 36
            yield "\t\t\t\t\t\t<li style=\"margin-bottom: 10px;\">

\t\t\t\t\t\t\t<a href=\"";
            // line 38
            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, 38)]), "html", null, true);
            yield "\">
\t\t\t\t\t\t\t\t<svg class=\"icon icon-chevron-right\" fill=\"currentColor\">
\t\t\t\t\t\t\t\t\t<use xlink:href=\"";
            // line 40
            yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("frontend/icons/icons-3.7.svg"), "html", null, true);
            yield "#chevron-right\"></use>
\t\t\t\t\t\t\t\t</svg>
\t\t\t\t\t\t\t\t";
            // line 42
            yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["indicateur"], "code", [], "any", false, false, false, 42), "html", null, true);
            yield "
\t\t\t\t\t\t\t\t-
\t\t\t\t\t\t\t\t";
            // line 44
            yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["indicateur"], "name", [], "any", false, false, false, 44), "html", null, true);
            yield "
\t\t\t\t\t\t\t</a>
\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 48
        yield "\t\t\t\t</ul>
\t\t\t</div>
\t\t</div>
\t\t";
        // line 51
        if (((isset($context["agenda"]) || array_key_exists("agenda", $context) ? $context["agenda"] : (function () { throw new RuntimeError('Variable "agenda" does not exist.', 51, $this->source); })()) == "2030")) {
            // line 52
            yield "\t\t<div class=\"col-lg-4\">
\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 58
            $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.', 58, $this->source); })()));
            foreach ($context['_seq'] as $context["_key"] => $context["s"]) {
                // line 59
                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 60
                yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["s"], "flag", [], "any", false, false, false, 60), "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, 60), "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 61
                yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["s"], "name", [], "any", false, false, false, 61), "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 64
            yield "\t\t\t\t\t\t\t</div>
\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\" width=\"300px\" height=\"540px\" 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 78
            $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.', 78, $this->source); })()));
            foreach ($context['_seq'] as $context["_key"] => $context["departement"]) {
                // line 79
                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.', 79, $this->source); })()), "getTargetStatutColor", [(isset($context["year"]) || array_key_exists("year", $context) ? $context["year"] : (function () { throw new RuntimeError('Variable "year" does not exist.', 79, $this->source); })()), (isset($context["target"]) || array_key_exists("target", $context) ? $context["target"] : (function () { throw new RuntimeError('Variable "target" does not exist.', 79, $this->source); })()), 2, CoreExtension::getAttribute($this->env, $this->source, $context["departement"], "id", [], "any", false, false, false, 79)], "method", false, false, false, 79);
                // line 80
                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, 80), "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, 80), "html", null, true);
                yield "\">
\t\t\t\t\t\t\t<path
\t\t\t\t\t\t\t\tid=\"departement";
                // line 82
                yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["departement"], "id", [], "any", false, false, false, 82), "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.', 82, $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, 82), "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, 82), "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 86
            yield "\t\t\t\t\t</svg>
\t\t\t</div>
\t\t</div>
\t\t";
        }
        // line 90
        yield "\t</div>
";
        // line 91
        if (((isset($context["agenda"]) || array_key_exists("agenda", $context) ? $context["agenda"] : (function () { throw new RuntimeError('Variable "agenda" does not exist.', 91, $this->source); })()) == "2030")) {
            // line 92
            yield "<div class=\"page-header\">
\t\t<h1 class=\"page-title\">
\t\t\tSituation de la cible ";
            // line 94
            yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["target"]) || array_key_exists("target", $context) ? $context["target"] : (function () { throw new RuntimeError('Variable "target" does not exist.', 94, $this->source); })()), "code", [], "any", false, false, false, 94), "html", null, true);
            yield " au Bénin
\t\t</h1>
\t</div>

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

</div>
";
        }
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        yield from [];
    }

    // line 104
    /**
     * @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 105
        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 106
        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 109
        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 120
        yield json_encode((isset($context["data"]) || array_key_exists("data", $context) ? $context["data"] : (function () { throw new RuntimeError('Variable "data" does not exist.', 120, $this->source); })()));
        yield "
  }],
  xaxis: {
    categories: ";
        // line 123
        yield json_encode((isset($context["annees"]) || array_key_exists("annees", $context) ? $context["annees"] : (function () { throw new RuntimeError('Variable "annees" does not exist.', 123, $this->source); })()));
        yield "
  },
  legend: {
      show: false,
      },
  plotOptions: {
        bar: {
            distributed: true,
        },
    },
  colors: ";
        // line 133
        yield json_encode((isset($context["colors"]) || array_key_exists("colors", $context) ? $context["colors"] : (function () { throw new RuntimeError('Variable "colors" does not exist.', 133, $this->source); })()));
        yield ",
  yaxis: {
\t  
\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/cible.html.twig";
    }

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

    /**
     * @codeCoverageIgnore
     */
    public function getDebugInfo(): array
    {
        return array (  334 => 133,  321 => 123,  315 => 120,  301 => 109,  295 => 106,  290 => 105,  280 => 104,  263 => 94,  259 => 92,  257 => 91,  254 => 90,  248 => 86,  232 => 82,  224 => 80,  221 => 79,  217 => 78,  201 => 64,  192 => 61,  186 => 60,  183 => 59,  179 => 58,  171 => 52,  169 => 51,  164 => 48,  154 => 44,  149 => 42,  144 => 40,  139 => 38,  135 => 36,  131 => 35,  119 => 30,  111 => 25,  97 => 18,  88 => 12,  76 => 7,  72 => 6,  68 => 4,  58 => 3,  41 => 1,);
    }

    public function getSourceContext(): Source
    {
        return new Source("{% extends 'frontend/layout.html.twig' %}

{% block content %}
<div class=\"container single-template\">
\t<div class=\"page-header\">
\t\t<a href=\"{{ path('odd', { 'id': goal.id }) }}\"><h1 class=\"page-title\">
\t\t\t{{agenda=='2030' ? 'ODD' : 'Aspiration' }} {{ goal.code }} : {{goal.name}}
\t\t</h1></a>
\t</div>

\t<div class=\"row gx-md-5 gy-3\">
\t\t<div class=\"{{agenda=='2030' ? 'col-lg-8' : 'col-lg-12'}}\">

\t\t\t<div class=\"download-template\" style=\"margin-top:0px;\">

\t\t\t\t<div class=\"licenses\">
\t\t\t\t\t<div class=\"title\">
\t\t\t\t\t\t<h2>{{agenda=='2030' ? 'Cible' : 'Objectifs' }}  {{ target.code }} : {{target.name}}</h2>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t</div>


\t\t\t<div class=\"single-contnet pt-4\">
\t\t\t\t{{target.description}}
\t\t\t\t<br>
\t\t\t\t<br>
\t\t\t\t<br>
\t\t\t\t<div class=\"template-details\">
\t\t\t\t\t<h2>Les {{agenda=='2030' ? 'indicateurs' : 'domaines' }}  de {{agenda=='2030' ? 'la cible ' : \"l'objectif \" }}  {{target.code}}
\t\t\t\t\t</h2>
\t\t\t\t</div>

\t\t\t\t<ul style=\"list-style-type: none;\">
\t\t\t\t\t{% for indicateur in target.indicators %}
\t\t\t\t\t\t<li style=\"margin-bottom: 10px;\">

\t\t\t\t\t\t\t<a href=\"{{ path('indicateur', { 'id': indicateur.id }) }}\">
\t\t\t\t\t\t\t\t<svg class=\"icon icon-chevron-right\" fill=\"currentColor\">
\t\t\t\t\t\t\t\t\t<use xlink:href=\"{{asset('frontend/icons/icons-3.7.svg')}}#chevron-right\"></use>
\t\t\t\t\t\t\t\t</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>
\t\t\t\t\t\t</li>
\t\t\t\t\t{% endfor %}
\t\t\t\t</ul>
\t\t\t</div>
\t\t</div>
\t\t{% if agenda=='2030' %}
\t\t<div class=\"col-lg-4\">
\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 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\" width=\"300px\" height=\"540px\" 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.getTargetStatutColor(year, target, 2, departement.id) %}
\t\t\t\t\t\t<a onclick=\"chargerCommune({{departement.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{% endif %}
\t</div>
{% if agenda=='2030' %}
<div class=\"page-header\">
\t\t<h1 class=\"page-title\">
\t\t\tSituation de la cible {{target.code}} au Bénin
\t\t</h1>
\t</div>

<div id=\"chart\"></div>

</div>
{% endif %}
{% endblock %}

{% block js %}
<script src=\"{{ asset('plugins/jquery/jquery.min.js') }}\"></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: {
\t  
\tmin : 0,
},
}

var chart = new ApexCharts(document.querySelector(\"#chart\"), options);

chart.render();
});
</script>

{% endblock %}
", "frontend/cible.html.twig", "/var/www/vhosts/sigodd.gouv.bj/httpdocs/templates/frontend/cible.html.twig");
    }
}
