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

/* widgets.html.twig */
class __TwigTemplate_8d3f471480bca557c2c36d77ddfa0ba1 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", "widgets.html.twig"));

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

        $this->parent = $this->loadTemplate("partials/layout-vertical.html.twig", "widgets.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 "Widgets
";
        
        $__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" => "Extras", "page_title" => "Widgets"]);
        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 "<div class=\"row row-cols-1 row-cols-xxl-6 row-cols-lg-3 row-cols-md-2\">
\t<div class=\"col\">
\t\t<div class=\"card widget-icon-box text-bg-purple\">
\t\t\t<div class=\"card-body\">
\t\t\t\t<div class=\"d-flex justify-content-between\">
\t\t\t\t\t<div class=\"flex-grow-1 overflow-hidden\">
\t\t\t\t\t\t<h5 class=\"text-uppercase fs-13 mt-0\" title=\"Number of Customers\">Customers</h5>
\t\t\t\t\t\t<h3 class=\"my-3\">54,214</h3>
\t\t\t\t\t\t<p class=\"mb-0 text-white text-opacity-75 text-truncate\">
\t\t\t\t\t\t\t<span class=\"badge bg-white bg-opacity-10 me-1\">
\t\t\t\t\t\t\t\t<i class=\"ri-arrow-up-line\"></i>
\t\t\t\t\t\t\t\t2,541</span>
\t\t\t\t\t\t\t<span>Since last month</span>
\t\t\t\t\t\t</p>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"avatar-sm flex-shrink-0\">
\t\t\t\t\t\t<span class=\"avatar-title bg-white bg-opacity-25 text-white rounded rounded-3 fs-3 widget-icon-box-avatar shadow\">
\t\t\t\t\t\t\t<i class=\"ri-group-line\"></i>
\t\t\t\t\t\t</span>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t</div>
\t\t\t<!-- end card-body-->
\t\t</div>
\t\t<!-- end card-->
\t</div>
\t<!-- end col-->

\t<div class=\"col\">
\t\t<div class=\"card widget-icon-box text-bg-pink\">
\t\t\t<div class=\"card-body\">
\t\t\t\t<div class=\"d-flex justify-content-between\">
\t\t\t\t\t<div class=\"flex-grow-1 overflow-hidden\">
\t\t\t\t\t\t<h5 class=\"text-uppercase fs-13 mt-0\" title=\"Number of Orders\">Orders</h5>
\t\t\t\t\t\t<h3 class=\"my-3\">7,543</h3>
\t\t\t\t\t\t<p class=\"mb-0 text-white text-opacity-75 text-truncate\">
\t\t\t\t\t\t\t<span class=\"badge bg-white bg-opacity-25 me-1\">
\t\t\t\t\t\t\t\t<i class=\"ri-arrow-down-line\"></i>
\t\t\t\t\t\t\t\t1.08%</span>
\t\t\t\t\t\t\t<span>Since last month</span>
\t\t\t\t\t\t</p>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"avatar-sm flex-shrink-0\">
\t\t\t\t\t\t<span class=\"avatar-title bg-white bg-opacity-25 text-white rounded rounded-3 fs-3 widget-icon-box-avatar shadow\">
\t\t\t\t\t\t\t<i class=\"ri-shopping-basket-2-line\"></i>
\t\t\t\t\t\t</span>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t</div>
\t\t\t<!-- end card-body-->
\t\t</div>
\t\t<!-- end card-->
\t</div>
\t<!-- end col-->

\t<div class=\"col\">
\t\t<div class=\"card widget-icon-box text-bg-success\">
\t\t\t<div class=\"card-body\">
\t\t\t\t<div class=\"d-flex justify-content-between\">
\t\t\t\t\t<div class=\"flex-grow-1 overflow-hidden\">
\t\t\t\t\t\t<h5 class=\"text-uppercase fs-13 mt-0\" title=\"Average Revenue\">Revenue</h5>
\t\t\t\t\t\t<h3 class=\"my-3\">\$9,254</h3>
\t\t\t\t\t\t<p class=\"mb-0 text-white text-opacity-75 text-truncate\">
\t\t\t\t\t\t\t<span class=\"badge bg-white bg-opacity-25 me-1\">
\t\t\t\t\t\t\t\t<i class=\"ri-arrow-down-line\"></i>
\t\t\t\t\t\t\t\t7.00%</span>
\t\t\t\t\t\t\t<span>Since last month</span>
\t\t\t\t\t\t</p>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"avatar-sm flex-shrink-0\">
\t\t\t\t\t\t<span class=\"avatar-title bg-white bg-opacity-25 text-white rounded rounded-3 fs-3 widget-icon-box-avatar shadow\">
\t\t\t\t\t\t\t<i class=\"ri-money-dollar-circle-line\"></i>
\t\t\t\t\t\t</span>
\t\t\t\t\t</div>
\t\t\t\t</div>

\t\t\t</div>
\t\t\t<!-- end card-body-->
\t\t</div>
\t\t<!-- end card-->
\t</div>
\t<!-- end col-->

\t<div class=\"col\">
\t\t<div class=\"card widget-icon-box\">
\t\t\t<div class=\"card-body\">
\t\t\t\t<div class=\"d-flex justify-content-between\">
\t\t\t\t\t<div class=\"flex-grow-1 overflow-hidden\">
\t\t\t\t\t\t<h5 class=\"text-muted text-uppercase fs-13 mt-0\" title=\"Growth\">Growth</h5>
\t\t\t\t\t\t<h3 class=\"my-3\">+ 20.6%</h3>
\t\t\t\t\t\t<p class=\"mb-0 text-muted text-truncate\">
\t\t\t\t\t\t\t<span class=\"badge bg-success me-1\">
\t\t\t\t\t\t\t\t<i class=\"ri-arrow-up-line\"></i>
\t\t\t\t\t\t\t\t4.87%</span>
\t\t\t\t\t\t\t<span>Since last month</span>
\t\t\t\t\t\t</p>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"avatar-sm flex-shrink-0\">
\t\t\t\t\t\t<span class=\"avatar-title text-bg-primary rounded rounded-3 fs-3 widget-icon-box-avatar shadow\">
\t\t\t\t\t\t\t<i class=\"ri-donut-chart-line\"></i>
\t\t\t\t\t\t</span>
\t\t\t\t\t</div>
\t\t\t\t</div>

\t\t\t</div>
\t\t\t<!-- end card-body-->
\t\t</div>
\t\t<!-- end card-->
\t</div>
\t<!-- end col-->
\t<div class=\"col\">
\t\t<div class=\"card widget-icon-box\">
\t\t\t<div class=\"card-body\">
\t\t\t\t<div class=\"d-flex justify-content-between\">
\t\t\t\t\t<div class=\"flex-grow-1 overflow-hidden\">
\t\t\t\t\t\t<h5 class=\"text-muted text-uppercase fs-13 mt-0\" title=\"Conversation Ration\">Conversation</h5>
\t\t\t\t\t\t<h3 class=\"my-3\">9.62%</h3>
\t\t\t\t\t\t<p class=\"mb-0 text-muted text-truncate\">
\t\t\t\t\t\t\t<span class=\"badge bg-success me-1\">
\t\t\t\t\t\t\t\t<i class=\"ri-arrow-up-line\"></i>
\t\t\t\t\t\t\t\t3.07%</span>
\t\t\t\t\t\t\t<span>Since last month</span>
\t\t\t\t\t\t</p>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"avatar-sm flex-shrink-0\">
\t\t\t\t\t\t<span class=\"avatar-title text-bg-warning rounded rounded-3 fs-3 widget-icon-box-avatar\">
\t\t\t\t\t\t\t<i class=\"ri-pulse-line\"></i>
\t\t\t\t\t\t</span>
\t\t\t\t\t</div>
\t\t\t\t</div>

\t\t\t</div>
\t\t\t<!-- end card-body-->
\t\t</div>
\t\t<!-- end card-->
\t</div>
\t<!-- end col-->
\t<div class=\"col\">
\t\t<div class=\"card widget-icon-box\">
\t\t\t<div class=\"card-body\">
\t\t\t\t<div class=\"d-flex justify-content-between\">
\t\t\t\t\t<div class=\"flex-grow-1 overflow-hidden\">
\t\t\t\t\t\t<h5 class=\"text-muted text-uppercase fs-13 mt-0\" title=\"Conversation Ration\">Balance</h5>
\t\t\t\t\t\t<h3 class=\"my-3\">\$168.5k</h3>
\t\t\t\t\t\t<p class=\"mb-0 text-muted text-truncate\">
\t\t\t\t\t\t\t<span class=\"badge bg-success me-1\">
\t\t\t\t\t\t\t\t<i class=\"ri-arrow-up-line\"></i>
\t\t\t\t\t\t\t\t18.34%</span>
\t\t\t\t\t\t\t<span>Since last month</span>
\t\t\t\t\t\t</p>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"avatar-sm flex-shrink-0\">
\t\t\t\t\t\t<span class=\"avatar-title text-bg-dark rounded rounded-3 fs-3 widget-icon-box-avatar\">
\t\t\t\t\t\t\t<i class=\"ri-wallet-3-line\"></i>
\t\t\t\t\t\t</span>
\t\t\t\t\t</div>
\t\t\t\t</div>

\t\t\t</div>
\t\t\t<!-- end card-body-->
\t\t</div>
\t\t<!-- end card-->
\t</div>
\t<!-- end col-->
</div>
<!-- end row -->

<div class=\"row\">
\t<div class=\"col-xxl-3 col-sm-6\">
\t\t<div class=\"card widget-flat\">
\t\t\t<div class=\"card-body\">
\t\t\t\t<div class=\"float-end\">
\t\t\t\t\t<i class=\"ri-bit-coin-line widget-icon text-bg-danger rounded-circle fs-24\"></i>
\t\t\t\t</div>
\t\t\t\t<h5 class=\"text-muted fw-normal mt-0\" title=\"Revenue\">Revenue</h5>
\t\t\t\t<h3 class=\"my-3\">\$6,254</h3>
\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t<span class=\"badge bg-info me-1\">7.00%</span>
\t\t\t\t\t<span class=\"text-nowrap\">Since last month</span>
\t\t\t\t</p>
\t\t\t</div>
\t\t</div>
\t</div>
\t<!-- end col-->

\t<div class=\"col-xxl-3 col-sm-6\">
\t\t<div class=\"card widget-flat\">
\t\t\t<div class=\"card-body\">
\t\t\t\t<div class=\"float-end\">
\t\t\t\t\t<i class=\"ri-arrow-up-circle-fill widget-icon fs-24\"></i>
\t\t\t\t</div>
\t\t\t\t<h5 class=\"text-muted fw-normal mt-0\" title=\"Growth\">Growth</h5>
\t\t\t\t<h3 class=\"my-3\">+ 30.56%</h3>
\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t<span class=\"text-success me-2\">4.87%</span>
\t\t\t\t\t<span class=\"text-nowrap\">Since last month</span>
\t\t\t\t</p>
\t\t\t</div>
\t\t</div>
\t</div>
\t<!-- end col-->

\t<div class=\"col-xxl-3 col-sm-6\">
\t\t<div class=\"card widget-flat bg-success text-white\">
\t\t\t<div class=\"card-body\">
\t\t\t\t<div class=\"float-end\">
\t\t\t\t\t<i class=\"ri-user-voice-line widget-icon bg-white text-success\"></i>
\t\t\t\t</div>
\t\t\t\t<h6 class=\"text-uppercase mt-0\" title=\"Customers\">Customers</h6>
\t\t\t\t<h3 class=\"my-3\">36,254</h3>
\t\t\t\t<p class=\"mb-0\">
\t\t\t\t\t<span class=\"badge bg-white bg-opacity-10 me-1\">5.27%</span>
\t\t\t\t\t<span class=\"text-nowrap\">Since last month</span>
\t\t\t\t</p>
\t\t\t</div>
\t\t</div>
\t</div>
\t<!-- end col-->

\t<div class=\"col-xxl-3 col-sm-6\">
\t\t<div class=\"card widget-flat bg-primary text-white\">
\t\t\t<div class=\"card-body\">
\t\t\t\t<div class=\"float-end\">
\t\t\t\t\t<i class=\"ri-shopping-basket-line widget-icon bg-light-subtle rounded-circle text-primary\"></i>
\t\t\t\t</div>
\t\t\t\t<h5 class=\"fw-normal mt-0\" title=\"Orders\">Orders</h5>
\t\t\t\t<h3 class=\"my-3 text-white\">\$10,245</h3>
\t\t\t\t<p class=\"mb-0\">
\t\t\t\t\t<span class=\"badge bg-info me-1\">17.26%</span>
\t\t\t\t\t<span class=\"text-nowrap\">Since last month</span>
\t\t\t\t</p>
\t\t\t</div>
\t\t</div>
\t</div>
\t<!-- end col-->
</div>
<!-- end row-->

<div class=\"row row-cols-1 row-cols-lg-5\">
\t<div class=\"col col-md-6\">
\t\t<div class=\"card widget-flat\">
\t\t\t<div class=\"card-body\">
\t\t\t\t<div class=\"float-end\">
\t\t\t\t\t<i class=\"ri-group-line text-bg-info widget-icon\"></i>
\t\t\t\t</div>
\t\t\t\t<h5 class=\"text-muted fw-normal mt-0\" title=\"Number of Customers\">Customers</h5>
\t\t\t\t<h3 class=\"my-3\">54,214</h3>
\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t<span class=\"text-success me-2\">
\t\t\t\t\t\t<i class=\"ri-arrow-up-line\"></i>
\t\t\t\t\t\t5.27%</span>
\t\t\t\t\t<span class=\"text-nowrap\">Since last month</span>
\t\t\t\t</p>
\t\t\t</div>
\t\t\t<!-- end card-body-->
\t\t</div>
\t\t<!-- end card-->
\t</div>
\t<!-- end col-->

\t<div class=\"col col-md-6\">
\t\t<div class=\"card widget-flat\">
\t\t\t<div class=\"card-body\">
\t\t\t\t<div class=\"float-end\">
\t\t\t\t\t<i class=\"ri-shopping-cart-2-line text-bg-warning widget-icon\"></i>
\t\t\t\t</div>
\t\t\t\t<h5 class=\"text-muted fw-normal mt-0\" title=\"Number of Orders\">Orders</h5>
\t\t\t\t<h3 class=\"my-3\">7,543</h3>
\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t<span class=\"text-danger me-2\">
\t\t\t\t\t\t<i class=\"ri-arrow-down-line\"></i>
\t\t\t\t\t\t1.08%</span>
\t\t\t\t\t<span class=\"text-nowrap\">Since last month</span>
\t\t\t\t</p>
\t\t\t</div>
\t\t\t<!-- end card-body-->
\t\t</div>
\t\t<!-- end card-->
\t</div>
\t<!-- end col-->

\t<div class=\"col col-md-6\">
\t\t<div class=\"card widget-flat\">
\t\t\t<div class=\"card-body\">
\t\t\t\t<div class=\"float-end\">
\t\t\t\t\t<i class=\"ri-exchange-dollar-line text-bg-primary widget-icon\"></i>
\t\t\t\t</div>
\t\t\t\t<h5 class=\"text-muted fw-normal mt-0\" title=\"Average Revenue\">Revenue</h5>
\t\t\t\t<h3 class=\"my-3\">\$9,254</h3>
\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t<span class=\"text-danger me-2\">
\t\t\t\t\t\t<i class=\"ri-arrow-down-line\"></i>
\t\t\t\t\t\t7.00%</span>
\t\t\t\t\t<span class=\"text-nowrap\">Since last month</span>
\t\t\t\t</p>
\t\t\t</div>
\t\t\t<!-- end card-body-->
\t\t</div>
\t\t<!-- end card-->
\t</div>
\t<!-- end col-->

\t<div class=\"col col-md-6\">
\t\t<div class=\"card widget-flat\">
\t\t\t<div class=\"card-body\">
\t\t\t\t<div class=\"float-end\">
\t\t\t\t\t<i class=\"ri-line-chart-line text-bg-success widget-icon\"></i>
\t\t\t\t</div>
\t\t\t\t<h5 class=\"text-muted fw-normal mt-0\" title=\"Growth\">Growth</h5>
\t\t\t\t<h3 class=\"my-3\">+ 20.06%</h3>
\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t<span class=\"text-success me-2\">
\t\t\t\t\t\t<i class=\"ri-arrow-up-line\"></i>
\t\t\t\t\t\t4.87%</span>
\t\t\t\t\t<span class=\"text-nowrap\">Since last month</span>
\t\t\t\t</p>
\t\t\t</div>
\t\t\t<!-- end card-body-->
\t\t</div>
\t\t<!-- end card-->
\t</div>
\t<!-- end col-->
\t<div class=\"col col-md-12\">
\t\t<div class=\"card widget-flat\">
\t\t\t<div class=\"card-body\">
\t\t\t\t<div class=\"float-end\">
\t\t\t\t\t<i class=\"ri-dashboard-2-line bg-danger text-white widget-icon\"></i>
\t\t\t\t</div>
\t\t\t\t<h5 class=\"text-muted fw-normal mt-0\" title=\"Conversation Ration\">Conversation</h5>
\t\t\t\t<h3 class=\"my-3\">9.62%</h3>
\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t<span class=\"text-success me-2\">
\t\t\t\t\t\t<i class=\"ri-arrow-up-line\"></i>
\t\t\t\t\t\t5.27%</span>
\t\t\t\t\t<span class=\"text-nowrap\">Since last month</span>
\t\t\t\t</p>
\t\t\t</div>
\t\t\t<!-- end card-body-->
\t\t</div>
\t\t<!-- end card-->
\t</div>
\t<!-- end col-->
</div>
<!-- end row -->


<div class=\"row\">

\t<div class=\"col-sm-6 col-xxl-3\">
\t\t<div class=\"card\">
\t\t\t<div class=\"card-body\">
\t\t\t\t<div class=\"row align-items-center\">
\t\t\t\t\t<div class=\"col-6\">
\t\t\t\t\t\t<h5 class=\"text-muted fw-normal mt-0 text-truncate\" title=\"Campaign Sent\">Campaign Sent</h5>
\t\t\t\t\t\t<h3 class=\"my-2 py-1\">9,184</h3>
\t\t\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t\t\t<span class=\"text-success me-2\">
\t\t\t\t\t\t\t\t<i class=\"ri-arrow-up-line\"></i>
\t\t\t\t\t\t\t\t3.27%</span>
\t\t\t\t\t\t</p>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"col-6\">
\t\t\t\t\t\t<div class=\"text-end\">
\t\t\t\t\t\t\t<div id=\"campaign-sent-chart\" data-colors=\"#4254ba\"></div>
\t\t\t\t\t\t</div>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<!-- end row-->
\t\t\t</div>
\t\t\t<!-- end card-body -->
\t\t</div>
\t\t<!-- end card -->
\t</div>
\t<!-- end col -->

\t<div class=\"col-sm-6 col-xxl-3\">
\t\t<div class=\"card\">
\t\t\t<div class=\"card-body\">
\t\t\t\t<div class=\"row align-items-center\">
\t\t\t\t\t<div class=\"col-6\">
\t\t\t\t\t\t<h5 class=\"text-muted fw-normal mt-0 text-truncate\" title=\"New Leads\">New Leads</h5>
\t\t\t\t\t\t<h3 class=\"my-2 py-1\">3,254</h3>
\t\t\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t\t\t<span class=\"text-success me-2\">
\t\t\t\t\t\t\t\t<i class=\"ri-arrow-up-line\"></i>
\t\t\t\t\t\t\t\t5.38%</span>
\t\t\t\t\t\t</p>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"col-6\">
\t\t\t\t\t\t<div class=\"text-end\">
\t\t\t\t\t\t\t<div id=\"new-leads-chart\" data-colors=\"#17a497\"></div>
\t\t\t\t\t\t</div>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<!-- end row-->
\t\t\t</div>
\t\t\t<!-- end card-body -->
\t\t</div>
\t\t<!-- end card -->
\t</div>
\t<!-- end col -->

\t<div class=\"col-sm-6 col-xxl-3\">
\t\t<div class=\"card\">
\t\t\t<div class=\"card-body\">
\t\t\t\t<div class=\"row align-items-center\">
\t\t\t\t\t<div class=\"col-6\">
\t\t\t\t\t\t<h5 class=\"text-muted fw-normal mt-0 text-truncate\" title=\"Deals\">Deals</h5>
\t\t\t\t\t\t<h3 class=\"my-2 py-1\">861</h3>
\t\t\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t\t\t<span class=\"text-success me-2\">
\t\t\t\t\t\t\t\t<i class=\"ri-arrow-up-line\"></i>
\t\t\t\t\t\t\t\t4.87%</span>
\t\t\t\t\t\t</p>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"col-6\">
\t\t\t\t\t\t<div class=\"text-end\">
\t\t\t\t\t\t\t<div id=\"deals-chart\" data-colors=\"#f15776\"></div>
\t\t\t\t\t\t</div>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<!-- end row-->
\t\t\t</div>
\t\t\t<!-- end card-body -->
\t\t</div>
\t\t<!-- end card -->
\t</div>
\t<!-- end col -->

\t<div class=\"col-sm-6 col-xxl-3\">
\t\t<div class=\"card\">
\t\t\t<div class=\"card-body\">
\t\t\t\t<div class=\"row align-items-center\">
\t\t\t\t\t<div class=\"col-6\">
\t\t\t\t\t\t<h5 class=\"text-muted fw-normal mt-0 text-truncate\" title=\"Booked Revenue\">Booked Revenue</h5>
\t\t\t\t\t\t<h3 class=\"my-2 py-1\">\$253k</h3>
\t\t\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t\t\t<span class=\"text-success me-2\">
\t\t\t\t\t\t\t\t<i class=\"ri-arrow-up-line\"></i>
\t\t\t\t\t\t\t\t11.7%</span>
\t\t\t\t\t\t</p>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"col-6\">
\t\t\t\t\t\t<div class=\"text-end\">
\t\t\t\t\t\t\t<div id=\"booked-revenue-chart\" data-colors=\"#ffc35a\"></div>
\t\t\t\t\t\t</div>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<!-- end row-->
\t\t\t</div>
\t\t\t<!-- end card-body -->
\t\t</div>
\t\t<!-- end card -->
\t</div>
\t<!-- end col -->
</div>
<!-- end row -->


<div class=\"row\">
\t<div
\t\tclass=\"col-xl-4\">
\t\t<!-- Chat-->
\t\t<div class=\"card\">
\t\t\t<div class=\"card-header d-flex justify-content-between align-items-center\">
\t\t\t\t<h4 class=\"header-title\">Chat</h4>
\t\t\t\t<div class=\"dropdown\">
\t\t\t\t\t<a href=\"#\" class=\"dropdown-toggle arrow-none card-drop\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
\t\t\t\t\t\t<i class=\"ri-more-2-fill\"></i>
\t\t\t\t\t</a>
\t\t\t\t\t<div
\t\t\t\t\t\tclass=\"dropdown-menu dropdown-menu-animated dropdown-menu-end\">
\t\t\t\t\t\t<!-- item-->
\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"dropdown-item\">Settings</a>
\t\t\t\t\t\t<!-- item-->
\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"dropdown-item\">Action</a>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t</div>

\t\t\t<div class=\"chat-conversation\">
\t\t\t\t<div class=\"card-body py-0 mb-3\" data-simplebar style=\"height: 322px;\">
\t\t\t\t\t<ul class=\"conversation-list\">
\t\t\t\t\t\t<li class=\"clearfix\">
\t\t\t\t\t\t\t<div class=\"chat-avatar\">
\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-5.jpg\" alt=\"male\">
\t\t\t\t\t\t\t\t<i>10:00</i>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"conversation-text\">
\t\t\t\t\t\t\t\t<div class=\"ctext-wrap\">
\t\t\t\t\t\t\t\t\t<i>Geneva</i>
\t\t\t\t\t\t\t\t\t<p>
\t\t\t\t\t\t\t\t\t\tHello!
\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</li>
\t\t\t\t\t\t<li class=\"clearfix odd\">
\t\t\t\t\t\t\t<div class=\"chat-avatar\">
\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-1.jpg\" alt=\"Female\">
\t\t\t\t\t\t\t\t<i>10:01</i>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"conversation-text\">
\t\t\t\t\t\t\t\t<div class=\"ctext-wrap\">
\t\t\t\t\t\t\t\t\t<i>Dominic</i>
\t\t\t\t\t\t\t\t\t<p>
\t\t\t\t\t\t\t\t\t\tHi, How are you? What about our next meeting?
\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</li>
\t\t\t\t\t\t<li class=\"clearfix\">
\t\t\t\t\t\t\t<div class=\"chat-avatar\">
\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-5.jpg\" alt=\"male\">
\t\t\t\t\t\t\t\t<i>10:01</i>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"conversation-text\">
\t\t\t\t\t\t\t\t<div class=\"ctext-wrap\">
\t\t\t\t\t\t\t\t\t<i>Geneva</i>
\t\t\t\t\t\t\t\t\t<p>
\t\t\t\t\t\t\t\t\t\tYeah everything is fine
\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</li>
\t\t\t\t\t\t<li class=\"clearfix odd\">
\t\t\t\t\t\t\t<div class=\"chat-avatar\">
\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-1.jpg\" alt=\"male\">
\t\t\t\t\t\t\t\t<i>10:02</i>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"conversation-text\">
\t\t\t\t\t\t\t\t<div class=\"ctext-wrap\">
\t\t\t\t\t\t\t\t\t<i>Dominic</i>
\t\t\t\t\t\t\t\t\t<p>
\t\t\t\t\t\t\t\t\t\tWow that's great
\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</li>
\t\t\t\t\t</ul>
\t\t\t\t</div>
\t\t\t\t<div class=\"card-body pt-0\">
\t\t\t\t\t<form class=\"needs-validation\" novalidate name=\"chat-form\" id=\"chat-form\">
\t\t\t\t\t\t<div class=\"row align-items-start\">
\t\t\t\t\t\t\t<div class=\"col\">
\t\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control chat-input\" placeholder=\"Enter your text\" required>
\t\t\t\t\t\t\t\t<div class=\"invalid-feedback\">
\t\t\t\t\t\t\t\t\tPlease enter your messsage
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"col-auto d-grid\">
\t\t\t\t\t\t\t\t<button type=\"submit\" class=\"btn btn-danger chat-send waves-effect waves-light\">Send</button>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t</form>
\t\t\t\t</div>

\t\t\t</div>
\t\t\t<!-- end .chat-conversation-->

\t\t</div>
\t\t<!-- end card-->
\t</div>
\t<!-- end col-->

\t<div class=\"col-xl-4\">
\t\t<div class=\"card\">
\t\t\t<div class=\"card-body\">
\t\t\t\t<span class=\"float-start m-2 me-4\">
\t\t\t\t\t<img src=\"/images/users/avatar-2.jpg\" style=\"height: 100px;\" alt=\"avatar-2\" class=\"rounded-circle img-thumbnail\">
\t\t\t\t</span>
\t\t\t\t<div class=\"\">
\t\t\t\t\t<h4 class=\"mt-1 mb-1\">Michael Franklin</h4>
\t\t\t\t\t<p class=\"fs-13\">
\t\t\t\t\t\tAuthorised Brand Seller</p>

\t\t\t\t\t<ul class=\"mb-0 list-inline\">
\t\t\t\t\t\t<li class=\"list-inline-item me-3\">
\t\t\t\t\t\t\t<h5 class=\"mb-1\">\$ 25,184</h5>
\t\t\t\t\t\t\t<p class=\"mb-0 fs-13\">Total Revenue</p>
\t\t\t\t\t\t</li>
\t\t\t\t\t\t<li class=\"list-inline-item\">
\t\t\t\t\t\t\t<h5 class=\"mb-1\">5482</h5>
\t\t\t\t\t\t\t<p class=\"mb-0 fs-13\">Number of Orders</p>
\t\t\t\t\t\t</li>
\t\t\t\t\t</ul>
\t\t\t\t</div>
\t\t\t\t<!-- end div-->
\t\t\t</div>
\t\t\t<!-- end card-body-->
\t\t</div>

\t\t<div class=\"card cta-box text-bg-info\">
\t\t\t<div class=\"card-body\">
\t\t\t\t<div class=\"text-center\">
\t\t\t\t\t<h3 class=\"m-0 fw-normal cta-box-title\">Enhance your
\t\t\t\t\t\t<b>Campaign</b>
\t\t\t\t\t\tfor better outreach</h3>

\t\t\t\t\t<img class=\"my-3\" src=\"/images/svg/startman.svg\" width=\"138\" alt=\"Generic placeholder image\">

\t\t\t\t\t<br/>

\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"btn btn-sm btn-light rounded-pill\">Know More
\t\t\t\t\t\t<i class=\"ri-arrow-right-line\"></i>
\t\t\t\t\t</a>
\t\t\t\t</div>
\t\t\t</div>
\t\t\t<!-- end card-body -->
\t\t</div>
\t\t<!-- end card-->

\t</div>
\t<!-- end col-->

\t<div
\t\tclass=\"col-xl-4\">
\t\t<!-- Todo-->
\t\t<div class=\"card\">
\t\t\t<div class=\"card-header d-flex justify-content-between align-items-center\">
\t\t\t\t<h4 class=\"header-title\">Todo</h4>
\t\t\t\t<div class=\"dropdown float-end\">
\t\t\t\t\t<a href=\"#\" class=\"dropdown-toggle arrow-none card-drop\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
\t\t\t\t\t\t<i class=\"ri-more-2-fill\"></i>
\t\t\t\t\t</a>
\t\t\t\t\t<div
\t\t\t\t\t\tclass=\"dropdown-menu dropdown-menu-animated dropdown-menu-end\">
\t\t\t\t\t\t<!-- item-->
\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"dropdown-item\">Settings</a>
\t\t\t\t\t\t<!-- item-->
\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"dropdown-item\">Action</a>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t</div>

\t\t\t<div class=\"todoapp\">
\t\t\t\t<div class=\"card-body py-0\">
\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t<div class=\"col\">
\t\t\t\t\t\t\t<h5 id=\"todo-message\">
\t\t\t\t\t\t\t\t<span id=\"todo-remaining\"></span>
\t\t\t\t\t\t\t\tof
\t\t\t\t\t\t\t\t<span id=\"todo-total\"></span>
\t\t\t\t\t\t\t\tremaining</h5>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"col-auto\">
\t\t\t\t\t\t\t<a href=\"\" class=\"float-end btn btn-light btn-sm\" id=\"btn-archive\">Archive</a>
\t\t\t\t\t\t</div>
\t\t\t\t\t</div>
\t\t\t\t</div>

\t\t\t\t<div class=\"card-body py-0 mb-0\" style=\"max-height: 298px;\" data-simplebar>
\t\t\t\t\t<ul class=\"list-group list-group-flush todo-list\" id=\"todo-list\"></ul>
\t\t\t\t</div>

\t\t\t\t<div class=\"card-body pt-2\">
\t\t\t\t\t<form name=\"todo-form\" id=\"todo-form\" class=\"needs-validation\" novalidate>
\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t<div class=\"col\">
\t\t\t\t\t\t\t\t<input type=\"text\" id=\"todo-input-text\" name=\"todo-input-text\" class=\"form-control\" placeholder=\"Add new todo\" required>
\t\t\t\t\t\t\t\t<div class=\"invalid-feedback\">
\t\t\t\t\t\t\t\t\tPlease enter your task name
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"col-auto d-grid\">
\t\t\t\t\t\t\t\t<button class=\"btn-primary btn-md btn waves-effect waves-light\" type=\"submit\" id=\"todo-btn-submit\">Add</button>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t</form>
\t\t\t\t</div>
\t\t\t</div>
\t\t\t<!-- end .todoapp-->
\t\t</div>
\t\t<!-- end card-->
\t</div>
\t<!-- end col-->
</div>
<!-- end row-->

<div class=\"row\">
\t<div
\t\tclass=\"col-xl-4\">
\t\t<!-- Messages-->
\t\t<div class=\"card\">
\t\t\t<div class=\"card-header d-flex justify-content-between align-items-center\">
\t\t\t\t<h4 class=\"header-title\">Messages</h4>
\t\t\t\t<div class=\"dropdown\">
\t\t\t\t\t<a href=\"#\" class=\"dropdown-toggle arrow-none card-drop\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
\t\t\t\t\t\t<i class=\"ri-more-2-fill\"></i>
\t\t\t\t\t</a>
\t\t\t\t\t<div
\t\t\t\t\t\tclass=\"dropdown-menu dropdown-menu-animated dropdown-menu-end\">
\t\t\t\t\t\t<!-- item-->
\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"dropdown-item\">Settings</a>
\t\t\t\t\t\t<!-- item-->
\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"dropdown-item\">Action</a>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t</div>

\t\t\t<div class=\"card-body pt-0\">
\t\t\t\t<div class=\"inbox-widget\">
\t\t\t\t\t<div class=\"inbox-item\">
\t\t\t\t\t\t<div class=\"inbox-item-img\"><img src=\"/images/users/avatar-2.jpg\" class=\"rounded-circle\" alt=\"\"></div>
\t\t\t\t\t\t<p class=\"inbox-item-author\">Tomaslau</p>
\t\t\t\t\t\t<p class=\"inbox-item-text\">I've finished it! See you so...</p>
\t\t\t\t\t\t<p class=\"inbox-item-date\">
\t\t\t\t\t\t\t<a href=\"#\" class=\"btn btn-sm btn-link text-info fs-13\">
\t\t\t\t\t\t\t\tReply
\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t</p>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"inbox-item\">
\t\t\t\t\t\t<div class=\"inbox-item-img\"><img src=\"/images/users/avatar-3.jpg\" class=\"rounded-circle\" alt=\"\"></div>
\t\t\t\t\t\t<p class=\"inbox-item-author\">Stillnotdavid</p>
\t\t\t\t\t\t<p class=\"inbox-item-text\">This theme is awesome!</p>
\t\t\t\t\t\t<p class=\"inbox-item-date\">
\t\t\t\t\t\t\t<a href=\"#\" class=\"btn btn-sm btn-link text-info fs-13\">
\t\t\t\t\t\t\t\tReply
\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t</p>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"inbox-item\">
\t\t\t\t\t\t<div class=\"inbox-item-img\"><img src=\"/images/users/avatar-4.jpg\" class=\"rounded-circle\" alt=\"\"></div>
\t\t\t\t\t\t<p class=\"inbox-item-author\">Kurafire</p>
\t\t\t\t\t\t<p class=\"inbox-item-text\">Nice to meet you</p>
\t\t\t\t\t\t<p class=\"inbox-item-date\">
\t\t\t\t\t\t\t<a href=\"#\" class=\"btn btn-sm btn-link text-info fs-13\">
\t\t\t\t\t\t\t\tReply
\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t</p>
\t\t\t\t\t</div>

\t\t\t\t\t<div class=\"inbox-item\">
\t\t\t\t\t\t<div class=\"inbox-item-img\"><img src=\"/images/users/avatar-5.jpg\" class=\"rounded-circle\" alt=\"\"></div>
\t\t\t\t\t\t<p class=\"inbox-item-author\">Shahedk</p>
\t\t\t\t\t\t<p class=\"inbox-item-text\">Hey! there I'm available...</p>
\t\t\t\t\t\t<p class=\"inbox-item-date\">
\t\t\t\t\t\t\t<a href=\"#\" class=\"btn btn-sm btn-link text-info fs-13\">
\t\t\t\t\t\t\t\tReply
\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t</p>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"inbox-item pb-0\">
\t\t\t\t\t\t<div class=\"inbox-item-img\"><img src=\"/images/users/avatar-6.jpg\" class=\"rounded-circle\" alt=\"\"></div>
\t\t\t\t\t\t<p class=\"inbox-item-author\">Adhamdannaway</p>
\t\t\t\t\t\t<p class=\"inbox-item-text\">This theme is awesome!</p>
\t\t\t\t\t\t<p class=\"inbox-item-date\">
\t\t\t\t\t\t\t<a href=\"#\" class=\"btn btn-sm btn-link text-info fs-13\">
\t\t\t\t\t\t\t\tReply
\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t</p>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<!-- end inbox-widget -->
\t\t\t</div>
\t\t\t<!-- end card-body-->
\t\t</div>
\t\t<!-- end card-->
\t</div>
\t<!-- end col-->

\t<div class=\"col-xl-4\">
\t\t<div class=\"card\">
\t\t\t<div class=\"card-header d-flex justify-content-between align-items-center\">
\t\t\t\t<h4 class=\"header-title\">Recent Activity</h4>
\t\t\t\t<div class=\"dropdown\">
\t\t\t\t\t<a href=\"#\" class=\"dropdown-toggle arrow-none card-drop\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
\t\t\t\t\t\t<i class=\"ri-more-2-fill\"></i>
\t\t\t\t\t</a>
\t\t\t\t\t<div
\t\t\t\t\t\tclass=\"dropdown-menu dropdown-menu-animated dropdown-menu-end\">
\t\t\t\t\t\t<!-- item-->
\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"dropdown-item\">Settings</a>
\t\t\t\t\t\t<!-- item-->
\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"dropdown-item\">Action</a>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t</div>

\t\t\t<div class=\"card-body py-0 mb-3\" data-simplebar style=\"max-height: 315px;\">
\t\t\t\t<div class=\"timeline-alt py-0\">
\t\t\t\t\t<div class=\"timeline-item\">
\t\t\t\t\t\t<i class=\"ri-upload-line text-bg-info timeline-icon\"></i>
\t\t\t\t\t\t<div class=\"timeline-item-info\">
\t\t\t\t\t\t\t<a href=\"#\" class=\"text-info fw-bold mb-1 d-block\">You sold an item</a>
\t\t\t\t\t\t\t<small>Paul Burgess just purchased “Jidox - Admin Dashboard”!</small>
\t\t\t\t\t\t\t<p class=\"mb-0 pb-2\">
\t\t\t\t\t\t\t\t<small class=\"text-muted\">5 minutes ago</small>
\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t</div>
\t\t\t\t\t</div>

\t\t\t\t\t<div class=\"timeline-item\">
\t\t\t\t\t\t<i class=\"ri-rocket-line text-bg-primary timeline-icon\"></i>
\t\t\t\t\t\t<div class=\"timeline-item-info\">
\t\t\t\t\t\t\t<a href=\"#\" class=\"text-primary fw-bold mb-1 d-block\">Product on the Bootstrap Market</a>
\t\t\t\t\t\t\t<small>Dave Gamache added
\t\t\t\t\t\t\t\t<span class=\"fw-bold\">Admin Dashboard</span>
\t\t\t\t\t\t\t</small>
\t\t\t\t\t\t\t<p class=\"mb-0 pb-2\">
\t\t\t\t\t\t\t\t<small class=\"text-muted\">30 minutes ago</small>
\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t</div>
\t\t\t\t\t</div>

\t\t\t\t\t<div class=\"timeline-item\">
\t\t\t\t\t\t<i class=\"ri-chat-2-line text-bg-success timeline-icon\"></i>
\t\t\t\t\t\t<div class=\"timeline-item-info\">
\t\t\t\t\t\t\t<a href=\"#\" class=\"text-info fw-bold mb-1 d-block\">Robert Delaney</a>
\t\t\t\t\t\t\t<small>Send you message
\t\t\t\t\t\t\t\t<span class=\"fw-bold\">\"Are you there?\"</span>
\t\t\t\t\t\t\t</small>
\t\t\t\t\t\t\t<p class=\"mb-0 pb-2\">
\t\t\t\t\t\t\t\t<small class=\"text-muted\">2 hours ago</small>
\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t</div>
\t\t\t\t\t</div>

\t\t\t\t\t<div class=\"timeline-item\">
\t\t\t\t\t\t<i class=\"ri-upload-line text-bg-warning timeline-icon\"></i>
\t\t\t\t\t\t<div class=\"timeline-item-info\">
\t\t\t\t\t\t\t<a href=\"#\" class=\"text-primary fw-bold mb-1 d-block\">Audrey Tobey</a>
\t\t\t\t\t\t\t<small>Uploaded a photo
\t\t\t\t\t\t\t\t<span class=\"fw-bold\">\"Error.jpg\"</span>
\t\t\t\t\t\t\t</small>
\t\t\t\t\t\t\t<p class=\"mb-0 pb-2\">
\t\t\t\t\t\t\t\t<small class=\"text-muted\">14 hours ago</small>
\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t</div>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<!-- end timeline -->
\t\t\t</div>
\t\t\t<!-- end slimscroll -->
\t\t</div>
\t\t<!-- end card-->
\t</div>
\t<!-- end col -->

\t<div class=\"col-xl-4\">
\t\t<div class=\"card\">
\t\t\t<div class=\"card-header d-flex justify-content-between align-items-center\">
\t\t\t\t<h4 class=\"header-title\">Transactions</h4>
\t\t\t\t<div class=\"dropdown\">
\t\t\t\t\t<a href=\"#\" class=\"dropdown-toggle arrow-none card-drop\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
\t\t\t\t\t\t<i class=\"ri-more-2-fill\"></i>
\t\t\t\t\t</a>
\t\t\t\t\t<div
\t\t\t\t\t\tclass=\"dropdown-menu dropdown-menu-animated dropdown-menu-end\">
\t\t\t\t\t\t<!-- item-->
\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"dropdown-item\">Settings</a>
\t\t\t\t\t\t<!-- item-->
\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"dropdown-item\">Action</a>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t</div>

\t\t\t<div class=\"card-body py-0 mb-3\" data-simplebar style=\"max-height: 315px;\">
\t\t\t\t<div class=\"row py-1 align-items-center\">
\t\t\t\t\t<div class=\"col-auto\">
\t\t\t\t\t\t<i class=\"ri-arrow-up-line text-danger fs-18\"></i>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"col ps-0\">
\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"text-body\">Purchased Jidox Admin Template</a>
\t\t\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t\t\t<small>Today</small>
\t\t\t\t\t\t</p>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"col-auto\">
\t\t\t\t\t\t<span class=\"text-danger fw-bold pe-2\">-\$489.30</span>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<div class=\"row py-1 align-items-center\">
\t\t\t\t\t<div class=\"col-auto\">
\t\t\t\t\t\t<i class=\"ri-arrow-down-line text-success fs-18\"></i>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"col ps-0\">
\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"text-body\">Payment received Bootstrap Marketplace</a>
\t\t\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t\t\t<small>Yesterday</small>
\t\t\t\t\t\t</p>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"col-auto\">
\t\t\t\t\t\t<span class=\"text-success fw-bold pe-2\">+\$1578.54</span>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<div class=\"row py-1 align-items-center\">
\t\t\t\t\t<div class=\"col-auto\">
\t\t\t\t\t\t<i class=\"ri-arrow-down-line text-success fs-18\"></i>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"col ps-0\">
\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"text-body\">Freelance work - Shane</a>
\t\t\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t\t\t<small>16 Sep 2018</small>
\t\t\t\t\t\t</p>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"col-auto\">
\t\t\t\t\t\t<span class=\"text-success fw-bold pe-2\">+\$247.5</span>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<div class=\"row py-1 align-items-center\">
\t\t\t\t\t<div class=\"col-auto\">
\t\t\t\t\t\t<i class=\"ri-arrow-up-line text-danger fs-18\"></i>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"col ps-0\">
\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"text-body\">Hire new developer for work</a>
\t\t\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t\t\t<small>09 Sep 2018</small>
\t\t\t\t\t\t</p>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"col-auto\">
\t\t\t\t\t\t<span class=\"text-danger fw-bold pe-2\">-\$185.14</span>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<div class=\"row py-1 align-items-center\">
\t\t\t\t\t<div class=\"col-auto\">
\t\t\t\t\t\t<i class=\"ri-arrow-down-line text-success fs-18\"></i>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"col ps-0\">
\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"text-body\">Money received from paypal</a>
\t\t\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t\t\t<small>28 Aug 2018</small>
\t\t\t\t\t\t</p>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"col-auto\">
\t\t\t\t\t\t<span class=\"text-success fw-bold pe-2\">+\$684.45</span>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<div class=\"row py-1 align-items-center\">
\t\t\t\t\t<div class=\"col-auto\">
\t\t\t\t\t\t<i class=\"ri-arrow-up-line text-danger fs-18\"></i>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"col ps-0\">
\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"text-body\">Zairo landing purchased</a>
\t\t\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t\t\t<small>17 Aug 2018</small>
\t\t\t\t\t\t</p>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"col-auto\">
\t\t\t\t\t\t<span class=\"text-danger fw-bold pe-2\">-\$21.00</span>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<div class=\"row py-1 align-items-center\">
\t\t\t\t\t<div class=\"col-auto\">
\t\t\t\t\t\t<i class=\"ri-arrow-up-line text-danger fs-18\"></i>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"col ps-0\">
\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"text-body\">Purchased Ubold admin template</a>
\t\t\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t\t\t<small>17 Aug 2018</small>
\t\t\t\t\t\t</p>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"col-auto\">
\t\t\t\t\t\t<span class=\"text-danger fw-bold pe-2\">-\$32.89</span>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<div class=\"row py-1 align-items-center\">
\t\t\t\t\t<div class=\"col-auto\">
\t\t\t\t\t\t<i class=\"ri-arrow-down-line text-success fs-18\"></i>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"col ps-0\">
\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"text-body\">Interest received</a>
\t\t\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t\t\t<small>09 Sep 2018</small>
\t\t\t\t\t\t</p>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"col-auto\">
\t\t\t\t\t\t<span class=\"text-success fw-bold pe-2\">+\$784.55</span>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t</div>
\t\t\t<!-- end slimscroll -->
\t\t</div>
\t\t<!-- end card-->
\t</div>
\t<!-- end col -->
</div>
<!-- end row-->
";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

    }

    // line 992
    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 993
        echo "<!-- Apex Charts js -->
