<?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-column.html.twig */
class __TwigTemplate_6a077a5da7bc0918605487e3d6ed7b7b 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-column.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-column.html.twig"));

        $this->parent = $this->loadTemplate("partials/layout-vertical.html.twig", "charts-apex-column.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 Column Charts
";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

    }

    // line 6
    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 7
        echo "\t";
        echo twig_include($this->env, $context, "partials/page-title.html.twig", ["sub_title" => "Apex", "page_title" => "Column Charts"]);
        echo "
";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

    }

    // line 10
    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 11
        echo "\t<div class=\"row\">
\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Basic Column Chart</h4>
\t\t\t\t\t<div dir=\"ltr\">
\t\t\t\t\t\t<div id=\"basic-column\" class=\"apex-charts\" data-colors=\"#4254ba,#17a497,#fa5c7c\"></div>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<!-- end card body-->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end col-->

\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title mb-3\">Column Chart with Datalabels</h4>
\t\t\t\t\t<div dir=\"ltr\">
\t\t\t\t\t\t<div id=\"datalabels-column\" class=\"apex-charts\" data-colors=\"#4254ba\"></div>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<!-- end card body-->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end col-->
\t</div>
\t<!-- end row-->

\t<div class=\"row\">
\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Stacked Column Chart</h4>
\t\t\t\t\t<div dir=\"ltr\">
\t\t\t\t\t\t<div id=\"stacked-column\" class=\"apex-charts\" data-colors=\"#39afd1,#ffbc00,#e3eaef\"></div>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<!-- end card body-->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end col-->

\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">100% Stacked Column Chart</h4>
\t\t\t\t\t<div dir=\"ltr\">
\t\t\t\t\t\t<div id=\"full-stacked-column\" class=\"apex-charts\" data-colors=\"#39afd1,#17a497,#e3eaef\"></div>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<!-- end card body-->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end col-->
\t</div>
\t<!-- end row-->

\t<div class=\"row\">
\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Column with Markers</h4>
\t\t\t\t\t<div dir=\"ltr\">
\t\t\t\t\t\t<div id=\"column-with-markers\" class=\"apex-charts\" data-colors=\"#4254ba,#ffbc00\"></div>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<!-- end card body-->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end col-->

\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Column with Group Label</h4>
\t\t\t\t\t<div dir=\"ltr\">
\t\t\t\t\t\t<div id=\"column-with-group-label\" class=\"apex-charts\" data-colors=\"#39afd1,#17a497,#e3eaef\"></div>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<!-- end card body-->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end col-->
\t</div>
\t<!-- end row-->

\t<div class=\"row\">
\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Column Chart with rotated labels & Annotations</h4>
\t\t\t\t\t<div dir=\"ltr\">
\t\t\t\t\t\t<div id=\"rotate-labels-column\" class=\"apex-charts\" data-colors=\"#fa5c7c\"></div>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<!-- end card body-->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end col-->

\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Column Chart with negative values</h4>
\t\t\t\t\t<div dir=\"ltr\">
\t\t\t\t\t\t<div id=\"negative-value-column\" class=\"apex-charts\" data-colors=\"#4254ba\"></div>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<!-- end card body-->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end col-->
\t</div>
\t<!-- end row-->

\t<div class=\"row\">
\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Distributed Column Chart</h4>
\t\t\t\t\t<div dir=\"ltr\">
\t\t\t\t\t\t<div id=\"distributed-column\" class=\"apex-charts\" data-colors=\"#4254ba,#6c757d,#17a497,#fa5c7c,#ffbc00,#39afd1,#e3eaef,#313a46\"></div>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<!-- end card body-->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end col-->

\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Range Column Chart</h4>
\t\t\t\t\t<div dir=\"ltr\">
\t\t\t\t\t\t<div id=\"range-column\" class=\"apex-charts\" data-colors=\"#17a497,#39afd1\"></div>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<!-- end card body-->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end col-->
\t</div>
\t<!-- end row-->

