<?php

use Twig\Environment;
use Twig\Error\LoaderError;
use Twig\Error\RuntimeError;
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;

/* charts-apex-line.html.twig */
class __TwigTemplate_5675b4375fa746ab958cff90abb6a1e1 extends Template
{
    private $source;
    private $macros = [];

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

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

        $this->blocks = [
            'title' => [$this, 'block_title'],
            'pagetitle' => [$this, 'block_pagetitle'],
            'body' => [$this, 'block_body'],
            'javascript' => [$this, 'block_javascript'],
        ];
    }

    protected function doGetParent(array $context)
    {
        // line 1
        return "partials/layout-vertical.html.twig";
    }

    protected function doDisplay(array $context, array $blocks = [])
    {
        $macros = $this->macros;
        $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "charts-apex-line.html.twig"));

        $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "charts-apex-line.html.twig"));

        $this->parent = $this->loadTemplate("partials/layout-vertical.html.twig", "charts-apex-line.html.twig", 1);
        $this->parent->display($context, array_merge($this->blocks, $blocks));
        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

    }

    // line 3
    public function block_title($context, array $blocks = [])
    {
        $macros = $this->macros;
        $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));

        $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));

        echo "Apex Line Charts";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

    }

    // line 5
    public function block_pagetitle($context, array $blocks = [])
    {
        $macros = $this->macros;
        $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "pagetitle"));

        $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "pagetitle"));

        // line 6
        echo "  ";
        echo twig_include($this->env, $context, "partials/page-title.html.twig", ["sub_title" => "Apex", "page_title" => "Line Charts"]);
        echo "
