<?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/agenda2030.html copy.twig */
class __TwigTemplate_e10c1b1809ae44a86b7c0c4be7066a30 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;
        $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_content(array $context, array $blocks = []): iterable
    {
        $macros = $this->macros;
        // line 4
        yield "<div class=\"container single-template\">
    <div class=\"page-header\">
\t\t<h1 class=\"page-title\">
\t\t\tL'agenda 2030
\t\t</h1>
\t</div>

\t<div class=\"single-contnet pt-4\">
\t\t<p>En septembre 2015, les 193 États membres de l’ONU ont adopté le programme de développement durable à l’horizon 2030, intitulé «&nbsp;Agenda 2030&nbsp;». C’est un plan d’action pour l’humanité, la planète et la prospérité. Il porte une vision de transformation de notre monde en renforçant la paix, en éradiquant la pauvreté et en assurant sa transition vers un développement durable.</p>
        <p>L’Agenda 2030 a fusionné l’agenda du développement et celui des Sommets de la Terre. Il est universel, c’est-à-dire qu’il s’applique à tous les pays, du Nord comme du Sud. À cet égard, tous les pays sont «&nbsp;en voie de développement durable&nbsp;». Avec ses 17 Objectifs de développement durable et 169 cibles (ou sous-objectifs), il dessine une feuille de route détaillée et couvrant pratiquement toutes les questions de société.</p>
\t\t<br>
\t\t<br>
    </div>

\t<div class=\"row gx-md-5 gy-3\">
\t\t";
        // line 19
        $context['_parent'] = $context;
        $context['_seq'] = CoreExtension::ensureTraversable(($context["goals"] ?? null));
        foreach ($context['_seq'] as $context["_key"] => $context["goal"]) {
            // line 20
            yield "                        <div class=\"col-xl-2 col-lg-2\" style=\"margin-bottom:40px;\">
                            <div class=\"icon-box\" data-aos=\"fade-up\">
                                <!--div class=\"icon\"><i class=\"las la-basketball-ball1\" style=\"color: ";
            // line 22
            yield ";\">";
            yield "</i></div-->
                                <!--h4 class=\"title\"><a href=\"";
            // line 23
            yield "\">";
            yield "</a></h4>
                                <p class=\"description\">";
            // line 24
            yield "</p-->
                                <a href=\"";
            // line 25
            yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("odd", ["id" => CoreExtension::getAttribute($this->env, $this->source, $context["goal"], "id", [], "any", false, false, false, 25)]), "html", null, true);
            yield "\"><img src=\"";
            yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("dist/img/odd"), "html", null, true);
            yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["goal"], "code", [], "any", false, false, false, 25), "html", null, true);
            yield ".png\" style=\"width:100%\"></a>
                            </div>
                        </div>
                        ";
        }
        $_parent = $context['_parent'];
        unset($context['_seq'], $context['_key'], $context['goal'], $context['_parent']);
        $context = array_intersect_key($context, $_parent) + $_parent;
        // line 29
        yield "    </div>


    <div class=\"page-header\">
\t\t<h1 class=\"page-title\">
\t\t\tIndice global des ODD au Bénin
\t\t</h1>
\t</div>

    <div id=\"chart\"></div>
</div>
";
        yield from [];
    }

    // line 42
    /**
     * @return iterable<null|scalar|\Stringable>
     */
    public function block_js(array $context, array $blocks = []): iterable
    {
        $macros = $this->macros;
        // line 43
        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 44
        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 47
        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 58
        yield json_encode(($context["data"] ?? null));
        yield "
  }],
  xaxis: {
    categories: ";
        // line 61
        yield json_encode(($context["annees"] ?? 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/agenda2030.html copy.twig";
    }

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

    /**
     * @codeCoverageIgnore
     */
    public function getDebugInfo(): array
    {
        return array (  162 => 61,  156 => 58,  142 => 47,  136 => 44,  131 => 43,  124 => 42,  108 => 29,  95 => 25,  92 => 24,  88 => 23,  84 => 22,  80 => 20,  76 => 19,  59 => 4,  52 => 3,  41 => 1,);
    }

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