\t<div class=\"row\">
\t\t<div class=\"col-12\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"d-flex card-header justify-content-between align-items-center\">
\t\t\t\t\t<h4 class=\"header-title\">Dynamic Loaded Chart</h4>
\t\t\t\t\t<div class=\"flex-shrink-0\">
\t\t\t\t\t\t<select id=\"model\" class=\"form-select form-select-sm\">
\t\t\t\t\t\t\t<option value=\"iphone5\">iPhone 5</option>
\t\t\t\t\t\t\t<option value=\"iphone6\">iPhone 6</option>
\t\t\t\t\t\t\t<option value=\"iphone7\">iPhone 7</option>
\t\t\t\t\t\t</select>
\t\t\t\t\t</div>
\t\t\t\t</div>

\t\t\t\t<div class=\"card-body pt-0\">
\t\t\t\t\t<h4 class=\"header-title\"></h4>
\t\t\t\t\t<div dir=\"ltr\">
\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t<div class=\"col-sm-6\">
\t\t\t\t\t\t\t\t<div id=\"chart-year\" data-colors=\"#4254ba,#6c757d,#17a497,#fa5c7c,#ffbc00,#39afd1\"></div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"col-sm-6\">
\t\t\t\t\t\t\t\t<div id=\"chart-quarter\" data-colors=\"#4254ba,#6c757d,#17a497,#fa5c7c,#ffbc00,#39afd1\"></div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<!-- end row-->
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<!-- end card body-->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end col-->
\t</div>
\t<!-- end row-->
";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

    }

    // line 203
    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 204
        echo "\t<!-- Apex Chart js -->
\t<script src=\"/vendor/apexcharts/apexcharts.min.js\"></script>

\t<!-- Apex Chart Column Demo js -->
\t<script src=\"https://cdnjs.cloudflare.com/ajax/libs/dayjs/1.11.0/dayjs.min.js\"></script>
\t<script src=\"https://cdnjs.cloudflare.com/ajax/libs/dayjs/1.11.0/plugin/quarterOfYear.min.js\"></script>
\t<script src=\"/js/pages/demo.apex-column.js\"></script>
";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

    }

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

    public function isTraitable()
    {
        return false;
    }

    public function getDebugInfo()
    {
        return array (  324 => 204,  314 => 203,  114 => 11,  104 => 10,  91 => 7,  81 => 6,  61 => 3,  38 => 1,);
    }

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

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

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

{% block body %}
\t<div class=\"row\">
\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Basic Column Chart</h4>
\t\t\t\t\t<div dir=\"ltr\">
\t\t\t\t\t\t<div id=\"basic-column\" class=\"apex-charts\" data-colors=\"#4254ba,#17a497,#fa5c7c\"></div>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<!-- end card body-->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end col-->

\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title mb-3\">Column Chart with Datalabels</h4>
\t\t\t\t\t<div dir=\"ltr\">
\t\t\t\t\t\t<div id=\"datalabels-column\" class=\"apex-charts\" data-colors=\"#4254ba\"></div>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<!-- end card body-->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end col-->
\t</div>
\t<!-- end row-->

\t<div class=\"row\">
\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Stacked Column Chart</h4>
\t\t\t\t\t<div dir=\"ltr\">
\t\t\t\t\t\t<div id=\"stacked-column\" class=\"apex-charts\" data-colors=\"#39afd1,#ffbc00,#e3eaef\"></div>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<!-- end card body-->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end col-->

\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">100% Stacked Column Chart</h4>
\t\t\t\t\t<div dir=\"ltr\">
\t\t\t\t\t\t<div id=\"full-stacked-column\" class=\"apex-charts\" data-colors=\"#39afd1,#17a497,#e3eaef\"></div>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<!-- end card body-->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end col-->
\t</div>
\t<!-- end row-->

\t<div class=\"row\">
\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Column with Markers</h4>
\t\t\t\t\t<div dir=\"ltr\">
\t\t\t\t\t\t<div id=\"column-with-markers\" class=\"apex-charts\" data-colors=\"#4254ba,#ffbc00\"></div>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<!-- end card body-->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end col-->