";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

    }

    // line 9
    public function block_body($context, array $blocks = [])
    {
        $macros = $this->macros;
        $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));

        $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));

        // line 10
        echo "                        <div class=\"row\">
                            <div class=\"col-xl-6\">
                                <div class=\"card\">
                                    <div class=\"card-body\">
                                        <h4 class=\"header-title mb-4\">Simple line chart</h4>
                                        <div dir=\"ltr\">
                                            <div id=\"line-chart\" class=\"apex-charts\" data-colors=\"#ffbc00\"></div>
                                        </div>
                                    </div>
                                    <!-- end card body-->
                                </div>
                                <!-- end card -->
                            </div>
                            <!-- end col-->
    
                            <div class=\"col-xl-6\">
                                <div class=\"card\">
                                    <div class=\"card-body\">
                                        <h4 class=\"header-title mb-4\">Line with Data Labels</h4>
                                        <div dir=\"ltr\">
                                            <div id=\"line-chart-datalabel\" class=\"apex-charts\" data-colors=\"#6c757d,#4254ba\"></div>
                                        </div>
                                    </div>
                                    <!-- end card body-->
                                </div>
                                <!-- end card -->
                            </div>
                            <!-- end col-->
                        </div>
                        <!-- end row-->
                        
                        <div class=\"row\">
                            <div class=\"col-xl-6\">
                                <div class=\"card\">
                                    <div class=\"card-body\">
                                        <h4 class=\"header-title mb-4\">Zoomable Timeseries</h4>
                                        <div dir=\"ltr\">
                                            <div id=\"line-chart-zoomable\" class=\"apex-charts\" data-colors=\"#fa5c7c\"></div>
                                        </div>
                                    </div>
                                    <!-- end card body-->
                                </div>
                                <!-- end card -->
                            </div>
                            <!-- end col-->
    
                            <div class=\"col-xl-6\">
                                <div class=\"card\">
                                    <div class=\"card-body\">
                                        <h4 class=\"header-title mb-4\">Line Chart with Annotations</h4>
                                        <div dir=\"ltr\">
                                            <div id=\"line-chart-annotations\" class=\"apex-charts\" data-colors=\"#39afd1\"></div>
                                        </div>
                                    </div>
                                    <!-- end card body-->
                                </div>
                                <!-- end card -->
                            </div>
                            <!-- end col-->
                        </div>
                        <!-- end row-->

                        <div class=\"row\">
                            <div class=\"col-xl-6\">
                                <div class=\"card\">
                                    <div class=\"card-body\">
                                        <h4 class=\"header-title mb-4\">Syncing charts</h4>
                                        <div id=\"line-chart-syncing2\" data-colors=\"#4254ba\"></div>
                                        <div dir=\"ltr\">
                                            <div id=\"line-chart-syncing\" class=\"apex-charts\" data-colors=\"#6c757d\"></div>
                                        </div>
                                    </div>
                                    <!-- end card body-->
                                </div>
                                <!-- end card -->
                            </div>
                            <!-- end col-->
    
                            <div class=\"col-xl-6\">
                                <div class=\"card\">
                                    <div class=\"card-body\">
                                        <h4 class=\"header-title mb-4\">Gradient Line Chart</h4>
                                        <div dir=\"ltr\">
                                            <div id=\"line-chart-gradient\" class=\"apex-charts\"></div>
                                        </div>
                                    </div>
                                    <!-- end card body-->
                                </div>
                                <!-- end card -->
                            </div>
                            <!-- end col-->
                        </div>
                        <!-- end row-->

                        <div class=\"row\">
                            <div class=\"col-xl-6\">
                                <div class=\"card\">
                                    <div class=\"card-body\">
                                        <h4 class=\"header-title mb-4\">Missing / Null values</h4>
                                        <div dir=\"ltr\">
                                            <div id=\"line-chart-missing\" class=\"apex-charts\" data-colors=\"#ffbc00,#17a497,#39afd1\"></div>
                                        </div>
                                    </div>
                                    <!-- end card body-->
                                </div>
                                <!-- end card -->
                            </div>
                            <!-- end col-->

                            <div class=\"col-xl-6\">
                                <div class=\"card\">
                                    <div class=\"card-body\">
                                        <h4 class=\"header-title mb-4\">Dashed Line Chart</h4>
                                        <div dir=\"ltr\">
                                            <div id=\"line-chart-dashed\" class=\"apex-charts\" data-colors=\"#6c757d,#17a497,#39afd1\"></div>
                                        </div>
                                    </div>
                                    <!-- end card body-->
                                </div>
                                <!-- end card -->
                            </div>
                            <!-- end col-->
                        </div>
                        <!-- end row-->

                        <div class=\"row\">
                            <div class=\"col-xl-6\">
                                <div class=\"card\">
                                    <div class=\"card-body\">
                                        <h4 class=\"header-title mb-3\">Stepline Chart</h4>
                                        <div dir=\"ltr\">
                                            <div id=\"line-chart-stepline\" class=\"apex-charts\" data-colors=\"#17a497\"></div>
                                        </div>
                                    </div>
                                    <!-- end card body-->
                                </div>
                                <!-- end card -->
                            </div>
                            <!-- end col-->
                            
                            <div class=\"col-xl-6\">
                                <div class=\"card\">
                                    <div class=\"card-body\">
                                        <h4 class=\"header-title\">Brush Chart</h4>
                                        <div dir=\"ltr\">
                                            <div id=\"chart-line2\" class=\"apex-charts\" data-colors=\"#4254ba\"></div>
                                            <div id=\"chart-line\" class=\"apex-charts\" data-colors=\"#39afd1\"></div>
                                        </div>
                                    </div>
                                    <!-- end card body-->
                                </div>
                                <!-- end card -->
                            </div>
                            <!-- end col-->
                        </div>
                        <!-- end row-->

                        <div class=\"row\">
                            <div class=\"col-xl-6\">
                                <div class=\"card\">
                                    <div class=\"card-body\">
                                        <h4 class=\"header-title\">Realtime Chart</h4>
                                        <div dir=\"ltr\">
                                            <div id=\"line-chart-realtime\" class=\"apex-charts\" data-colors=\"#39afd1\"></div>
                                        </div>
                                    </div>
                                    <!-- end card body-->
                                </div>
                                <!-- end card -->
                            </div>
                            <!-- end col-->
                        </div>
                        <!-- end row-->

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

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

    }

    // line 186
    public function block_javascript($context, array $blocks = [])
    {
        $macros = $this->macros;
        $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));

        $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascript"));

        // line 187
        echo "        <!-- Apex Chart js -->
        <script src=\"/vendor/apexcharts/apexcharts.min.js\"></script>

        <!-- Apex Chart line Demo js -->
        <script src=\"https://apexcharts.com/samples/assets/stock-prices.js\"></script>
        <script src=\"https://apexcharts.com/samples/assets/irregular-data-series.js\"></script>
        <script src=\"/js/pages/demo.apex-line.js\"></script>