<script src=\"/vendor/apexcharts/apexcharts.min.js\"></script>
<script src=\"/vendor/daterangepicker/moment.min.js\"></script>
<!-- Chat js -->
<script src=\"/js/pages/component.chat.js\"></script>
<!-- Todo js -->
<script src=\"/js/pages/component.todo.js\"></script>
<!-- Widgets Demo js -->
<script src=\"/js/pages/demo.widgets.js\"></script>
";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

    }

    public function getTemplateName()
    {
        return "widgets.html.twig";
    }

    public function isTraitable()
    {
        return false;
    }

    public function getDebugInfo()
    {
        return array (  1113 => 993,  1103 => 992,  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 %}Widgets
{% endblock %}

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

{% block body %}
<div class=\"row row-cols-1 row-cols-xxl-6 row-cols-lg-3 row-cols-md-2\">
\t<div class=\"col\">
\t\t<div class=\"card widget-icon-box text-bg-purple\">
\t\t\t<div class=\"card-body\">
\t\t\t\t<div class=\"d-flex justify-content-between\">
\t\t\t\t\t<div class=\"flex-grow-1 overflow-hidden\">
\t\t\t\t\t\t<h5 class=\"text-uppercase fs-13 mt-0\" title=\"Number of Customers\">Customers</h5>
\t\t\t\t\t\t<h3 class=\"my-3\">54,214</h3>
\t\t\t\t\t\t<p class=\"mb-0 text-white text-opacity-75 text-truncate\">
\t\t\t\t\t\t\t<span class=\"badge bg-white bg-opacity-10 me-1\">
\t\t\t\t\t\t\t\t<i class=\"ri-arrow-up-line\"></i>
\t\t\t\t\t\t\t\t2,541</span>
\t\t\t\t\t\t\t<span>Since last month</span>
\t\t\t\t\t\t</p>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"avatar-sm flex-shrink-0\">
\t\t\t\t\t\t<span class=\"avatar-title bg-white bg-opacity-25 text-white rounded rounded-3 fs-3 widget-icon-box-avatar shadow\">
\t\t\t\t\t\t\t<i class=\"ri-group-line\"></i>
\t\t\t\t\t\t</span>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t</div>
\t\t\t<!-- end card-body-->
\t\t</div>
\t\t<!-- end card-->
\t</div>
\t<!-- end col-->

\t<div class=\"col\">
\t\t<div class=\"card widget-icon-box text-bg-pink\">
\t\t\t<div class=\"card-body\">
\t\t\t\t<div class=\"d-flex justify-content-between\">
\t\t\t\t\t<div class=\"flex-grow-1 overflow-hidden\">
\t\t\t\t\t\t<h5 class=\"text-uppercase fs-13 mt-0\" title=\"Number of Orders\">Orders</h5>
\t\t\t\t\t\t<h3 class=\"my-3\">7,543</h3>
\t\t\t\t\t\t<p class=\"mb-0 text-white text-opacity-75 text-truncate\">
\t\t\t\t\t\t\t<span class=\"badge bg-white bg-opacity-25 me-1\">
\t\t\t\t\t\t\t\t<i class=\"ri-arrow-down-line\"></i>
\t\t\t\t\t\t\t\t1.08%</span>
\t\t\t\t\t\t\t<span>Since last month</span>
\t\t\t\t\t\t</p>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"avatar-sm flex-shrink-0\">
\t\t\t\t\t\t<span class=\"avatar-title bg-white bg-opacity-25 text-white rounded rounded-3 fs-3 widget-icon-box-avatar shadow\">
\t\t\t\t\t\t\t<i class=\"ri-shopping-basket-2-line\"></i>
\t\t\t\t\t\t</span>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t</div>
\t\t\t<!-- end card-body-->
\t\t</div>
\t\t<!-- end card-->
\t</div>
\t<!-- end col-->

\t<div class=\"col\">
\t\t<div class=\"card widget-icon-box text-bg-success\">
\t\t\t<div class=\"card-body\">
\t\t\t\t<div class=\"d-flex justify-content-between\">
\t\t\t\t\t<div class=\"flex-grow-1 overflow-hidden\">
\t\t\t\t\t\t<h5 class=\"text-uppercase fs-13 mt-0\" title=\"Average Revenue\">Revenue</h5>
\t\t\t\t\t\t<h3 class=\"my-3\">\$9,254</h3>
\t\t\t\t\t\t<p class=\"mb-0 text-white text-opacity-75 text-truncate\">
\t\t\t\t\t\t\t<span class=\"badge bg-white bg-opacity-25 me-1\">
\t\t\t\t\t\t\t\t<i class=\"ri-arrow-down-line\"></i>
\t\t\t\t\t\t\t\t7.00%</span>
\t\t\t\t\t\t\t<span>Since last month</span>
\t\t\t\t\t\t</p>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"avatar-sm flex-shrink-0\">
\t\t\t\t\t\t<span class=\"avatar-title bg-white bg-opacity-25 text-white rounded rounded-3 fs-3 widget-icon-box-avatar shadow\">
\t\t\t\t\t\t\t<i class=\"ri-money-dollar-circle-line\"></i>
\t\t\t\t\t\t</span>
\t\t\t\t\t</div>
\t\t\t\t</div>

\t\t\t</div>
\t\t\t<!-- end card-body-->
\t\t</div>
\t\t<!-- end card-->
\t</div>
\t<!-- end col-->

\t<div class=\"col\">
\t\t<div class=\"card widget-icon-box\">
\t\t\t<div class=\"card-body\">
\t\t\t\t<div class=\"d-flex justify-content-between\">
\t\t\t\t\t<div class=\"flex-grow-1 overflow-hidden\">
\t\t\t\t\t\t<h5 class=\"text-muted text-uppercase fs-13 mt-0\" title=\"Growth\">Growth</h5>
\t\t\t\t\t\t<h3 class=\"my-3\">+ 20.6%</h3>
\t\t\t\t\t\t<p class=\"mb-0 text-muted text-truncate\">
\t\t\t\t\t\t\t<span class=\"badge bg-success me-1\">
\t\t\t\t\t\t\t\t<i class=\"ri-arrow-up-line\"></i>
\t\t\t\t\t\t\t\t4.87%</span>
\t\t\t\t\t\t\t<span>Since last month</span>
\t\t\t\t\t\t</p>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"avatar-sm flex-shrink-0\">
\t\t\t\t\t\t<span class=\"avatar-title text-bg-primary rounded rounded-3 fs-3 widget-icon-box-avatar shadow\">
\t\t\t\t\t\t\t<i class=\"ri-donut-chart-line\"></i>
\t\t\t\t\t\t</span>
\t\t\t\t\t</div>
\t\t\t\t</div>

\t\t\t</div>
\t\t\t<!-- end card-body-->
\t\t</div>
\t\t<!-- end card-->
\t</div>
\t<!-- end col-->
\t<div class=\"col\">
\t\t<div class=\"card widget-icon-box\">
\t\t\t<div class=\"card-body\">
\t\t\t\t<div class=\"d-flex justify-content-between\">
\t\t\t\t\t<div class=\"flex-grow-1 overflow-hidden\">
\t\t\t\t\t\t<h5 class=\"text-muted text-uppercase fs-13 mt-0\" title=\"Conversation Ration\">Conversation</h5>
\t\t\t\t\t\t<h3 class=\"my-3\">9.62%</h3>
\t\t\t\t\t\t<p class=\"mb-0 text-muted text-truncate\">
\t\t\t\t\t\t\t<span class=\"badge bg-success me-1\">
\t\t\t\t\t\t\t\t<i class=\"ri-arrow-up-line\"></i>
\t\t\t\t\t\t\t\t3.07%</span>
\t\t\t\t\t\t\t<span>Since last month</span>
\t\t\t\t\t\t</p>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"avatar-sm flex-shrink-0\">
\t\t\t\t\t\t<span class=\"avatar-title text-bg-warning rounded rounded-3 fs-3 widget-icon-box-avatar\">
\t\t\t\t\t\t\t<i class=\"ri-pulse-line\"></i>
\t\t\t\t\t\t</span>
\t\t\t\t\t</div>
\t\t\t\t</div>

\t\t\t</div>
\t\t\t<!-- end card-body-->
\t\t</div>
\t\t<!-- end card-->
\t</div>
\t<!-- end col-->
\t<div class=\"col\">
\t\t<div class=\"card widget-icon-box\">
\t\t\t<div class=\"card-body\">
\t\t\t\t<div class=\"d-flex justify-content-between\">
\t\t\t\t\t<div class=\"flex-grow-1 overflow-hidden\">
\t\t\t\t\t\t<h5 class=\"text-muted text-uppercase fs-13 mt-0\" title=\"Conversation Ration\">Balance</h5>
\t\t\t\t\t\t<h3 class=\"my-3\">\$168.5k</h3>
\t\t\t\t\t\t<p class=\"mb-0 text-muted text-truncate\">
\t\t\t\t\t\t\t<span class=\"badge bg-success me-1\">
\t\t\t\t\t\t\t\t<i class=\"ri-arrow-up-line\"></i>
\t\t\t\t\t\t\t\t18.34%</span>
\t\t\t\t\t\t\t<span>Since last month</span>
\t\t\t\t\t\t</p>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"avatar-sm flex-shrink-0\">
\t\t\t\t\t\t<span class=\"avatar-title text-bg-dark rounded rounded-3 fs-3 widget-icon-box-avatar\">
\t\t\t\t\t\t\t<i class=\"ri-wallet-3-line\"></i>
\t\t\t\t\t\t</span>
\t\t\t\t\t</div>
\t\t\t\t</div>

\t\t\t</div>
\t\t\t<!-- end card-body-->
\t\t</div>
\t\t<!-- end card-->
\t</div>
\t<!-- end col-->
</div>
<!-- end row -->

<div class=\"row\">
\t<div class=\"col-xxl-3 col-sm-6\">
\t\t<div class=\"card widget-flat\">
\t\t\t<div class=\"card-body\">
\t\t\t\t<div class=\"float-end\">
\t\t\t\t\t<i class=\"ri-bit-coin-line widget-icon text-bg-danger rounded-circle fs-24\"></i>
\t\t\t\t</div>
\t\t\t\t<h5 class=\"text-muted fw-normal mt-0\" title=\"Revenue\">Revenue</h5>
\t\t\t\t<h3 class=\"my-3\">\$6,254</h3>
\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t<span class=\"badge bg-info me-1\">7.00%</span>
\t\t\t\t\t<span class=\"text-nowrap\">Since last month</span>
\t\t\t\t</p>
\t\t\t</div>
\t\t</div>
\t</div>
\t<!-- end col-->

\t<div class=\"col-xxl-3 col-sm-6\">
\t\t<div class=\"card widget-flat\">
\t\t\t<div class=\"card-body\">
\t\t\t\t<div class=\"float-end\">
\t\t\t\t\t<i class=\"ri-arrow-up-circle-fill widget-icon fs-24\"></i>
\t\t\t\t</div>
\t\t\t\t<h5 class=\"text-muted fw-normal mt-0\" title=\"Growth\">Growth</h5>
\t\t\t\t<h3 class=\"my-3\">+ 30.56%</h3>
\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t<span class=\"text-success me-2\">4.87%</span>
\t\t\t\t\t<span class=\"text-nowrap\">Since last month</span>
\t\t\t\t</p>
\t\t\t</div>
\t\t</div>
\t</div>
\t<!-- end col-->

\t<div class=\"col-xxl-3 col-sm-6\">
\t\t<div class=\"card widget-flat bg-success text-white\">
\t\t\t<div class=\"card-body\">
\t\t\t\t<div class=\"float-end\">
\t\t\t\t\t<i class=\"ri-user-voice-line widget-icon bg-white text-success\"></i>
\t\t\t\t</div>
\t\t\t\t<h6 class=\"text-uppercase mt-0\" title=\"Customers\">Customers</h6>
\t\t\t\t<h3 class=\"my-3\">36,254</h3>
\t\t\t\t<p class=\"mb-0\">
\t\t\t\t\t<span class=\"badge bg-white bg-opacity-10 me-1\">5.27%</span>
\t\t\t\t\t<span class=\"text-nowrap\">Since last month</span>
\t\t\t\t</p>
\t\t\t</div>
\t\t</div>
\t</div>
\t<!-- end col-->

\t<div class=\"col-xxl-3 col-sm-6\">
\t\t<div class=\"card widget-flat bg-primary text-white\">
\t\t\t<div class=\"card-body\">
\t\t\t\t<div class=\"float-end\">
\t\t\t\t\t<i class=\"ri-shopping-basket-line widget-icon bg-light-subtle rounded-circle text-primary\"></i>
\t\t\t\t</div>
\t\t\t\t<h5 class=\"fw-normal mt-0\" title=\"Orders\">Orders</h5>
\t\t\t\t<h3 class=\"my-3 text-white\">\$10,245</h3>
\t\t\t\t<p class=\"mb-0\">
\t\t\t\t\t<span class=\"badge bg-info me-1\">17.26%</span>
\t\t\t\t\t<span class=\"text-nowrap\">Since last month</span>
\t\t\t\t</p>
\t\t\t</div>
\t\t</div>
\t</div>
\t<!-- end col-->
</div>
<!-- end row-->

<div class=\"row row-cols-1 row-cols-lg-5\">
\t<div class=\"col col-md-6\">
\t\t<div class=\"card widget-flat\">
\t\t\t<div class=\"card-body\">
\t\t\t\t<div class=\"float-end\">
\t\t\t\t\t<i class=\"ri-group-line text-bg-info widget-icon\"></i>
\t\t\t\t</div>
\t\t\t\t<h5 class=\"text-muted fw-normal mt-0\" title=\"Number of Customers\">Customers</h5>
\t\t\t\t<h3 class=\"my-3\">54,214</h3>
\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t<span class=\"text-success me-2\">
\t\t\t\t\t\t<i class=\"ri-arrow-up-line\"></i>
\t\t\t\t\t\t5.27%</span>
\t\t\t\t\t<span class=\"text-nowrap\">Since last month</span>
\t\t\t\t</p>
\t\t\t</div>
\t\t\t<!-- end card-body-->
\t\t</div>
\t\t<!-- end card-->
\t</div>
\t<!-- end col-->

\t<div class=\"col col-md-6\">
\t\t<div class=\"card widget-flat\">
\t\t\t<div class=\"card-body\">
\t\t\t\t<div class=\"float-end\">
\t\t\t\t\t<i class=\"ri-shopping-cart-2-line text-bg-warning widget-icon\"></i>
\t\t\t\t</div>
\t\t\t\t<h5 class=\"text-muted fw-normal mt-0\" title=\"Number of Orders\">Orders</h5>
\t\t\t\t<h3 class=\"my-3\">7,543</h3>
\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t<span class=\"text-danger me-2\">
\t\t\t\t\t\t<i class=\"ri-arrow-down-line\"></i>
\t\t\t\t\t\t1.08%</span>
\t\t\t\t\t<span class=\"text-nowrap\">Since last month</span>
\t\t\t\t</p>
\t\t\t</div>
\t\t\t<!-- end card-body-->
\t\t</div>
\t\t<!-- end card-->
\t</div>
\t<!-- end col-->

\t<div class=\"col col-md-6\">
\t\t<div class=\"card widget-flat\">
\t\t\t<div class=\"card-body\">
\t\t\t\t<div class=\"float-end\">
\t\t\t\t\t<i class=\"ri-exchange-dollar-line text-bg-primary widget-icon\"></i>
\t\t\t\t</div>
\t\t\t\t<h5 class=\"text-muted fw-normal mt-0\" title=\"Average Revenue\">Revenue</h5>
\t\t\t\t<h3 class=\"my-3\">\$9,254</h3>
\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t<span class=\"text-danger me-2\">
\t\t\t\t\t\t<i class=\"ri-arrow-down-line\"></i>
\t\t\t\t\t\t7.00%</span>
\t\t\t\t\t<span class=\"text-nowrap\">Since last month</span>
\t\t\t\t</p>
\t\t\t</div>
\t\t\t<!-- end card-body-->
\t\t</div>
\t\t<!-- end card-->
\t</div>
\t<!-- end col-->

\t<div class=\"col col-md-6\">
\t\t<div class=\"card widget-flat\">
\t\t\t<div class=\"card-body\">
\t\t\t\t<div class=\"float-end\">
\t\t\t\t\t<i class=\"ri-line-chart-line text-bg-success widget-icon\"></i>
\t\t\t\t</div>
\t\t\t\t<h5 class=\"text-muted fw-normal mt-0\" title=\"Growth\">Growth</h5>
\t\t\t\t<h3 class=\"my-3\">+ 20.06%</h3>
\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t<span class=\"text-success me-2\">
\t\t\t\t\t\t<i class=\"ri-arrow-up-line\"></i>
\t\t\t\t\t\t4.87%</span>
\t\t\t\t\t<span class=\"text-nowrap\">Since last month</span>
\t\t\t\t</p>
\t\t\t</div>
\t\t\t<!-- end card-body-->
\t\t</div>
\t\t<!-- end card-->
\t</div>
\t<!-- end col-->
\t<div class=\"col col-md-12\">
\t\t<div class=\"card widget-flat\">
\t\t\t<div class=\"card-body\">
\t\t\t\t<div class=\"float-end\">
\t\t\t\t\t<i class=\"ri-dashboard-2-line bg-danger text-white widget-icon\"></i>
\t\t\t\t</div>
\t\t\t\t<h5 class=\"text-muted fw-normal mt-0\" title=\"Conversation Ration\">Conversation</h5>
\t\t\t\t<h3 class=\"my-3\">9.62%</h3>
\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t<span class=\"text-success me-2\">
\t\t\t\t\t\t<i class=\"ri-arrow-up-line\"></i>
\t\t\t\t\t\t5.27%</span>
\t\t\t\t\t<span class=\"text-nowrap\">Since last month</span>
\t\t\t\t</p>
\t\t\t</div>
\t\t\t<!-- end card-body-->
\t\t</div>
\t\t<!-- end card-->
\t</div>
\t<!-- end col-->
</div>
<!-- end row -->


<div class=\"row\">

\t<div class=\"col-sm-6 col-xxl-3\">
\t\t<div class=\"card\">
\t\t\t<div class=\"card-body\">
\t\t\t\t<div class=\"row align-items-center\">
\t\t\t\t\t<div class=\"col-6\">
\t\t\t\t\t\t<h5 class=\"text-muted fw-normal mt-0 text-truncate\" title=\"Campaign Sent\">Campaign Sent</h5>
\t\t\t\t\t\t<h3 class=\"my-2 py-1\">9,184</h3>
\t\t\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t\t\t<span class=\"text-success me-2\">
\t\t\t\t\t\t\t\t<i class=\"ri-arrow-up-line\"></i>
\t\t\t\t\t\t\t\t3.27%</span>
\t\t\t\t\t\t</p>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"col-6\">
\t\t\t\t\t\t<div class=\"text-end\">
\t\t\t\t\t\t\t<div id=\"campaign-sent-chart\" data-colors=\"#4254ba\"></div>
\t\t\t\t\t\t</div>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<!-- end row-->
\t\t\t</div>
\t\t\t<!-- end card-body -->
\t\t</div>
\t\t<!-- end card -->
\t</div>
\t<!-- end col -->

\t<div class=\"col-sm-6 col-xxl-3\">
\t\t<div class=\"card\">
\t\t\t<div class=\"card-body\">
\t\t\t\t<div class=\"row align-items-center\">
\t\t\t\t\t<div class=\"col-6\">
\t\t\t\t\t\t<h5 class=\"text-muted fw-normal mt-0 text-truncate\" title=\"New Leads\">New Leads</h5>
\t\t\t\t\t\t<h3 class=\"my-2 py-1\">3,254</h3>
\t\t\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t\t\t<span class=\"text-success me-2\">
\t\t\t\t\t\t\t\t<i class=\"ri-arrow-up-line\"></i>
\t\t\t\t\t\t\t\t5.38%</span>
\t\t\t\t\t\t</p>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"col-6\">
\t\t\t\t\t\t<div class=\"text-end\">
\t\t\t\t\t\t\t<div id=\"new-leads-chart\" data-colors=\"#17a497\"></div>
\t\t\t\t\t\t</div>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<!-- end row-->
\t\t\t</div>
\t\t\t<!-- end card-body -->
\t\t</div>
\t\t<!-- end card -->
\t</div>
\t<!-- end col -->

\t<div class=\"col-sm-6 col-xxl-3\">
\t\t<div class=\"card\">
\t\t\t<div class=\"card-body\">
\t\t\t\t<div class=\"row align-items-center\">
\t\t\t\t\t<div class=\"col-6\">
\t\t\t\t\t\t<h5 class=\"text-muted fw-normal mt-0 text-truncate\" title=\"Deals\">Deals</h5>
\t\t\t\t\t\t<h3 class=\"my-2 py-1\">861</h3>
\t\t\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t\t\t<span class=\"text-success me-2\">
\t\t\t\t\t\t\t\t<i class=\"ri-arrow-up-line\"></i>
\t\t\t\t\t\t\t\t4.87%</span>
\t\t\t\t\t\t</p>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"col-6\">
\t\t\t\t\t\t<div class=\"text-end\">
\t\t\t\t\t\t\t<div id=\"deals-chart\" data-colors=\"#f15776\"></div>
\t\t\t\t\t\t</div>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<!-- end row-->
\t\t\t</div>
\t\t\t<!-- end card-body -->
\t\t</div>
\t\t<!-- end card -->
\t</div>
\t<!-- end col -->

\t<div class=\"col-sm-6 col-xxl-3\">
\t\t<div class=\"card\">
\t\t\t<div class=\"card-body\">
\t\t\t\t<div class=\"row align-items-center\">
\t\t\t\t\t<div class=\"col-6\">
\t\t\t\t\t\t<h5 class=\"text-muted fw-normal mt-0 text-truncate\" title=\"Booked Revenue\">Booked Revenue</h5>
\t\t\t\t\t\t<h3 class=\"my-2 py-1\">\$253k</h3>
\t\t\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t\t\t<span class=\"text-success me-2\">
\t\t\t\t\t\t\t\t<i class=\"ri-arrow-up-line\"></i>
\t\t\t\t\t\t\t\t11.7%</span>
\t\t\t\t\t\t</p>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"col-6\">
\t\t\t\t\t\t<div class=\"text-end\">
\t\t\t\t\t\t\t<div id=\"booked-revenue-chart\" data-colors=\"#ffc35a\"></div>
\t\t\t\t\t\t</div>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<!-- end row-->
\t\t\t</div>
\t\t\t<!-- end card-body -->
\t\t</div>
\t\t<!-- end card -->
\t</div>
\t<!-- end col -->
</div>
<!-- end row -->


<div class=\"row\">
\t<div
\t\tclass=\"col-xl-4\">
\t\t<!-- Chat-->
\t\t<div class=\"card\">
\t\t\t<div class=\"card-header d-flex justify-content-between align-items-center\">
\t\t\t\t<h4 class=\"header-title\">Chat</h4>
\t\t\t\t<div class=\"dropdown\">
\t\t\t\t\t<a href=\"#\" class=\"dropdown-toggle arrow-none card-drop\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
\t\t\t\t\t\t<i class=\"ri-more-2-fill\"></i>
\t\t\t\t\t</a>
\t\t\t\t\t<div
\t\t\t\t\t\tclass=\"dropdown-menu dropdown-menu-animated dropdown-menu-end\">
\t\t\t\t\t\t<!-- item-->
\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"dropdown-item\">Settings</a>
\t\t\t\t\t\t<!-- item-->
\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"dropdown-item\">Action</a>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t</div>

\t\t\t<div class=\"chat-conversation\">
\t\t\t\t<div class=\"card-body py-0 mb-3\" data-simplebar style=\"height: 322px;\">
\t\t\t\t\t<ul class=\"conversation-list\">
\t\t\t\t\t\t<li class=\"clearfix\">
\t\t\t\t\t\t\t<div class=\"chat-avatar\">
\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-5.jpg\" alt=\"male\">
\t\t\t\t\t\t\t\t<i>10:00</i>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"conversation-text\">
\t\t\t\t\t\t\t\t<div class=\"ctext-wrap\">
\t\t\t\t\t\t\t\t\t<i>Geneva</i>
\t\t\t\t\t\t\t\t\t<p>
\t\t\t\t\t\t\t\t\t\tHello!
\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</li>
\t\t\t\t\t\t<li class=\"clearfix odd\">
\t\t\t\t\t\t\t<div class=\"chat-avatar\">
\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-1.jpg\" alt=\"Female\">
\t\t\t\t\t\t\t\t<i>10:01</i>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"conversation-text\">
\t\t\t\t\t\t\t\t<div class=\"ctext-wrap\">
\t\t\t\t\t\t\t\t\t<i>Dominic</i>
\t\t\t\t\t\t\t\t\t<p>
\t\t\t\t\t\t\t\t\t\tHi, How are you? What about our next meeting?
\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</li>
\t\t\t\t\t\t<li class=\"clearfix\">
\t\t\t\t\t\t\t<div class=\"chat-avatar\">
\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-5.jpg\" alt=\"male\">
\t\t\t\t\t\t\t\t<i>10:01</i>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"conversation-text\">
\t\t\t\t\t\t\t\t<div class=\"ctext-wrap\">
\t\t\t\t\t\t\t\t\t<i>Geneva</i>
\t\t\t\t\t\t\t\t\t<p>
\t\t\t\t\t\t\t\t\t\tYeah everything is fine
\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</li>
\t\t\t\t\t\t<li class=\"clearfix odd\">
\t\t\t\t\t\t\t<div class=\"chat-avatar\">
\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-1.jpg\" alt=\"male\">
\t\t\t\t\t\t\t\t<i>10:02</i>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"conversation-text\">
\t\t\t\t\t\t\t\t<div class=\"ctext-wrap\">
\t\t\t\t\t\t\t\t\t<i>Dominic</i>
\t\t\t\t\t\t\t\t\t<p>
\t\t\t\t\t\t\t\t\t\tWow that's great
\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</li>
\t\t\t\t\t</ul>
\t\t\t\t</div>
\t\t\t\t<div class=\"card-body pt-0\">
\t\t\t\t\t<form class=\"needs-validation\" novalidate name=\"chat-form\" id=\"chat-form\">
\t\t\t\t\t\t<div class=\"row align-items-start\">
\t\t\t\t\t\t\t<div class=\"col\">
\t\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control chat-input\" placeholder=\"Enter your text\" required>
\t\t\t\t\t\t\t\t<div class=\"invalid-feedback\">
\t\t\t\t\t\t\t\t\tPlease enter your messsage
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"col-auto d-grid\">
\t\t\t\t\t\t\t\t<button type=\"submit\" class=\"btn btn-danger chat-send waves-effect waves-light\">Send</button>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t</form>
\t\t\t\t</div>

\t\t\t</div>
\t\t\t<!-- end .chat-conversation-->

\t\t</div>
\t\t<!-- end card-->
\t</div>
\t<!-- end col-->

\t<div class=\"col-xl-4\">
\t\t<div class=\"card\">
\t\t\t<div class=\"card-body\">
\t\t\t\t<span class=\"float-start m-2 me-4\">
\t\t\t\t\t<img src=\"/images/users/avatar-2.jpg\" style=\"height: 100px;\" alt=\"avatar-2\" class=\"rounded-circle img-thumbnail\">
\t\t\t\t</span>
\t\t\t\t<div class=\"\">
\t\t\t\t\t<h4 class=\"mt-1 mb-1\">Michael Franklin</h4>
\t\t\t\t\t<p class=\"fs-13\">
\t\t\t\t\t\tAuthorised Brand Seller</p>

\t\t\t\t\t<ul class=\"mb-0 list-inline\">
\t\t\t\t\t\t<li class=\"list-inline-item me-3\">
\t\t\t\t\t\t\t<h5 class=\"mb-1\">\$ 25,184</h5>
\t\t\t\t\t\t\t<p class=\"mb-0 fs-13\">Total Revenue</p>
\t\t\t\t\t\t</li>
\t\t\t\t\t\t<li class=\"list-inline-item\">
\t\t\t\t\t\t\t<h5 class=\"mb-1\">5482</h5>
\t\t\t\t\t\t\t<p class=\"mb-0 fs-13\">Number of Orders</p>
\t\t\t\t\t\t</li>
\t\t\t\t\t</ul>
\t\t\t\t</div>
\t\t\t\t<!-- end div-->
\t\t\t</div>
\t\t\t<!-- end card-body-->
\t\t</div>

\t\t<div class=\"card cta-box text-bg-info\">
\t\t\t<div class=\"card-body\">
\t\t\t\t<div class=\"text-center\">
\t\t\t\t\t<h3 class=\"m-0 fw-normal cta-box-title\">Enhance your
\t\t\t\t\t\t<b>Campaign</b>
\t\t\t\t\t\tfor better outreach</h3>

\t\t\t\t\t<img class=\"my-3\" src=\"/images/svg/startman.svg\" width=\"138\" alt=\"Generic placeholder image\">

\t\t\t\t\t<br/>

\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"btn btn-sm btn-light rounded-pill\">Know More
\t\t\t\t\t\t<i class=\"ri-arrow-right-line\"></i>
\t\t\t\t\t</a>
\t\t\t\t</div>
\t\t\t</div>
\t\t\t<!-- end card-body -->
\t\t</div>
\t\t<!-- end card-->

\t</div>
\t<!-- end col-->

\t<div
\t\tclass=\"col-xl-4\">
\t\t<!-- Todo-->
\t\t<div class=\"card\">
\t\t\t<div class=\"card-header d-flex justify-content-between align-items-center\">
\t\t\t\t<h4 class=\"header-title\">Todo</h4>
\t\t\t\t<div class=\"dropdown float-end\">
\t\t\t\t\t<a href=\"#\" class=\"dropdown-toggle arrow-none card-drop\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
\t\t\t\t\t\t<i class=\"ri-more-2-fill\"></i>
\t\t\t\t\t</a>
\t\t\t\t\t<div
\t\t\t\t\t\tclass=\"dropdown-menu dropdown-menu-animated dropdown-menu-end\">
\t\t\t\t\t\t<!-- item-->
\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"dropdown-item\">Settings</a>
\t\t\t\t\t\t<!-- item-->
\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"dropdown-item\">Action</a>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t</div>

\t\t\t<div class=\"todoapp\">
\t\t\t\t<div class=\"card-body py-0\">
\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t<div class=\"col\">
\t\t\t\t\t\t\t<h5 id=\"todo-message\">
\t\t\t\t\t\t\t\t<span id=\"todo-remaining\"></span>
\t\t\t\t\t\t\t\tof
\t\t\t\t\t\t\t\t<span id=\"todo-total\"></span>
\t\t\t\t\t\t\t\tremaining</h5>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"col-auto\">
\t\t\t\t\t\t\t<a href=\"\" class=\"float-end btn btn-light btn-sm\" id=\"btn-archive\">Archive</a>
\t\t\t\t\t\t</div>
\t\t\t\t\t</div>
\t\t\t\t</div>

\t\t\t\t<div class=\"card-body py-0 mb-0\" style=\"max-height: 298px;\" data-simplebar>
\t\t\t\t\t<ul class=\"list-group list-group-flush todo-list\" id=\"todo-list\"></ul>
\t\t\t\t</div>

\t\t\t\t<div class=\"card-body pt-2\">
\t\t\t\t\t<form name=\"todo-form\" id=\"todo-form\" class=\"needs-validation\" novalidate>
\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t<div class=\"col\">
\t\t\t\t\t\t\t\t<input type=\"text\" id=\"todo-input-text\" name=\"todo-input-text\" class=\"form-control\" placeholder=\"Add new todo\" required>
\t\t\t\t\t\t\t\t<div class=\"invalid-feedback\">
\t\t\t\t\t\t\t\t\tPlease enter your task name
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"col-auto d-grid\">
\t\t\t\t\t\t\t\t<button class=\"btn-primary btn-md btn waves-effect waves-light\" type=\"submit\" id=\"todo-btn-submit\">Add</button>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t</form>
\t\t\t\t</div>
\t\t\t</div>
\t\t\t<!-- end .todoapp-->
\t\t</div>
\t\t<!-- end card-->
\t</div>
\t<!-- end col-->
</div>
<!-- end row-->

<div class=\"row\">
\t<div
\t\tclass=\"col-xl-4\">
\t\t<!-- Messages-->
\t\t<div class=\"card\">
\t\t\t<div class=\"card-header d-flex justify-content-between align-items-center\">
\t\t\t\t<h4 class=\"header-title\">Messages</h4>
\t\t\t\t<div class=\"dropdown\">
\t\t\t\t\t<a href=\"#\" class=\"dropdown-toggle arrow-none card-drop\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
\t\t\t\t\t\t<i class=\"ri-more-2-fill\"></i>
\t\t\t\t\t</a>
\t\t\t\t\t<div
\t\t\t\t\t\tclass=\"dropdown-menu dropdown-menu-animated dropdown-menu-end\">
\t\t\t\t\t\t<!-- item-->
\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"dropdown-item\">Settings</a>
\t\t\t\t\t\t<!-- item-->
\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"dropdown-item\">Action</a>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t</div>

\t\t\t<div class=\"card-body pt-0\">
\t\t\t\t<div class=\"inbox-widget\">
\t\t\t\t\t<div class=\"inbox-item\">
\t\t\t\t\t\t<div class=\"inbox-item-img\"><img src=\"/images/users/avatar-2.jpg\" class=\"rounded-circle\" alt=\"\"></div>
\t\t\t\t\t\t<p class=\"inbox-item-author\">Tomaslau</p>
\t\t\t\t\t\t<p class=\"inbox-item-text\">I've finished it! See you so...</p>
\t\t\t\t\t\t<p class=\"inbox-item-date\">
\t\t\t\t\t\t\t<a href=\"#\" class=\"btn btn-sm btn-link text-info fs-13\">
\t\t\t\t\t\t\t\tReply
\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t</p>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"inbox-item\">
\t\t\t\t\t\t<div class=\"inbox-item-img\"><img src=\"/images/users/avatar-3.jpg\" class=\"rounded-circle\" alt=\"\"></div>
\t\t\t\t\t\t<p class=\"inbox-item-author\">Stillnotdavid</p>
\t\t\t\t\t\t<p class=\"inbox-item-text\">This theme is awesome!</p>
\t\t\t\t\t\t<p class=\"inbox-item-date\">
\t\t\t\t\t\t\t<a href=\"#\" class=\"btn btn-sm btn-link text-info fs-13\">
\t\t\t\t\t\t\t\tReply
\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t</p>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"inbox-item\">
\t\t\t\t\t\t<div class=\"inbox-item-img\"><img src=\"/images/users/avatar-4.jpg\" class=\"rounded-circle\" alt=\"\"></div>
\t\t\t\t\t\t<p class=\"inbox-item-author\">Kurafire</p>
\t\t\t\t\t\t<p class=\"inbox-item-text\">Nice to meet you</p>
\t\t\t\t\t\t<p class=\"inbox-item-date\">
\t\t\t\t\t\t\t<a href=\"#\" class=\"btn btn-sm btn-link text-info fs-13\">
\t\t\t\t\t\t\t\tReply
\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t</p>
\t\t\t\t\t</div>

\t\t\t\t\t<div class=\"inbox-item\">
\t\t\t\t\t\t<div class=\"inbox-item-img\"><img src=\"/images/users/avatar-5.jpg\" class=\"rounded-circle\" alt=\"\"></div>
\t\t\t\t\t\t<p class=\"inbox-item-author\">Shahedk</p>
\t\t\t\t\t\t<p class=\"inbox-item-text\">Hey! there I'm available...</p>
\t\t\t\t\t\t<p class=\"inbox-item-date\">
\t\t\t\t\t\t\t<a href=\"#\" class=\"btn btn-sm btn-link text-info fs-13\">
\t\t\t\t\t\t\t\tReply
\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t</p>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"inbox-item pb-0\">
\t\t\t\t\t\t<div class=\"inbox-item-img\"><img src=\"/images/users/avatar-6.jpg\" class=\"rounded-circle\" alt=\"\"></div>
\t\t\t\t\t\t<p class=\"inbox-item-author\">Adhamdannaway</p>
\t\t\t\t\t\t<p class=\"inbox-item-text\">This theme is awesome!</p>
\t\t\t\t\t\t<p class=\"inbox-item-date\">
\t\t\t\t\t\t\t<a href=\"#\" class=\"btn btn-sm btn-link text-info fs-13\">
\t\t\t\t\t\t\t\tReply
\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t</p>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<!-- end inbox-widget -->
\t\t\t</div>
\t\t\t<!-- end card-body-->
\t\t</div>
\t\t<!-- end card-->
\t</div>
\t<!-- end col-->

\t<div class=\"col-xl-4\">
\t\t<div class=\"card\">
\t\t\t<div class=\"card-header d-flex justify-content-between align-items-center\">
\t\t\t\t<h4 class=\"header-title\">Recent Activity</h4>
\t\t\t\t<div class=\"dropdown\">
\t\t\t\t\t<a href=\"#\" class=\"dropdown-toggle arrow-none card-drop\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
\t\t\t\t\t\t<i class=\"ri-more-2-fill\"></i>
\t\t\t\t\t</a>
\t\t\t\t\t<div
\t\t\t\t\t\tclass=\"dropdown-menu dropdown-menu-animated dropdown-menu-end\">
\t\t\t\t\t\t<!-- item-->
\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"dropdown-item\">Settings</a>
\t\t\t\t\t\t<!-- item-->
\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"dropdown-item\">Action</a>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t</div>

\t\t\t<div class=\"card-body py-0 mb-3\" data-simplebar style=\"max-height: 315px;\">
\t\t\t\t<div class=\"timeline-alt py-0\">
\t\t\t\t\t<div class=\"timeline-item\">
\t\t\t\t\t\t<i class=\"ri-upload-line text-bg-info timeline-icon\"></i>
\t\t\t\t\t\t<div class=\"timeline-item-info\">
\t\t\t\t\t\t\t<a href=\"#\" class=\"text-info fw-bold mb-1 d-block\">You sold an item</a>
\t\t\t\t\t\t\t<small>Paul Burgess just purchased “Jidox - Admin Dashboard”!</small>
\t\t\t\t\t\t\t<p class=\"mb-0 pb-2\">
\t\t\t\t\t\t\t\t<small class=\"text-muted\">5 minutes ago</small>
\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t</div>
\t\t\t\t\t</div>

\t\t\t\t\t<div class=\"timeline-item\">
\t\t\t\t\t\t<i class=\"ri-rocket-line text-bg-primary timeline-icon\"></i>
\t\t\t\t\t\t<div class=\"timeline-item-info\">
\t\t\t\t\t\t\t<a href=\"#\" class=\"text-primary fw-bold mb-1 d-block\">Product on the Bootstrap Market</a>
\t\t\t\t\t\t\t<small>Dave Gamache added
\t\t\t\t\t\t\t\t<span class=\"fw-bold\">Admin Dashboard</span>
\t\t\t\t\t\t\t</small>
\t\t\t\t\t\t\t<p class=\"mb-0 pb-2\">
\t\t\t\t\t\t\t\t<small class=\"text-muted\">30 minutes ago</small>
\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t</div>
\t\t\t\t\t</div>

\t\t\t\t\t<div class=\"timeline-item\">
\t\t\t\t\t\t<i class=\"ri-chat-2-line text-bg-success timeline-icon\"></i>
\t\t\t\t\t\t<div class=\"timeline-item-info\">
\t\t\t\t\t\t\t<a href=\"#\" class=\"text-info fw-bold mb-1 d-block\">Robert Delaney</a>
\t\t\t\t\t\t\t<small>Send you message
\t\t\t\t\t\t\t\t<span class=\"fw-bold\">\"Are you there?\"</span>
\t\t\t\t\t\t\t</small>
\t\t\t\t\t\t\t<p class=\"mb-0 pb-2\">
\t\t\t\t\t\t\t\t<small class=\"text-muted\">2 hours ago</small>
\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t</div>
\t\t\t\t\t</div>

\t\t\t\t\t<div class=\"timeline-item\">
\t\t\t\t\t\t<i class=\"ri-upload-line text-bg-warning timeline-icon\"></i>
\t\t\t\t\t\t<div class=\"timeline-item-info\">
\t\t\t\t\t\t\t<a href=\"#\" class=\"text-primary fw-bold mb-1 d-block\">Audrey Tobey</a>
\t\t\t\t\t\t\t<small>Uploaded a photo
\t\t\t\t\t\t\t\t<span class=\"fw-bold\">\"Error.jpg\"</span>
\t\t\t\t\t\t\t</small>
\t\t\t\t\t\t\t<p class=\"mb-0 pb-2\">
\t\t\t\t\t\t\t\t<small class=\"text-muted\">14 hours ago</small>
\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t</div>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<!-- end timeline -->
\t\t\t</div>
\t\t\t<!-- end slimscroll -->
\t\t</div>
\t\t<!-- end card-->
\t</div>
\t<!-- end col -->

\t<div class=\"col-xl-4\">
\t\t<div class=\"card\">
\t\t\t<div class=\"card-header d-flex justify-content-between align-items-center\">
\t\t\t\t<h4 class=\"header-title\">Transactions</h4>
\t\t\t\t<div class=\"dropdown\">
\t\t\t\t\t<a href=\"#\" class=\"dropdown-toggle arrow-none card-drop\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
\t\t\t\t\t\t<i class=\"ri-more-2-fill\"></i>
\t\t\t\t\t</a>
\t\t\t\t\t<div
\t\t\t\t\t\tclass=\"dropdown-menu dropdown-menu-animated dropdown-menu-end\">
\t\t\t\t\t\t<!-- item-->
\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"dropdown-item\">Settings</a>
\t\t\t\t\t\t<!-- item-->
\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"dropdown-item\">Action</a>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t</div>

\t\t\t<div class=\"card-body py-0 mb-3\" data-simplebar style=\"max-height: 315px;\">
\t\t\t\t<div class=\"row py-1 align-items-center\">
\t\t\t\t\t<div class=\"col-auto\">
\t\t\t\t\t\t<i class=\"ri-arrow-up-line text-danger fs-18\"></i>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"col ps-0\">
\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"text-body\">Purchased Jidox Admin Template</a>
\t\t\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t\t\t<small>Today</small>
\t\t\t\t\t\t</p>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"col-auto\">
\t\t\t\t\t\t<span class=\"text-danger fw-bold pe-2\">-\$489.30</span>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<div class=\"row py-1 align-items-center\">
\t\t\t\t\t<div class=\"col-auto\">
\t\t\t\t\t\t<i class=\"ri-arrow-down-line text-success fs-18\"></i>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"col ps-0\">
\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"text-body\">Payment received Bootstrap Marketplace</a>
\t\t\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t\t\t<small>Yesterday</small>
\t\t\t\t\t\t</p>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"col-auto\">
\t\t\t\t\t\t<span class=\"text-success fw-bold pe-2\">+\$1578.54</span>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<div class=\"row py-1 align-items-center\">
\t\t\t\t\t<div class=\"col-auto\">
\t\t\t\t\t\t<i class=\"ri-arrow-down-line text-success fs-18\"></i>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"col ps-0\">
\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"text-body\">Freelance work - Shane</a>
\t\t\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t\t\t<small>16 Sep 2018</small>
\t\t\t\t\t\t</p>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"col-auto\">
\t\t\t\t\t\t<span class=\"text-success fw-bold pe-2\">+\$247.5</span>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<div class=\"row py-1 align-items-center\">
\t\t\t\t\t<div class=\"col-auto\">
\t\t\t\t\t\t<i class=\"ri-arrow-up-line text-danger fs-18\"></i>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"col ps-0\">
\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"text-body\">Hire new developer for work</a>
\t\t\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t\t\t<small>09 Sep 2018</small>
\t\t\t\t\t\t</p>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"col-auto\">
\t\t\t\t\t\t<span class=\"text-danger fw-bold pe-2\">-\$185.14</span>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<div class=\"row py-1 align-items-center\">
\t\t\t\t\t<div class=\"col-auto\">
\t\t\t\t\t\t<i class=\"ri-arrow-down-line text-success fs-18\"></i>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"col ps-0\">
\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"text-body\">Money received from paypal</a>
\t\t\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t\t\t<small>28 Aug 2018</small>
\t\t\t\t\t\t</p>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"col-auto\">
\t\t\t\t\t\t<span class=\"text-success fw-bold pe-2\">+\$684.45</span>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<div class=\"row py-1 align-items-center\">
\t\t\t\t\t<div class=\"col-auto\">
\t\t\t\t\t\t<i class=\"ri-arrow-up-line text-danger fs-18\"></i>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"col ps-0\">
\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"text-body\">Zairo landing purchased</a>
\t\t\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t\t\t<small>17 Aug 2018</small>
\t\t\t\t\t\t</p>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"col-auto\">
\t\t\t\t\t\t<span class=\"text-danger fw-bold pe-2\">-\$21.00</span>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<div class=\"row py-1 align-items-center\">
\t\t\t\t\t<div class=\"col-auto\">
\t\t\t\t\t\t<i class=\"ri-arrow-up-line text-danger fs-18\"></i>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"col ps-0\">
\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"text-body\">Purchased Ubold admin template</a>
\t\t\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t\t\t<small>17 Aug 2018</small>
\t\t\t\t\t\t</p>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"col-auto\">
\t\t\t\t\t\t<span class=\"text-danger fw-bold pe-2\">-\$32.89</span>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<div class=\"row py-1 align-items-center\">
\t\t\t\t\t<div class=\"col-auto\">
\t\t\t\t\t\t<i class=\"ri-arrow-down-line text-success fs-18\"></i>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"col ps-0\">
\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"text-body\">Interest received</a>
\t\t\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t\t\t<small>09 Sep 2018</small>
\t\t\t\t\t\t</p>
\t\t\t\t\t</div>
\t\t\t\t\t<div class=\"col-auto\">
\t\t\t\t\t\t<span class=\"text-success fw-bold pe-2\">+\$784.55</span>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t</div>
\t\t\t<!-- end slimscroll -->
\t\t</div>
\t\t<!-- end card-->
\t</div>
\t<!-- end col -->
</div>
<!-- end row-->
{% endblock %}

{% block javascript %}
<!-- Apex Charts js -->
<script src=\"/vendor/apexcharts/apexcharts.min.js\"></script>
<script src=\"/vendor/daterangepicker/moment.min.js\"></script>
<!-- Chat js -->
<script src=\"/js/pages/component.chat.js\"></script>
<!-- Todo js -->
<script src=\"/js/pages/component.todo.js\"></script>
<!-- Widgets Demo js -->
<script src=\"/js/pages/demo.widgets.js\"></script>
{% endblock %}
", "widgets.html.twig", "/home/ct9/Desktop/Ishan/Jidox/jidox_symfony/templates/widgets.html.twig");
    }
}