\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Column with Group Label</h4>
\t\t\t\t\t<div dir=\"ltr\">
\t\t\t\t\t\t<div id=\"column-with-group-label\" class=\"apex-charts\" data-colors=\"#39afd1,#17a497,#e3eaef\"></div>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<!-- end card body-->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end col-->
\t</div>
\t<!-- end row-->

\t<div class=\"row\">
\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Column Chart with rotated labels & Annotations</h4>
\t\t\t\t\t<div dir=\"ltr\">
\t\t\t\t\t\t<div id=\"rotate-labels-column\" class=\"apex-charts\" data-colors=\"#fa5c7c\"></div>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<!-- end card body-->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end col-->

\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Column Chart with negative values</h4>
\t\t\t\t\t<div dir=\"ltr\">
\t\t\t\t\t\t<div id=\"negative-value-column\" class=\"apex-charts\" data-colors=\"#4254ba\"></div>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<!-- end card body-->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end col-->
\t</div>
\t<!-- end row-->

\t<div class=\"row\">
\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Distributed Column Chart</h4>
\t\t\t\t\t<div dir=\"ltr\">
\t\t\t\t\t\t<div id=\"distributed-column\" class=\"apex-charts\" data-colors=\"#4254ba,#6c757d,#17a497,#fa5c7c,#ffbc00,#39afd1,#e3eaef,#313a46\"></div>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<!-- end card body-->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end col-->

\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Range Column Chart</h4>
\t\t\t\t\t<div dir=\"ltr\">
\t\t\t\t\t\t<div id=\"range-column\" class=\"apex-charts\" data-colors=\"#17a497,#39afd1\"></div>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<!-- end card body-->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end col-->
\t</div>
\t<!-- end row-->

\t<div class=\"row\">
\t\t<div class=\"col-12\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"d-flex card-header justify-content-between align-items-center\">
\t\t\t\t\t<h4 class=\"header-title\">Dynamic Loaded Chart</h4>
\t\t\t\t\t<div class=\"flex-shrink-0\">
\t\t\t\t\t\t<select id=\"model\" class=\"form-select form-select-sm\">
\t\t\t\t\t\t\t<option value=\"iphone5\">iPhone 5</option>
\t\t\t\t\t\t\t<option value=\"iphone6\">iPhone 6</option>
\t\t\t\t\t\t\t<option value=\"iphone7\">iPhone 7</option>
\t\t\t\t\t\t</select>
\t\t\t\t\t</div>
\t\t\t\t</div>

\t\t\t\t<div class=\"card-body pt-0\">
\t\t\t\t\t<h4 class=\"header-title\"></h4>
\t\t\t\t\t<div dir=\"ltr\">
\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t<div class=\"col-sm-6\">
\t\t\t\t\t\t\t\t<div id=\"chart-year\" data-colors=\"#4254ba,#6c757d,#17a497,#fa5c7c,#ffbc00,#39afd1\"></div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"col-sm-6\">
\t\t\t\t\t\t\t\t<div id=\"chart-quarter\" data-colors=\"#4254ba,#6c757d,#17a497,#fa5c7c,#ffbc00,#39afd1\"></div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<!-- end row-->
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<!-- end card body-->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end col-->
\t</div>
\t<!-- end row-->
{% endblock %}

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

\t<!-- Apex Chart Column Demo js -->
\t<script src=\"https://cdnjs.cloudflare.com/ajax/libs/dayjs/1.11.0/dayjs.min.js\"></script>
\t<script src=\"https://cdnjs.cloudflare.com/ajax/libs/dayjs/1.11.0/plugin/quarterOfYear.min.js\"></script>
\t<script src=\"/js/pages/demo.apex-column.js\"></script>
{% endblock %}
", "charts-apex-column.html.twig", "C:\\Users\\4\\Desktop\\Anant\\jidox\\jidox_symfony\\Jidox\\templates\\charts-apex-column.html.twig");
    }
}