";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

    }

    public function getTemplateName()
    {
        return "charts-apex-line.html.twig";
    }

    public function isTraitable()
    {
        return false;
    }

    public function getDebugInfo()
    {
        return array (  307 => 187,  297 => 186,  113 => 10,  103 => 9,  90 => 6,  80 => 5,  61 => 3,  38 => 1,);
    }

    public function getSourceContext()
    {
        return new Source("{% extends 'partials/layout-vertical.html.twig' %}

{% block title %}Apex Line Charts{% endblock %}

{% block pagetitle %}
  {{ include('partials/page-title.html.twig', { sub_title: 'Apex', page_title: 'Line Charts' }) }}
{% endblock %}

{% block body %}
                        <div class=\"row\">
                            <div class=\"col-xl-6\">
                                <div class=\"card\">
                                    <div class=\"card-body\">
                                        <h4 class=\"header-title mb-4\">Simple line chart</h4>
                                        <div dir=\"ltr\">
                                            <div id=\"line-chart\" class=\"apex-charts\" data-colors=\"#ffbc00\"></div>
                                        </div>
                                    </div>
                                    <!-- end card body-->
                                </div>
                                <!-- end card -->
                            </div>
                            <!-- end col-->
    
                            <div class=\"col-xl-6\">
                                <div class=\"card\">
                                    <div class=\"card-body\">
                                        <h4 class=\"header-title mb-4\">Line with Data Labels</h4>
                                        <div dir=\"ltr\">
                                            <div id=\"line-chart-datalabel\" class=\"apex-charts\" data-colors=\"#6c757d,#4254ba\"></div>
                                        </div>
                                    </div>
                                    <!-- end card body-->
                                </div>
                                <!-- end card -->
                            </div>
                            <!-- end col-->
                        </div>
                        <!-- end row-->
                        
                        <div class=\"row\">
                            <div class=\"col-xl-6\">
                                <div class=\"card\">
                                    <div class=\"card-body\">
                                        <h4 class=\"header-title mb-4\">Zoomable Timeseries</h4>
                                        <div dir=\"ltr\">
                                            <div id=\"line-chart-zoomable\" class=\"apex-charts\" data-colors=\"#fa5c7c\"></div>
                                        </div>
                                    </div>
                                    <!-- end card body-->
                                </div>
                                <!-- end card -->
                            </div>
                            <!-- end col-->
    
                            <div class=\"col-xl-6\">
                                <div class=\"card\">
                                    <div class=\"card-body\">
                                        <h4 class=\"header-title mb-4\">Line Chart with Annotations</h4>
                                        <div dir=\"ltr\">
                                            <div id=\"line-chart-annotations\" class=\"apex-charts\" data-colors=\"#39afd1\"></div>
                                        </div>
                                    </div>
                                    <!-- end card body-->
                                </div>
                                <!-- end card -->
                            </div>
                            <!-- end col-->
                        </div>
                        <!-- end row-->

                        <div class=\"row\">
                            <div class=\"col-xl-6\">
                                <div class=\"card\">
                                    <div class=\"card-body\">
                                        <h4 class=\"header-title mb-4\">Syncing charts</h4>
                                        <div id=\"line-chart-syncing2\" data-colors=\"#4254ba\"></div>
                                        <div dir=\"ltr\">
                                            <div id=\"line-chart-syncing\" class=\"apex-charts\" data-colors=\"#6c757d\"></div>
                                        </div>
                                    </div>
                                    <!-- end card body-->
                                </div>
                                <!-- end card -->
                            </div>
                            <!-- end col-->
    
                            <div class=\"col-xl-6\">
                                <div class=\"card\">
                                    <div class=\"card-body\">
                                        <h4 class=\"header-title mb-4\">Gradient Line Chart</h4>
                                        <div dir=\"ltr\">
                                            <div id=\"line-chart-gradient\" class=\"apex-charts\"></div>
                                        </div>
                                    </div>
                                    <!-- end card body-->
                                </div>
                                <!-- end card -->
                            </div>
                            <!-- end col-->
                        </div>
                        <!-- end row-->

                        <div class=\"row\">
                            <div class=\"col-xl-6\">
                                <div class=\"card\">
                                    <div class=\"card-body\">
                                        <h4 class=\"header-title mb-4\">Missing / Null values</h4>
                                        <div dir=\"ltr\">
                                            <div id=\"line-chart-missing\" class=\"apex-charts\" data-colors=\"#ffbc00,#17a497,#39afd1\"></div>
                                        </div>
                                    </div>
                                    <!-- end card body-->
                                </div>
                                <!-- end card -->
                            </div>
                            <!-- end col-->

                            <div class=\"col-xl-6\">
                                <div class=\"card\">
                                    <div class=\"card-body\">
                                        <h4 class=\"header-title mb-4\">Dashed Line Chart</h4>
                                        <div dir=\"ltr\">
                                            <div id=\"line-chart-dashed\" class=\"apex-charts\" data-colors=\"#6c757d,#17a497,#39afd1\"></div>
                                        </div>
                                    </div>
                                    <!-- end card body-->
                                </div>
                                <!-- end card -->
                            </div>
                            <!-- end col-->
                        </div>
                        <!-- end row-->

                        <div class=\"row\">
                            <div class=\"col-xl-6\">
                                <div class=\"card\">
                                    <div class=\"card-body\">
                                        <h4 class=\"header-title mb-3\">Stepline Chart</h4>
                                        <div dir=\"ltr\">
                                            <div id=\"line-chart-stepline\" class=\"apex-charts\" data-colors=\"#17a497\"></div>
                                        </div>
                                    </div>
                                    <!-- end card body-->
                                </div>
                                <!-- end card -->
                            </div>
                            <!-- end col-->
                            
                            <div class=\"col-xl-6\">
                                <div class=\"card\">
                                    <div class=\"card-body\">
                                        <h4 class=\"header-title\">Brush Chart</h4>
                                        <div dir=\"ltr\">
                                            <div id=\"chart-line2\" class=\"apex-charts\" data-colors=\"#4254ba\"></div>
                                            <div id=\"chart-line\" class=\"apex-charts\" data-colors=\"#39afd1\"></div>
                                        </div>
                                    </div>
                                    <!-- end card body-->
                                </div>
                                <!-- end card -->
                            </div>
                            <!-- end col-->
                        </div>
                        <!-- end row-->

                        <div class=\"row\">
                            <div class=\"col-xl-6\">
                                <div class=\"card\">
                                    <div class=\"card-body\">
                                        <h4 class=\"header-title\">Realtime Chart</h4>
                                        <div dir=\"ltr\">
                                            <div id=\"line-chart-realtime\" class=\"apex-charts\" data-colors=\"#39afd1\"></div>
                                        </div>
                                    </div>
                                    <!-- end card body-->
                                </div>
                                <!-- end card -->
                            </div>
                            <!-- end col-->
                        </div>
                        <!-- end row-->

                    {% endblock %}

{% block javascript %}
        <!-- Apex Chart js -->
        <script src=\"/vendor/apexcharts/apexcharts.min.js\"></script>

        <!-- Apex Chart line Demo js -->
        <script src=\"https://apexcharts.com/samples/assets/stock-prices.js\"></script>
        <script src=\"https://apexcharts.com/samples/assets/irregular-data-series.js\"></script>
        <script src=\"/js/pages/demo.apex-line.js\"></script>
{% endblock %}", "charts-apex-line.html.twig", "/home/ct9/Desktop/Ishan/Jidox/jidox_symfony/templates/charts-apex-line.html.twig");
    }
}
