<?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;

/* communes/graph.html.twig */
class __TwigTemplate_ada70cd8f4f26de22aa5cdc1d04a2c1f 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 = [
            'page_title' => [$this, 'block_page_title'],
            'page_content' => [$this, 'block_page_content'],
            'javascripts' => [$this, 'block_javascripts'],
        ];
    }

    protected function doGetParent(array $context): bool|string|Template|TemplateWrapper
    {
        // line 1
        return "@AdminLTE/layout/communeodd-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", "communes/graph.html.twig"));

        $this->parent = $this->load("@AdminLTE/layout/communeodd-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_page_title(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", "page_title"));

        yield $this->env->getExtension('Symfony\Bridge\Twig\Extension\TranslationExtension')->trans("Graphiques", [], "messages");
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        yield from [];
    }

    // line 6
    /**
     * @return iterable<null|scalar|\Stringable>
     */
    public function block_page_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", "page_content"));

        // line 7
        yield "

";
        // line 9
        yield from $this->load("communes/graph.html.twig", 9, "1550765840")->unwrap()->yield($context);
        // line 20
        yield "

";
        // line 22
        yield from $this->load("communes/graph.html.twig", 22, "320349941")->unwrap()->yield($context);
        // line 29
        yield "

";
        // line 31
        if ((($tmp = (isset($context["indicator"]) || array_key_exists("indicator", $context) ? $context["indicator"] : (function () { throw new RuntimeError('Variable "indicator" does not exist.', 31, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
            // line 32
            yield "
";
            // line 33
            yield from $this->load("communes/graph.html.twig", 33, "573453844")->unwrap()->yield($context);
            // line 44
            yield "


";
            // line 47
            yield from $this->load("communes/graph.html.twig", 47, "441453181")->unwrap()->yield($context);
            // line 58
            yield "
";
        }
        // line 60
        yield "    
";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        yield from [];
    }

    // line 65
    /**
     * @return iterable<null|scalar|\Stringable>
     */
    public function block_javascripts(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", "javascripts"));

        // line 66
        yield "    <script>
        \$(function () {
            var barChartData = {
                labels  : ";
        // line 69
        if ((($tmp = (isset($context["data1"]) || array_key_exists("data1", $context) ? $context["data1"] : (function () { throw new RuntimeError('Variable "data1" does not exist.', 69, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
            yield json_encode(CoreExtension::getAttribute($this->env, $this->source, (isset($context["data1"]) || array_key_exists("data1", $context) ? $context["data1"] : (function () { throw new RuntimeError('Variable "data1" does not exist.', 69, $this->source); })()), "labels", [], "array", false, false, false, 69));
        }
        yield ",
                datasets: [
                    {
                        label               : 'Valeur des indicateurs renseignables',
                        backgroundColor     : 'blue',
                        borderColor         : 'blue',
                        borderWidth         : 1,
                        maxBarThickness     : 75,
                        pointRadius         : false,
                        pointColor          : '#3b8bba',
                        pointStrokeColor    : 'rgba(60,141,188,1)',
                        pointHighlightFill  : '#fff',
                        pointHighlightStroke: 'rgba(60,141,188,1)',
                        data                : ";
        // line 82
        if ((($tmp = (isset($context["data1"]) || array_key_exists("data1", $context) ? $context["data1"] : (function () { throw new RuntimeError('Variable "data1" does not exist.', 82, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
            yield json_encode(CoreExtension::getAttribute($this->env, $this->source, (isset($context["data1"]) || array_key_exists("data1", $context) ? $context["data1"] : (function () { throw new RuntimeError('Variable "data1" does not exist.', 82, $this->source); })()), "values", [], "array", false, false, false, 82));
        }
        // line 83
        yield "                    },
                ]
            }

            var barChartCanvas = document.getElementById('barChart').getContext('2d');
      
            var barChartOptions = {
                responsive              : true,
                maintainAspectRatio     : false,
                datasetFill             : false,
                scales: {
                    yAxes: [{
                        ticks: {
                            beginAtZero: true
                        }
                    }]
                },
                plugins: {
                    // Change options for ALL labels of THIS CHART
                    datalabels: {
                        color: 'white',
                        font: {
                            weight: 'bold',
                            size: 12,
                        },
                        align: 'start',
\t\t\t\t\t\tanchor: 'end'
                    }
                }
            }
        
            var barChart = new Chart(barChartCanvas, {
                type: 'bar', 
                data: barChartData,
                options: barChartOptions
            })
      
        })
    </script>


    <script>
        \$(function () {
            var barChartData = {
                labels  : ";
        // line 128
        if ((($tmp = (isset($context["data3"]) || array_key_exists("data3", $context) ? $context["data3"] : (function () { throw new RuntimeError('Variable "data3" does not exist.', 128, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
            yield json_encode(CoreExtension::getAttribute($this->env, $this->source, (isset($context["data3"]) || array_key_exists("data3", $context) ? $context["data3"] : (function () { throw new RuntimeError('Variable "data3" does not exist.', 128, $this->source); })()), "labels", [], "array", false, false, false, 128));
        }
        yield ",
                datasets: [
                    {
                        label               : 'Situation de l\\'indicateur dans le département',
                        backgroundColor     : 'green',
                        borderColor         : 'green',
                        borderWidth         : 1,
                        maxBarThickness     : 75,
                        pointRadius         : false,
                        pointColor          : '#3b8bba',
                        pointStrokeColor    : 'rgba(60,141,188,1)',
                        pointHighlightFill  : '#fff',
                        pointHighlightStroke: 'rgba(60,141,188,1)',
                        data                : ";
        // line 141
        if ((($tmp = (isset($context["data3"]) || array_key_exists("data3", $context) ? $context["data3"] : (function () { throw new RuntimeError('Variable "data3" does not exist.', 141, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
            yield json_encode(CoreExtension::getAttribute($this->env, $this->source, (isset($context["data3"]) || array_key_exists("data3", $context) ? $context["data3"] : (function () { throw new RuntimeError('Variable "data3" does not exist.', 141, $this->source); })()), "values", [], "array", false, false, false, 141));
        }
        // line 142
        yield "                    },
                ]
            }

            var barChartCanvas = document.getElementById('barChart3').getContext('2d');
      
            var barChartOptions = {
                responsive              : true,
                maintainAspectRatio     : false,
                datasetFill             : false,
                scales: {
                    yAxes: [{
                        ticks: {
                            beginAtZero: true
                        }
                    }]
                },
                plugins: {
                    // Change options for ALL labels of THIS CHART
                    datalabels: {
                        color: 'white',
                        font: {
                            weight: 'bold',
                            size: 12,
                        },
                        align: 'start',
\t\t\t\t\t\tanchor: 'end'
                    }
                }
            }
        
            var barChart = new Chart(barChartCanvas, {
                type: 'bar', 
                data: barChartData,
                options: barChartOptions
            })
      
        })
    </script>


    <script>
        \$(function () {
            var barChartData = {
                labels  : ";
        // line 187
        if ((($tmp = (isset($context["data2"]) || array_key_exists("data2", $context) ? $context["data2"] : (function () { throw new RuntimeError('Variable "data2" does not exist.', 187, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
            yield json_encode(CoreExtension::getAttribute($this->env, $this->source, (isset($context["data2"]) || array_key_exists("data2", $context) ? $context["data2"] : (function () { throw new RuntimeError('Variable "data2" does not exist.', 187, $this->source); })()), "labels", [], "array", false, false, false, 187));
        }
        yield ",
                datasets: [
                    {
                        label               : 'Evolution de l\\'indicateur pour la commune',
                        backgroundColor     : 'red',
                        borderColor         : 'red',
                        borderWidth         : 1,
                        maxBarThickness     : 75,
                        pointRadius         : false,
                        pointColor          : '#3b8bba',
                        pointStrokeColor    : 'rgba(60,141,188,1)',
                        pointHighlightFill  : '#fff',
                        pointHighlightStroke: 'rgba(60,141,188,1)',
                        data                : ";
        // line 200
        if ((($tmp = (isset($context["data2"]) || array_key_exists("data2", $context) ? $context["data2"] : (function () { throw new RuntimeError('Variable "data2" does not exist.', 200, $this->source); })())) && $tmp instanceof Markup ? (string) $tmp : $tmp)) {
            yield json_encode(CoreExtension::getAttribute($this->env, $this->source, (isset($context["data2"]) || array_key_exists("data2", $context) ? $context["data2"] : (function () { throw new RuntimeError('Variable "data2" does not exist.', 200, $this->source); })()), "values", [], "array", false, false, false, 200));
        }
        // line 201
        yield "                    },
                ]
            }

            var barChartCanvas = document.getElementById('barChart2').getContext('2d');
      
            var barChartOptions = {
                responsive              : true,
                maintainAspectRatio     : false,
                datasetFill             : false,
                scales: {
                    yAxes: [{
                        ticks: {
                            beginAtZero: true
                        }
                    }]
                },
                plugins: {
                    // Change options for ALL labels of THIS CHART
                    datalabels: {
                        color: 'white',
                        font: {
                            weight: 'bold',
                            size: 12,
                        },
                        align: 'start',
\t\t\t\t\t\tanchor: 'end'
                    }
                }
            }
        
            var barChart = new Chart(barChartCanvas, {
                type: 'bar', 
                data: barChartData,
                options: barChartOptions
            })
      
        })
    </script>

    <script src=\"";
        // line 241
        yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("plugins/chart.js/Chart.min.js"), "html", null, true);
        yield "\"></script>
    <script src=\"";
        // line 242
        yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("plugins/chartjs-plugin-datalabels/chartjs-plugin-datalabels.min.js"), "html", null, true);
        yield "\"></script>    
";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        yield from [];
    }

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

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

    /**
     * @codeCoverageIgnore
     */
    public function getDebugInfo(): array
    {
        return array (  350 => 242,  346 => 241,  304 => 201,  300 => 200,  282 => 187,  235 => 142,  231 => 141,  213 => 128,  166 => 83,  162 => 82,  144 => 69,  139 => 66,  129 => 65,  120 => 60,  116 => 58,  114 => 47,  109 => 44,  107 => 33,  104 => 32,  102 => 31,  98 => 29,  96 => 22,  92 => 20,  90 => 9,  86 => 7,  76 => 6,  59 => 3,  42 => 1,);
    }

    public function getSourceContext(): Source
    {
        return new Source("{% extends '@AdminLTE/layout/communeodd-layout.html.twig' %}

{% block page_title %}{% trans %}Graphiques{% endtrans %}{% endblock %}


{% block page_content %}


{% embed '@AdminLTE/Widgets/box-widget.html.twig' %}
        {% block box_body %}
            <div class=\"row\">
                <div class=\"chart\" style=\"position: relative; height:60vh; width:100%\">
                    <canvas id=\"barChart\"></canvas>
                    <!--canvas id=\"myChart\" width=\"400\" height=\"400\"></canvas-->
                    <div id=\"bar-chart\" style=\"height: 100%;\"></div>
                </div>
            </div>
        {% endblock %}
    {% endembed %}


{% embed '@AdminLTE/Widgets/box-widget.html.twig' %}
        {% block box_body %}
            {{ form_start(form) }}
                {{ form_widget(form) }}
            {{ form_end(form) }}    
        {% endblock %}
    {% endembed %}


{% if indicator %}

{% embed '@AdminLTE/Widgets/box-widget.html.twig' %}
        {% block box_body %}
            <div class=\"row\">
                <div class=\"chart\" style=\"position: relative; height:60vh; width:100%\">
                    <canvas id=\"barChart3\"></canvas>
                    <!--canvas id=\"myChart\" width=\"400\" height=\"400\"></canvas-->
                    <div id=\"bar-chart3\" style=\"height: 100%;\"></div>
                </div>
            </div>
        {% endblock %}
    {% endembed %}


{% embed '@AdminLTE/Widgets/box-widget.html.twig' %}
        {% block box_body %}
            <div class=\"row\">
                <div class=\"chart\" style=\"position: relative; height:60vh; width:100%\">
                    <canvas id=\"barChart2\"></canvas>
                    <!--canvas id=\"myChart\" width=\"400\" height=\"400\"></canvas-->
                    <div id=\"bar-chart2\" style=\"height: 100%;\"></div>
                </div>
            </div>
        {% endblock %}
    {% endembed %}

{% endif %}
    
{% endblock %}


{% block javascripts %}
    <script>
        \$(function () {
            var barChartData = {
                labels  : {% if data1 %}{{ data1['labels']|json_encode()|raw }}{% endif %},
                datasets: [
                    {
                        label               : 'Valeur des indicateurs renseignables',
                        backgroundColor     : 'blue',
                        borderColor         : 'blue',
                        borderWidth         : 1,
                        maxBarThickness     : 75,
                        pointRadius         : false,
                        pointColor          : '#3b8bba',
                        pointStrokeColor    : 'rgba(60,141,188,1)',
                        pointHighlightFill  : '#fff',
                        pointHighlightStroke: 'rgba(60,141,188,1)',
                        data                : {% if data1 %}{{ data1['values']|json_encode()|raw }}{% endif %}
                    },
                ]
            }

            var barChartCanvas = document.getElementById('barChart').getContext('2d');
      
            var barChartOptions = {
                responsive              : true,
                maintainAspectRatio     : false,
                datasetFill             : false,
                scales: {
                    yAxes: [{
                        ticks: {
                            beginAtZero: true
                        }
                    }]
                },
                plugins: {
                    // Change options for ALL labels of THIS CHART
                    datalabels: {
                        color: 'white',
                        font: {
                            weight: 'bold',
                            size: 12,
                        },
                        align: 'start',
\t\t\t\t\t\tanchor: 'end'
                    }
                }
            }
        
            var barChart = new Chart(barChartCanvas, {
                type: 'bar', 
                data: barChartData,
                options: barChartOptions
            })
      
        })
    </script>


    <script>
        \$(function () {
            var barChartData = {
                labels  : {% if data3 %}{{ data3['labels']|json_encode()|raw }}{% endif %},
                datasets: [
                    {
                        label               : 'Situation de l\\'indicateur dans le département',
                        backgroundColor     : 'green',
                        borderColor         : 'green',
                        borderWidth         : 1,
                        maxBarThickness     : 75,
                        pointRadius         : false,
                        pointColor          : '#3b8bba',
                        pointStrokeColor    : 'rgba(60,141,188,1)',
                        pointHighlightFill  : '#fff',
                        pointHighlightStroke: 'rgba(60,141,188,1)',
                        data                : {% if data3 %}{{ data3['values']|json_encode()|raw }}{% endif %}
                    },
                ]
            }

            var barChartCanvas = document.getElementById('barChart3').getContext('2d');
      
            var barChartOptions = {
                responsive              : true,
                maintainAspectRatio     : false,
                datasetFill             : false,
                scales: {
                    yAxes: [{
                        ticks: {
                            beginAtZero: true
                        }
                    }]
                },
                plugins: {
                    // Change options for ALL labels of THIS CHART
                    datalabels: {
                        color: 'white',
                        font: {
                            weight: 'bold',
                            size: 12,
                        },
                        align: 'start',
\t\t\t\t\t\tanchor: 'end'
                    }
                }
            }
        
            var barChart = new Chart(barChartCanvas, {
                type: 'bar', 
                data: barChartData,
                options: barChartOptions
            })
      
        })
    </script>


    <script>
        \$(function () {
            var barChartData = {
                labels  : {% if data2 %}{{ data2['labels']|json_encode()|raw }}{% endif %},
                datasets: [
                    {
                        label               : 'Evolution de l\\'indicateur pour la commune',
                        backgroundColor     : 'red',
                        borderColor         : 'red',
                        borderWidth         : 1,
                        maxBarThickness     : 75,
                        pointRadius         : false,
                        pointColor          : '#3b8bba',
                        pointStrokeColor    : 'rgba(60,141,188,1)',
                        pointHighlightFill  : '#fff',
                        pointHighlightStroke: 'rgba(60,141,188,1)',
                        data                : {% if data2 %}{{ data2['values']|json_encode()|raw }}{% endif %}
                    },
                ]
            }

            var barChartCanvas = document.getElementById('barChart2').getContext('2d');
      
            var barChartOptions = {
                responsive              : true,
                maintainAspectRatio     : false,
                datasetFill             : false,
                scales: {
                    yAxes: [{
                        ticks: {
                            beginAtZero: true
                        }
                    }]
                },
                plugins: {
                    // Change options for ALL labels of THIS CHART
                    datalabels: {
                        color: 'white',
                        font: {
                            weight: 'bold',
                            size: 12,
                        },
                        align: 'start',
\t\t\t\t\t\tanchor: 'end'
                    }
                }
            }
        
            var barChart = new Chart(barChartCanvas, {
                type: 'bar', 
                data: barChartData,
                options: barChartOptions
            })
      
        })
    </script>

    <script src=\"{{ asset('plugins/chart.js/Chart.min.js') }}\"></script>
    <script src=\"{{ asset('plugins/chartjs-plugin-datalabels/chartjs-plugin-datalabels.min.js') }}\"></script>    
{% endblock %}

", "communes/graph.html.twig", "/var/www/vhosts/sigodd.gouv.bj/httpdocs/templates/communes/graph.html.twig");
    }
}


/* communes/graph.html.twig */
class __TwigTemplate_ada70cd8f4f26de22aa5cdc1d04a2c1f___1550765840 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 = [
            'box_body' => [$this, 'block_box_body'],
        ];
    }

    protected function doGetParent(array $context): bool|string|Template|TemplateWrapper
    {
        // line 9
        return "@AdminLTE/Widgets/box-widget.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", "communes/graph.html.twig"));

        $this->parent = $this->load("@AdminLTE/Widgets/box-widget.html.twig", 9);
        yield from $this->parent->unwrap()->yield($context, array_merge($this->blocks, $blocks));
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

    }

    // line 10
    /**
     * @return iterable<null|scalar|\Stringable>
     */
    public function block_box_body(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", "box_body"));

        // line 11
        yield "            <div class=\"row\">
                <div class=\"chart\" style=\"position: relative; height:60vh; width:100%\">
                    <canvas id=\"barChart\"></canvas>
                    <!--canvas id=\"myChart\" width=\"400\" height=\"400\"></canvas-->
                    <div id=\"bar-chart\" style=\"height: 100%;\"></div>
                </div>
            </div>
        ";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        yield from [];
    }

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

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

    /**
     * @codeCoverageIgnore
     */
    public function getDebugInfo(): array
    {
        return array (  684 => 11,  674 => 10,  657 => 9,  350 => 242,  346 => 241,  304 => 201,  300 => 200,  282 => 187,  235 => 142,  231 => 141,  213 => 128,  166 => 83,  162 => 82,  144 => 69,  139 => 66,  129 => 65,  120 => 60,  116 => 58,  114 => 47,  109 => 44,  107 => 33,  104 => 32,  102 => 31,  98 => 29,  96 => 22,  92 => 20,  90 => 9,  86 => 7,  76 => 6,  59 => 3,  42 => 1,);
    }

    public function getSourceContext(): Source
    {
        return new Source("{% extends '@AdminLTE/layout/communeodd-layout.html.twig' %}

{% block page_title %}{% trans %}Graphiques{% endtrans %}{% endblock %}


{% block page_content %}


{% embed '@AdminLTE/Widgets/box-widget.html.twig' %}
        {% block box_body %}
            <div class=\"row\">
                <div class=\"chart\" style=\"position: relative; height:60vh; width:100%\">
                    <canvas id=\"barChart\"></canvas>
                    <!--canvas id=\"myChart\" width=\"400\" height=\"400\"></canvas-->
                    <div id=\"bar-chart\" style=\"height: 100%;\"></div>
                </div>
            </div>
        {% endblock %}
    {% endembed %}


{% embed '@AdminLTE/Widgets/box-widget.html.twig' %}
        {% block box_body %}
            {{ form_start(form) }}
                {{ form_widget(form) }}
            {{ form_end(form) }}    
        {% endblock %}
    {% endembed %}


{% if indicator %}

{% embed '@AdminLTE/Widgets/box-widget.html.twig' %}
        {% block box_body %}
            <div class=\"row\">
                <div class=\"chart\" style=\"position: relative; height:60vh; width:100%\">
                    <canvas id=\"barChart3\"></canvas>
                    <!--canvas id=\"myChart\" width=\"400\" height=\"400\"></canvas-->
                    <div id=\"bar-chart3\" style=\"height: 100%;\"></div>
                </div>
            </div>
        {% endblock %}
    {% endembed %}


{% embed '@AdminLTE/Widgets/box-widget.html.twig' %}
        {% block box_body %}
            <div class=\"row\">
                <div class=\"chart\" style=\"position: relative; height:60vh; width:100%\">
                    <canvas id=\"barChart2\"></canvas>
                    <!--canvas id=\"myChart\" width=\"400\" height=\"400\"></canvas-->
                    <div id=\"bar-chart2\" style=\"height: 100%;\"></div>
                </div>
            </div>
        {% endblock %}
    {% endembed %}

{% endif %}
    
{% endblock %}


{% block javascripts %}
    <script>
        \$(function () {
            var barChartData = {
                labels  : {% if data1 %}{{ data1['labels']|json_encode()|raw }}{% endif %},
                datasets: [
                    {
                        label               : 'Valeur des indicateurs renseignables',
                        backgroundColor     : 'blue',
                        borderColor         : 'blue',
                        borderWidth         : 1,
                        maxBarThickness     : 75,
                        pointRadius         : false,
                        pointColor          : '#3b8bba',
                        pointStrokeColor    : 'rgba(60,141,188,1)',
                        pointHighlightFill  : '#fff',
                        pointHighlightStroke: 'rgba(60,141,188,1)',
                        data                : {% if data1 %}{{ data1['values']|json_encode()|raw }}{% endif %}
                    },
                ]
            }

            var barChartCanvas = document.getElementById('barChart').getContext('2d');
      
            var barChartOptions = {
                responsive              : true,
                maintainAspectRatio     : false,
                datasetFill             : false,
                scales: {
                    yAxes: [{
                        ticks: {
                            beginAtZero: true
                        }
                    }]
                },
                plugins: {
                    // Change options for ALL labels of THIS CHART
                    datalabels: {
                        color: 'white',
                        font: {
                            weight: 'bold',
                            size: 12,
                        },
                        align: 'start',
\t\t\t\t\t\tanchor: 'end'
                    }
                }
            }
        
            var barChart = new Chart(barChartCanvas, {
                type: 'bar', 
                data: barChartData,
                options: barChartOptions
            })
      
        })
    </script>


    <script>
        \$(function () {
            var barChartData = {
                labels  : {% if data3 %}{{ data3['labels']|json_encode()|raw }}{% endif %},
                datasets: [
                    {
                        label               : 'Situation de l\\'indicateur dans le département',
                        backgroundColor     : 'green',
                        borderColor         : 'green',
                        borderWidth         : 1,
                        maxBarThickness     : 75,
                        pointRadius         : false,
                        pointColor          : '#3b8bba',
                        pointStrokeColor    : 'rgba(60,141,188,1)',
                        pointHighlightFill  : '#fff',
                        pointHighlightStroke: 'rgba(60,141,188,1)',
                        data                : {% if data3 %}{{ data3['values']|json_encode()|raw }}{% endif %}
                    },
                ]
            }

            var barChartCanvas = document.getElementById('barChart3').getContext('2d');
      
            var barChartOptions = {
                responsive              : true,
                maintainAspectRatio     : false,
                datasetFill             : false,
                scales: {
                    yAxes: [{
                        ticks: {
                            beginAtZero: true
                        }
                    }]
                },
                plugins: {
                    // Change options for ALL labels of THIS CHART
                    datalabels: {
                        color: 'white',
                        font: {
                            weight: 'bold',
                            size: 12,
                        },
                        align: 'start',
\t\t\t\t\t\tanchor: 'end'
                    }
                }
            }
        
            var barChart = new Chart(barChartCanvas, {
                type: 'bar', 
                data: barChartData,
                options: barChartOptions
            })
      
        })
    </script>


    <script>
        \$(function () {
            var barChartData = {
                labels  : {% if data2 %}{{ data2['labels']|json_encode()|raw }}{% endif %},
                datasets: [
                    {
                        label               : 'Evolution de l\\'indicateur pour la commune',
                        backgroundColor     : 'red',
                        borderColor         : 'red',
                        borderWidth         : 1,
                        maxBarThickness     : 75,
                        pointRadius         : false,
                        pointColor          : '#3b8bba',
                        pointStrokeColor    : 'rgba(60,141,188,1)',
                        pointHighlightFill  : '#fff',
                        pointHighlightStroke: 'rgba(60,141,188,1)',
                        data                : {% if data2 %}{{ data2['values']|json_encode()|raw }}{% endif %}
                    },
                ]
            }

            var barChartCanvas = document.getElementById('barChart2').getContext('2d');
      
            var barChartOptions = {
                responsive              : true,
                maintainAspectRatio     : false,
                datasetFill             : false,
                scales: {
                    yAxes: [{
                        ticks: {
                            beginAtZero: true
                        }
                    }]
                },
                plugins: {
                    // Change options for ALL labels of THIS CHART
                    datalabels: {
                        color: 'white',
                        font: {
                            weight: 'bold',
                            size: 12,
                        },
                        align: 'start',
\t\t\t\t\t\tanchor: 'end'
                    }
                }
            }
        
            var barChart = new Chart(barChartCanvas, {
                type: 'bar', 
                data: barChartData,
                options: barChartOptions
            })
      
        })
    </script>

    <script src=\"{{ asset('plugins/chart.js/Chart.min.js') }}\"></script>
    <script src=\"{{ asset('plugins/chartjs-plugin-datalabels/chartjs-plugin-datalabels.min.js') }}\"></script>    
{% endblock %}

", "communes/graph.html.twig", "/var/www/vhosts/sigodd.gouv.bj/httpdocs/templates/communes/graph.html.twig");
    }
}


/* communes/graph.html.twig */
class __TwigTemplate_ada70cd8f4f26de22aa5cdc1d04a2c1f___320349941 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 = [
            'box_body' => [$this, 'block_box_body'],
        ];
    }

    protected function doGetParent(array $context): bool|string|Template|TemplateWrapper
    {
        // line 22
        return "@AdminLTE/Widgets/box-widget.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", "communes/graph.html.twig"));

        $this->parent = $this->load("@AdminLTE/Widgets/box-widget.html.twig", 22);
        yield from $this->parent->unwrap()->yield($context, array_merge($this->blocks, $blocks));
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

    }

    // line 23
    /**
     * @return iterable<null|scalar|\Stringable>
     */
    public function block_box_body(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", "box_body"));

        // line 24
        yield "            ";
        yield         $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->renderBlock((isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 24, $this->source); })()), 'form_start');
        yield "
                ";
        // line 25
        yield $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock((isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 25, $this->source); })()), 'widget');
        yield "
            ";
        // line 26
        yield         $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->renderBlock((isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 26, $this->source); })()), 'form_end');
        yield "    
        ";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        yield from [];
    }

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

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

    /**
     * @codeCoverageIgnore
     */
    public function getDebugInfo(): array
    {
        return array (  1032 => 26,  1028 => 25,  1023 => 24,  1013 => 23,  996 => 22,  684 => 11,  674 => 10,  657 => 9,  350 => 242,  346 => 241,  304 => 201,  300 => 200,  282 => 187,  235 => 142,  231 => 141,  213 => 128,  166 => 83,  162 => 82,  144 => 69,  139 => 66,  129 => 65,  120 => 60,  116 => 58,  114 => 47,  109 => 44,  107 => 33,  104 => 32,  102 => 31,  98 => 29,  96 => 22,  92 => 20,  90 => 9,  86 => 7,  76 => 6,  59 => 3,  42 => 1,);
    }

    public function getSourceContext(): Source
    {
        return new Source("{% extends '@AdminLTE/layout/communeodd-layout.html.twig' %}

{% block page_title %}{% trans %}Graphiques{% endtrans %}{% endblock %}


{% block page_content %}


{% embed '@AdminLTE/Widgets/box-widget.html.twig' %}
        {% block box_body %}
            <div class=\"row\">
                <div class=\"chart\" style=\"position: relative; height:60vh; width:100%\">
                    <canvas id=\"barChart\"></canvas>
                    <!--canvas id=\"myChart\" width=\"400\" height=\"400\"></canvas-->
                    <div id=\"bar-chart\" style=\"height: 100%;\"></div>
                </div>
            </div>
        {% endblock %}
    {% endembed %}


{% embed '@AdminLTE/Widgets/box-widget.html.twig' %}
        {% block box_body %}
            {{ form_start(form) }}
                {{ form_widget(form) }}
            {{ form_end(form) }}    
        {% endblock %}
    {% endembed %}


{% if indicator %}

{% embed '@AdminLTE/Widgets/box-widget.html.twig' %}
        {% block box_body %}
            <div class=\"row\">
                <div class=\"chart\" style=\"position: relative; height:60vh; width:100%\">
                    <canvas id=\"barChart3\"></canvas>
                    <!--canvas id=\"myChart\" width=\"400\" height=\"400\"></canvas-->
                    <div id=\"bar-chart3\" style=\"height: 100%;\"></div>
                </div>
            </div>
        {% endblock %}
    {% endembed %}


{% embed '@AdminLTE/Widgets/box-widget.html.twig' %}
        {% block box_body %}
            <div class=\"row\">
                <div class=\"chart\" style=\"position: relative; height:60vh; width:100%\">
                    <canvas id=\"barChart2\"></canvas>
                    <!--canvas id=\"myChart\" width=\"400\" height=\"400\"></canvas-->
                    <div id=\"bar-chart2\" style=\"height: 100%;\"></div>
                </div>
            </div>
        {% endblock %}
    {% endembed %}

{% endif %}
    
{% endblock %}


{% block javascripts %}
    <script>
        \$(function () {
            var barChartData = {
                labels  : {% if data1 %}{{ data1['labels']|json_encode()|raw }}{% endif %},
                datasets: [
                    {
                        label               : 'Valeur des indicateurs renseignables',
                        backgroundColor     : 'blue',
                        borderColor         : 'blue',
                        borderWidth         : 1,
                        maxBarThickness     : 75,
                        pointRadius         : false,
                        pointColor          : '#3b8bba',
                        pointStrokeColor    : 'rgba(60,141,188,1)',
                        pointHighlightFill  : '#fff',
                        pointHighlightStroke: 'rgba(60,141,188,1)',
                        data                : {% if data1 %}{{ data1['values']|json_encode()|raw }}{% endif %}
                    },
                ]
            }

            var barChartCanvas = document.getElementById('barChart').getContext('2d');
      
            var barChartOptions = {
                responsive              : true,
                maintainAspectRatio     : false,
                datasetFill             : false,
                scales: {
                    yAxes: [{
                        ticks: {
                            beginAtZero: true
                        }
                    }]
                },
                plugins: {
                    // Change options for ALL labels of THIS CHART
                    datalabels: {
                        color: 'white',
                        font: {
                            weight: 'bold',
                            size: 12,
                        },
                        align: 'start',
\t\t\t\t\t\tanchor: 'end'
                    }
                }
            }
        
            var barChart = new Chart(barChartCanvas, {
                type: 'bar', 
                data: barChartData,
                options: barChartOptions
            })
      
        })
    </script>


    <script>
        \$(function () {
            var barChartData = {
                labels  : {% if data3 %}{{ data3['labels']|json_encode()|raw }}{% endif %},
                datasets: [
                    {
                        label               : 'Situation de l\\'indicateur dans le département',
                        backgroundColor     : 'green',
                        borderColor         : 'green',
                        borderWidth         : 1,
                        maxBarThickness     : 75,
                        pointRadius         : false,
                        pointColor          : '#3b8bba',
                        pointStrokeColor    : 'rgba(60,141,188,1)',
                        pointHighlightFill  : '#fff',
                        pointHighlightStroke: 'rgba(60,141,188,1)',
                        data                : {% if data3 %}{{ data3['values']|json_encode()|raw }}{% endif %}
                    },
                ]
            }

            var barChartCanvas = document.getElementById('barChart3').getContext('2d');
      
            var barChartOptions = {
                responsive              : true,
                maintainAspectRatio     : false,
                datasetFill             : false,
                scales: {
                    yAxes: [{
                        ticks: {
                            beginAtZero: true
                        }
                    }]
                },
                plugins: {
                    // Change options for ALL labels of THIS CHART
                    datalabels: {
                        color: 'white',
                        font: {
                            weight: 'bold',
                            size: 12,
                        },
                        align: 'start',
\t\t\t\t\t\tanchor: 'end'
                    }
                }
            }
        
            var barChart = new Chart(barChartCanvas, {
                type: 'bar', 
                data: barChartData,
                options: barChartOptions
            })
      
        })
    </script>


    <script>
        \$(function () {
            var barChartData = {
                labels  : {% if data2 %}{{ data2['labels']|json_encode()|raw }}{% endif %},
                datasets: [
                    {
                        label               : 'Evolution de l\\'indicateur pour la commune',
                        backgroundColor     : 'red',
                        borderColor         : 'red',
                        borderWidth         : 1,
                        maxBarThickness     : 75,
                        pointRadius         : false,
                        pointColor          : '#3b8bba',
                        pointStrokeColor    : 'rgba(60,141,188,1)',
                        pointHighlightFill  : '#fff',
                        pointHighlightStroke: 'rgba(60,141,188,1)',
                        data                : {% if data2 %}{{ data2['values']|json_encode()|raw }}{% endif %}
                    },
                ]
            }

            var barChartCanvas = document.getElementById('barChart2').getContext('2d');
      
            var barChartOptions = {
                responsive              : true,
                maintainAspectRatio     : false,
                datasetFill             : false,
                scales: {
                    yAxes: [{
                        ticks: {
                            beginAtZero: true
                        }
                    }]
                },
                plugins: {
                    // Change options for ALL labels of THIS CHART
                    datalabels: {
                        color: 'white',
                        font: {
                            weight: 'bold',
                            size: 12,
                        },
                        align: 'start',
\t\t\t\t\t\tanchor: 'end'
                    }
                }
            }
        
            var barChart = new Chart(barChartCanvas, {
                type: 'bar', 
                data: barChartData,
                options: barChartOptions
            })
      
        })
    </script>

    <script src=\"{{ asset('plugins/chart.js/Chart.min.js') }}\"></script>
    <script src=\"{{ asset('plugins/chartjs-plugin-datalabels/chartjs-plugin-datalabels.min.js') }}\"></script>    
{% endblock %}

", "communes/graph.html.twig", "/var/www/vhosts/sigodd.gouv.bj/httpdocs/templates/communes/graph.html.twig");
    }
}


/* communes/graph.html.twig */
class __TwigTemplate_ada70cd8f4f26de22aa5cdc1d04a2c1f___573453844 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 = [
            'box_body' => [$this, 'block_box_body'],
        ];
    }

    protected function doGetParent(array $context): bool|string|Template|TemplateWrapper
    {
        // line 33
        return "@AdminLTE/Widgets/box-widget.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", "communes/graph.html.twig"));

        $this->parent = $this->load("@AdminLTE/Widgets/box-widget.html.twig", 33);
        yield from $this->parent->unwrap()->yield($context, array_merge($this->blocks, $blocks));
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

    }

    // line 34
    /**
     * @return iterable<null|scalar|\Stringable>
     */
    public function block_box_body(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", "box_body"));

        // line 35
        yield "            <div class=\"row\">
                <div class=\"chart\" style=\"position: relative; height:60vh; width:100%\">
                    <canvas id=\"barChart3\"></canvas>
                    <!--canvas id=\"myChart\" width=\"400\" height=\"400\"></canvas-->
                    <div id=\"bar-chart3\" style=\"height: 100%;\"></div>
                </div>
            </div>
        ";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        yield from [];
    }

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

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

    /**
     * @codeCoverageIgnore
     */
    public function getDebugInfo(): array
    {
        return array (  1366 => 35,  1356 => 34,  1339 => 33,  1032 => 26,  1028 => 25,  1023 => 24,  1013 => 23,  996 => 22,  684 => 11,  674 => 10,  657 => 9,  350 => 242,  346 => 241,  304 => 201,  300 => 200,  282 => 187,  235 => 142,  231 => 141,  213 => 128,  166 => 83,  162 => 82,  144 => 69,  139 => 66,  129 => 65,  120 => 60,  116 => 58,  114 => 47,  109 => 44,  107 => 33,  104 => 32,  102 => 31,  98 => 29,  96 => 22,  92 => 20,  90 => 9,  86 => 7,  76 => 6,  59 => 3,  42 => 1,);
    }

    public function getSourceContext(): Source
    {
        return new Source("{% extends '@AdminLTE/layout/communeodd-layout.html.twig' %}

{% block page_title %}{% trans %}Graphiques{% endtrans %}{% endblock %}


{% block page_content %}


{% embed '@AdminLTE/Widgets/box-widget.html.twig' %}
        {% block box_body %}
            <div class=\"row\">
                <div class=\"chart\" style=\"position: relative; height:60vh; width:100%\">
                    <canvas id=\"barChart\"></canvas>
                    <!--canvas id=\"myChart\" width=\"400\" height=\"400\"></canvas-->
                    <div id=\"bar-chart\" style=\"height: 100%;\"></div>
                </div>
            </div>
        {% endblock %}
    {% endembed %}


{% embed '@AdminLTE/Widgets/box-widget.html.twig' %}
        {% block box_body %}
            {{ form_start(form) }}
                {{ form_widget(form) }}
            {{ form_end(form) }}    
        {% endblock %}
    {% endembed %}


{% if indicator %}

{% embed '@AdminLTE/Widgets/box-widget.html.twig' %}
        {% block box_body %}
            <div class=\"row\">
                <div class=\"chart\" style=\"position: relative; height:60vh; width:100%\">
                    <canvas id=\"barChart3\"></canvas>
                    <!--canvas id=\"myChart\" width=\"400\" height=\"400\"></canvas-->
                    <div id=\"bar-chart3\" style=\"height: 100%;\"></div>
                </div>
            </div>
        {% endblock %}
    {% endembed %}


{% embed '@AdminLTE/Widgets/box-widget.html.twig' %}
        {% block box_body %}
            <div class=\"row\">
                <div class=\"chart\" style=\"position: relative; height:60vh; width:100%\">
                    <canvas id=\"barChart2\"></canvas>
                    <!--canvas id=\"myChart\" width=\"400\" height=\"400\"></canvas-->
                    <div id=\"bar-chart2\" style=\"height: 100%;\"></div>
                </div>
            </div>
        {% endblock %}
    {% endembed %}

{% endif %}
    
{% endblock %}


{% block javascripts %}
    <script>
        \$(function () {
            var barChartData = {
                labels  : {% if data1 %}{{ data1['labels']|json_encode()|raw }}{% endif %},
                datasets: [
                    {
                        label               : 'Valeur des indicateurs renseignables',
                        backgroundColor     : 'blue',
                        borderColor         : 'blue',
                        borderWidth         : 1,
                        maxBarThickness     : 75,
                        pointRadius         : false,
                        pointColor          : '#3b8bba',
                        pointStrokeColor    : 'rgba(60,141,188,1)',
                        pointHighlightFill  : '#fff',
                        pointHighlightStroke: 'rgba(60,141,188,1)',
                        data                : {% if data1 %}{{ data1['values']|json_encode()|raw }}{% endif %}
                    },
                ]
            }

            var barChartCanvas = document.getElementById('barChart').getContext('2d');
      
            var barChartOptions = {
                responsive              : true,
                maintainAspectRatio     : false,
                datasetFill             : false,
                scales: {
                    yAxes: [{
                        ticks: {
                            beginAtZero: true
                        }
                    }]
                },
                plugins: {
                    // Change options for ALL labels of THIS CHART
                    datalabels: {
                        color: 'white',
                        font: {
                            weight: 'bold',
                            size: 12,
                        },
                        align: 'start',
\t\t\t\t\t\tanchor: 'end'
                    }
                }
            }
        
            var barChart = new Chart(barChartCanvas, {
                type: 'bar', 
                data: barChartData,
                options: barChartOptions
            })
      
        })
    </script>


    <script>
        \$(function () {
            var barChartData = {
                labels  : {% if data3 %}{{ data3['labels']|json_encode()|raw }}{% endif %},
                datasets: [
                    {
                        label               : 'Situation de l\\'indicateur dans le département',
                        backgroundColor     : 'green',
                        borderColor         : 'green',
                        borderWidth         : 1,
                        maxBarThickness     : 75,
                        pointRadius         : false,
                        pointColor          : '#3b8bba',
                        pointStrokeColor    : 'rgba(60,141,188,1)',
                        pointHighlightFill  : '#fff',
                        pointHighlightStroke: 'rgba(60,141,188,1)',
                        data                : {% if data3 %}{{ data3['values']|json_encode()|raw }}{% endif %}
                    },
                ]
            }

            var barChartCanvas = document.getElementById('barChart3').getContext('2d');
      
            var barChartOptions = {
                responsive              : true,
                maintainAspectRatio     : false,
                datasetFill             : false,
                scales: {
                    yAxes: [{
                        ticks: {
                            beginAtZero: true
                        }
                    }]
                },
                plugins: {
                    // Change options for ALL labels of THIS CHART
                    datalabels: {
                        color: 'white',
                        font: {
                            weight: 'bold',
                            size: 12,
                        },
                        align: 'start',
\t\t\t\t\t\tanchor: 'end'
                    }
                }
            }
        
            var barChart = new Chart(barChartCanvas, {
                type: 'bar', 
                data: barChartData,
                options: barChartOptions
            })
      
        })
    </script>


    <script>
        \$(function () {
            var barChartData = {
                labels  : {% if data2 %}{{ data2['labels']|json_encode()|raw }}{% endif %},
                datasets: [
                    {
                        label               : 'Evolution de l\\'indicateur pour la commune',
                        backgroundColor     : 'red',
                        borderColor         : 'red',
                        borderWidth         : 1,
                        maxBarThickness     : 75,
                        pointRadius         : false,
                        pointColor          : '#3b8bba',
                        pointStrokeColor    : 'rgba(60,141,188,1)',
                        pointHighlightFill  : '#fff',
                        pointHighlightStroke: 'rgba(60,141,188,1)',
                        data                : {% if data2 %}{{ data2['values']|json_encode()|raw }}{% endif %}
                    },
                ]
            }

            var barChartCanvas = document.getElementById('barChart2').getContext('2d');
      
            var barChartOptions = {
                responsive              : true,
                maintainAspectRatio     : false,
                datasetFill             : false,
                scales: {
                    yAxes: [{
                        ticks: {
                            beginAtZero: true
                        }
                    }]
                },
                plugins: {
                    // Change options for ALL labels of THIS CHART
                    datalabels: {
                        color: 'white',
                        font: {
                            weight: 'bold',
                            size: 12,
                        },
                        align: 'start',
\t\t\t\t\t\tanchor: 'end'
                    }
                }
            }
        
            var barChart = new Chart(barChartCanvas, {
                type: 'bar', 
                data: barChartData,
                options: barChartOptions
            })
      
        })
    </script>

    <script src=\"{{ asset('plugins/chart.js/Chart.min.js') }}\"></script>
    <script src=\"{{ asset('plugins/chartjs-plugin-datalabels/chartjs-plugin-datalabels.min.js') }}\"></script>    
{% endblock %}

", "communes/graph.html.twig", "/var/www/vhosts/sigodd.gouv.bj/httpdocs/templates/communes/graph.html.twig");
    }
}


/* communes/graph.html.twig */
class __TwigTemplate_ada70cd8f4f26de22aa5cdc1d04a2c1f___441453181 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 = [
            'box_body' => [$this, 'block_box_body'],
        ];
    }

    protected function doGetParent(array $context): bool|string|Template|TemplateWrapper
    {
        // line 47
        return "@AdminLTE/Widgets/box-widget.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", "communes/graph.html.twig"));

        $this->parent = $this->load("@AdminLTE/Widgets/box-widget.html.twig", 47);
        yield from $this->parent->unwrap()->yield($context, array_merge($this->blocks, $blocks));
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

    }

    // line 48
    /**
     * @return iterable<null|scalar|\Stringable>
     */
    public function block_box_body(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", "box_body"));

        // line 49
        yield "            <div class=\"row\">
                <div class=\"chart\" style=\"position: relative; height:60vh; width:100%\">
                    <canvas id=\"barChart2\"></canvas>
                    <!--canvas id=\"myChart\" width=\"400\" height=\"400\"></canvas-->
                    <div id=\"bar-chart2\" style=\"height: 100%;\"></div>
                </div>
            </div>
        ";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        yield from [];
    }

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

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

    /**
     * @codeCoverageIgnore
     */
    public function getDebugInfo(): array
    {
        return array (  1705 => 49,  1695 => 48,  1678 => 47,  1366 => 35,  1356 => 34,  1339 => 33,  1032 => 26,  1028 => 25,  1023 => 24,  1013 => 23,  996 => 22,  684 => 11,  674 => 10,  657 => 9,  350 => 242,  346 => 241,  304 => 201,  300 => 200,  282 => 187,  235 => 142,  231 => 141,  213 => 128,  166 => 83,  162 => 82,  144 => 69,  139 => 66,  129 => 65,  120 => 60,  116 => 58,  114 => 47,  109 => 44,  107 => 33,  104 => 32,  102 => 31,  98 => 29,  96 => 22,  92 => 20,  90 => 9,  86 => 7,  76 => 6,  59 => 3,  42 => 1,);
    }

    public function getSourceContext(): Source
    {
        return new Source("{% extends '@AdminLTE/layout/communeodd-layout.html.twig' %}

{% block page_title %}{% trans %}Graphiques{% endtrans %}{% endblock %}


{% block page_content %}


{% embed '@AdminLTE/Widgets/box-widget.html.twig' %}
        {% block box_body %}
            <div class=\"row\">
                <div class=\"chart\" style=\"position: relative; height:60vh; width:100%\">
                    <canvas id=\"barChart\"></canvas>
                    <!--canvas id=\"myChart\" width=\"400\" height=\"400\"></canvas-->
                    <div id=\"bar-chart\" style=\"height: 100%;\"></div>
                </div>
            </div>
        {% endblock %}
    {% endembed %}


{% embed '@AdminLTE/Widgets/box-widget.html.twig' %}
        {% block box_body %}
            {{ form_start(form) }}
                {{ form_widget(form) }}
            {{ form_end(form) }}    
        {% endblock %}
    {% endembed %}


{% if indicator %}

{% embed '@AdminLTE/Widgets/box-widget.html.twig' %}
        {% block box_body %}
            <div class=\"row\">
                <div class=\"chart\" style=\"position: relative; height:60vh; width:100%\">
                    <canvas id=\"barChart3\"></canvas>
                    <!--canvas id=\"myChart\" width=\"400\" height=\"400\"></canvas-->
                    <div id=\"bar-chart3\" style=\"height: 100%;\"></div>
                </div>
            </div>
        {% endblock %}
    {% endembed %}


{% embed '@AdminLTE/Widgets/box-widget.html.twig' %}
        {% block box_body %}
            <div class=\"row\">
                <div class=\"chart\" style=\"position: relative; height:60vh; width:100%\">
                    <canvas id=\"barChart2\"></canvas>
                    <!--canvas id=\"myChart\" width=\"400\" height=\"400\"></canvas-->
                    <div id=\"bar-chart2\" style=\"height: 100%;\"></div>
                </div>
            </div>
        {% endblock %}
    {% endembed %}

{% endif %}
    
{% endblock %}


{% block javascripts %}
    <script>
        \$(function () {
            var barChartData = {
                labels  : {% if data1 %}{{ data1['labels']|json_encode()|raw }}{% endif %},
                datasets: [
                    {
                        label               : 'Valeur des indicateurs renseignables',
                        backgroundColor     : 'blue',
                        borderColor         : 'blue',
                        borderWidth         : 1,
                        maxBarThickness     : 75,
                        pointRadius         : false,
                        pointColor          : '#3b8bba',
                        pointStrokeColor    : 'rgba(60,141,188,1)',
                        pointHighlightFill  : '#fff',
                        pointHighlightStroke: 'rgba(60,141,188,1)',
                        data                : {% if data1 %}{{ data1['values']|json_encode()|raw }}{% endif %}
                    },
                ]
            }

            var barChartCanvas = document.getElementById('barChart').getContext('2d');
      
            var barChartOptions = {
                responsive              : true,
                maintainAspectRatio     : false,
                datasetFill             : false,
                scales: {
                    yAxes: [{
                        ticks: {
                            beginAtZero: true
                        }
                    }]
                },
                plugins: {
                    // Change options for ALL labels of THIS CHART
                    datalabels: {
                        color: 'white',
                        font: {
                            weight: 'bold',
                            size: 12,
                        },
                        align: 'start',
\t\t\t\t\t\tanchor: 'end'
                    }
                }
            }
        
            var barChart = new Chart(barChartCanvas, {
                type: 'bar', 
                data: barChartData,
                options: barChartOptions
            })
      
        })
    </script>


    <script>
        \$(function () {
            var barChartData = {
                labels  : {% if data3 %}{{ data3['labels']|json_encode()|raw }}{% endif %},
                datasets: [
                    {
                        label               : 'Situation de l\\'indicateur dans le département',
                        backgroundColor     : 'green',
                        borderColor         : 'green',
                        borderWidth         : 1,
                        maxBarThickness     : 75,
                        pointRadius         : false,
                        pointColor          : '#3b8bba',
                        pointStrokeColor    : 'rgba(60,141,188,1)',
                        pointHighlightFill  : '#fff',
                        pointHighlightStroke: 'rgba(60,141,188,1)',
                        data                : {% if data3 %}{{ data3['values']|json_encode()|raw }}{% endif %}
                    },
                ]
            }

            var barChartCanvas = document.getElementById('barChart3').getContext('2d');
      
            var barChartOptions = {
                responsive              : true,
                maintainAspectRatio     : false,
                datasetFill             : false,
                scales: {
                    yAxes: [{
                        ticks: {
                            beginAtZero: true
                        }
                    }]
                },
                plugins: {
                    // Change options for ALL labels of THIS CHART
                    datalabels: {
                        color: 'white',
                        font: {
                            weight: 'bold',
                            size: 12,
                        },
                        align: 'start',
\t\t\t\t\t\tanchor: 'end'
                    }
                }
            }
        
            var barChart = new Chart(barChartCanvas, {
                type: 'bar', 
                data: barChartData,
                options: barChartOptions
            })
      
        })
    </script>


    <script>
        \$(function () {
            var barChartData = {
                labels  : {% if data2 %}{{ data2['labels']|json_encode()|raw }}{% endif %},
                datasets: [
                    {
                        label               : 'Evolution de l\\'indicateur pour la commune',
                        backgroundColor     : 'red',
                        borderColor         : 'red',
                        borderWidth         : 1,
                        maxBarThickness     : 75,
                        pointRadius         : false,
                        pointColor          : '#3b8bba',
                        pointStrokeColor    : 'rgba(60,141,188,1)',
                        pointHighlightFill  : '#fff',
                        pointHighlightStroke: 'rgba(60,141,188,1)',
                        data                : {% if data2 %}{{ data2['values']|json_encode()|raw }}{% endif %}
                    },
                ]
            }

            var barChartCanvas = document.getElementById('barChart2').getContext('2d');
      
            var barChartOptions = {
                responsive              : true,
                maintainAspectRatio     : false,
                datasetFill             : false,
                scales: {
                    yAxes: [{
                        ticks: {
                            beginAtZero: true
                        }
                    }]
                },
                plugins: {
                    // Change options for ALL labels of THIS CHART
                    datalabels: {
                        color: 'white',
                        font: {
                            weight: 'bold',
                            size: 12,
                        },
                        align: 'start',
\t\t\t\t\t\tanchor: 'end'
                    }
                }
            }
        
            var barChart = new Chart(barChartCanvas, {
                type: 'bar', 
                data: barChartData,
                options: barChartOptions
            })
      
        })
    </script>

    <script src=\"{{ asset('plugins/chart.js/Chart.min.js') }}\"></script>
    <script src=\"{{ asset('plugins/chartjs-plugin-datalabels/chartjs-plugin-datalabels.min.js') }}\"></script>    
{% endblock %}

", "communes/graph.html.twig", "/var/www/vhosts/sigodd.gouv.bj/httpdocs/templates/communes/graph.html.twig");
    }
}