<?php

/* @UVDeskCore/dashboard.html.twig */
class __TwigTemplate_ef13d12c5facf85141b982e972ecaff22197852820855bf549fe7a8ffb8bde11 extends Twig_Template
{
    private $source;

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

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

        // line 1
        $this->parent = $this->loadTemplate("@UVDeskCore//Templates//layout.html.twig", "@UVDeskCore/dashboard.html.twig", 1);
        $this->blocks = [
            'title' => [$this, 'block_title'],
            'templateCSS' => [$this, 'block_templateCSS'],
            'pageContent' => [$this, 'block_pageContent'],
            'footer' => [$this, 'block_footer'],
        ];
    }

    protected function doGetParent(array $context)
    {
        return "@UVDeskCore//Templates//layout.html.twig";
    }

    protected function doDisplay(array $context, array $blocks = [])
    {
        $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new Twig_Profiler_Profile($this->getTemplateName(), "template", "@UVDeskCore/dashboard.html.twig"));

        $this->parent->display($context, array_merge($this->blocks, $blocks));
        
        $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);

    }

    // line 3
    public function block_title($context, array $blocks = [])
    {
        $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new Twig_Profiler_Profile($this->getTemplateName(), "block", "title"));

        echo "Dashboard";
        
        $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);

    }

    // line 5
    public function block_templateCSS($context, array $blocks = [])
    {
        $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new Twig_Profiler_Profile($this->getTemplateName(), "block", "templateCSS"));

        // line 6
        echo "    <style>
\t\t.uv-activity-wrapper {
\t\t\tmargin-top: 60px;
\t\t}
\t\t.uv-activity-wrapper .uv-activity-chart-col-lt {
\t\t\twidth: 80%;
\t\t\tfloat: left;
\t\t}
\t\tul.uv-activity-brick-wrapper {
\t\t\tlist-style: none;
\t\t\tmargin: 0;
\t\t\tpadding: 0;
\t\t\twidth: 100%;
    \t\tdisplay: inline-block;
\t\t}
\t\tul.uv-activity-brick-wrapper li {
\t\t\twidth: 25%;
\t\t\tdisplay: inline-block;
\t\t\tfloat: left;
\t\t\tpadding-left: 10px;
\t\t\tpadding-right: 10px;
\t\t\tcolor: #fff;
\t\t}
\t\tul.uv-activity-brick-wrapper .uv-activity-brick {
\t\t\tborder-radius: 3px;
    \t\tpadding: 10px;
\t\t\ttext-align: center;
\t\t}
\t\tul.uv-activity-brick-wrapper li a {
\t\t\tcolor: #fff;
\t\t\tfont-size: 45px;
\t\t\twidth: 100%;
    \t\tdisplay: inline-block;
\t\t}
\t\tul.uv-activity-brick-wrapper li label {
\t\t\tfont-size: 18px;
\t\t\twidth: 100%;
    \t\tdisplay: inline-block;
\t\t}
\t\t.uv-activity-chart-bottom-row .uv-pannel-body {
\t\t\theight: 450px;
\t\t}
\t\t.kudos-overview {
\t\t\twidth: 40%;
\t\t\tfloat: left;
\t\t\tpadding-right: 10px;
\t\t}
\t\t.recent-notification {
\t\t\twidth: 30%;
\t\t\tfloat: left;
\t\t\tpadding-left: 10px;
\t\t}
\t\t.completion-chart {
\t\t\twidth: 300px;
\t\t\tmargin: 0 auto;
\t\t}
\t\t.progress-meter .background {
\t\t\tfill: #EFEFEF;
\t\t}
\t\t.progress-meter text {
\t\t\tfont-size: 30px;
\t\t}
\t\t.kudos-overview .uv-pannel-body {
\t\t\ttext-align: center;
\t\t\tpadding-top: 50px;
\t\t}
\t\t.kudos-overview .uv-pannel-body label {
\t\t\tmargin-top: 10px;
    \t\tdisplay: inline-block;
\t\t}
\t\t.recent-notification ul {
\t\t\tlist-style: none;
\t\t\tpadding: 0;
\t\t\tmargin: 0;
\t\t\toverflow-y: auto;
\t\t\tmax-height: 400px !important;
\t\t}
\t\t.recent-notification .uv-pannel-body {
\t\t\tpadding: 0;
\t\t}
\t\t.recent-notification ul li {
\t\t\tcolor: #333333;
\t\t\tborder-bottom: solid 1px #D3D3D3;
\t\t\tpadding: 15px 20px;
\t\t}
\t\t.recent-notification ul li:first-child {
\t\t\tborder-top: none;
\t\t}
\t\t.recent-notification ul li:last-child {
\t\t\tborder-bottom: none;
\t\t}
\t\t.recent-notification ul li * {
\t\t\tdisplay: inline-block !important;
\t\t}
\t\t.recent-notification ul li .timeago {
\t\t\tcolor: #9E9E9E;
\t\t\tmargin-top: 5px;
\t\t\tfont-size: 13px;
\t\t}
\t\t.recent-notification label {
\t\t\ttext-align: center;
\t\t\tdisplay: inline-block;
\t\t\twidth: 100%;
\t\t\tpadding-top: 15px;
\t\t\tborder-top: 1px solid #d3d3d3;
\t\t}
\t\t.recent-notification span.uv-notification-message {
\t\t\tfloat: left;
\t\t\twidth: 100%;
\t\t}
\t\t.kudos-count {
\t\t\twidth: 30%;
\t\t\tfloat: left;
\t\t\tpadding-right: 10px;
\t\t\tpadding-left: 10px;
\t\t}
\t\t.kudos-count .uv-pannel-body {
\t\t\tpadding-top: 50px;
\t\t\toverflow-y: auto;
\t\t}
\t\t.kudos-count ul {
\t\t\tlist-style: none;
\t\t\tpadding: 0;
\t\t\tmargin: 0;
\t\t}
\t\t.kudos-count ul li {
\t\t\twidth: 100%;
\t\t\tdisplay: inline-block;
\t\t\tpadding: 15px 0;
\t\t}
\t\t.kudos-count ul li .uv-icon-kudos  {
\t\t\tvertical-align: middle;
\t\t\tmargin-right: 10px;
\t\t}
\t\t.uv-activity-wrapper .uv-activity-chart-col-rt {
\t\t\twidth: 20%;
\t\t\tfloat: left;
\t\t}
\t\t.uv-activity-chart-col-rt ul {
\t\t\tpadding: 0;
\t\t\tmargin: 0;
\t\t\tlist-style: none;
\t\t}
\t\t.uv-activity-chart-col-rt ul li {
\t\t\tmargin-bottom: 10px
\t\t}
\t\t.uv-activity-chart-col-rt ul li span {
\t\t\twidth: 100%;
\t\t\tdisplay: inline-block;
\t\t\tcolor: #6f6f6f;
\t\t}
\t\t.uv-middle {
\t\t\tmargin: 0 auto;
\t\t\tdisplay: inline-block;
\t\t\tmargin-top: 200px;
\t\t\ttext-align: center;
\t\t\twidth: 100%;
\t\t}
\t\t@media screen and (max-width: 1024px) {
\t\t\t.uv-activity-wrapper .uv-activity-chart-col-lt {
\t\t\t\twidth: 100%;
\t\t\t\tpadding: 0;
\t\t\t}
\t\t\t.uv-activity-wrapper .uv-activity-chart-col-rt {
\t\t\t\twidth: 100%;
\t\t\t}
\t\t\t.kudos-overview {
\t\t\t\twidth: 100%;
\t\t\t\tpadding: 0;
\t\t\t}
\t\t\t.kudos-count {
\t\t\t\twidth: 100%;
\t\t\t\tpadding: 0;
\t\t\t}
\t\t\t.recent-notification {
\t\t\t\twidth: 100%;
\t\t\t\tpadding: 0;
\t\t\t}
\t\t\tul.uv-activity-brick-wrapper li {
\t\t\t\twidth: 50%;
\t\t\t\tmargin: 10px 0;
\t\t\t}
\t\t}
\t\t@media screen and (max-width: 768px) {
\t\t\tul.uv-activity-brick-wrapper li {
\t\t\t\twidth: 100%;
\t\t\t}
\t\t}
\t\t@media screen and (max-width: 467px) {
\t\t\t.completion-chart {
\t\t\t\twidth: 100%;
\t\t\t}
\t\t}
\t\tspan.uv-notification-message a:link, span.uv-notification-message a:visited, label a:link, label a:visited {
\t\t\tcolor: #2750C4;
\t\t\tfont-size: 15px;
\t\t}
\t\t.uv-mob-aside {
\t\t\tdisplay: none;
\t\t}
\t</style>
";
        
        $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);

    }

    // line 209
    public function block_pageContent($context, array $blocks = [])
    {
        $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new Twig_Profiler_Profile($this->getTemplateName(), "block", "pageContent"));

        // line 210
        echo "    <div class=\"uv-area\">
        <!-- Dashboard Navigation -->
\t\t";
        // line 212
        $context["dashboardItems"] = twig_get_attribute($this->env, $this->source, ($context["uvdesk_service"] ?? null), "getHelpdeskDashboadPanelItems", [], "method");
        // line 213
        echo "
        <div id=\"manage\" class=\"uv-tab-view uv-tab-view-active\" data-tab=\"manage\">
\t\t\t<!-- CHANNELS -->
\t\t\t
\t\t";
        // line 217
        if ((twig_get_attribute($this->env, $this->source, ($context["app"] ?? null), "user", []) && $this->extensions['Symfony\Bridge\Twig\Extension\SecurityExtension']->isGranted("ROLE_ADMIN"))) {
            // line 218
            echo "\t\t\t";
            if ((twig_get_attribute($this->env, $this->source, ($context["dashboardItems"] ?? null), "HELPDESK_CHANNELS", [], "any", true, true) &&  !twig_test_empty(twig_get_attribute($this->env, $this->source, ($context["dashboardItems"] ?? null), "HELPDESK_CHANNELS", [])))) {
                // line 219
                echo "\t\t\t\t<div class=\"uv-brick\">
\t\t\t\t\t<div class=\"uv-brick-head\">
\t\t\t\t\t\t<h6>Channels</h6>
\t\t\t\t\t\t<p>Channel acts as a funnel for the tickets which are created from different mediums</p>
\t\t\t\t\t</div>

\t\t\t\t\t<div class=\"uv-brick-section\">
\t\t\t\t\t\t";
                // line 226
                $context['_parent'] = $context;
                $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, ($context["dashboardItems"] ?? null), "HELPDESK_CHANNELS", []));
                foreach ($context['_seq'] as $context["_key"] => $context["dashboardItem"]) {
                    // line 227
                    echo "\t\t\t\t\t\t\t<a href=\"";
                    echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath(twig_get_attribute($this->env, $this->source, $context["dashboardItem"], "route", []));
                    echo "\">
\t\t\t\t\t\t\t\t<div class=\"uv-brick-container\">
\t\t\t\t\t\t\t\t\t<div class=\"uv-brick-icon\">
\t\t\t\t\t\t\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"60px\" height=\"60px\" viewBox=\"0 0 60 60\">
\t\t\t\t\t\t\t\t\t\t\t";
                    // line 231
                    echo twig_get_attribute($this->env, $this->source, $context["dashboardItem"], "brick_svg", []);
                    echo "
\t\t\t\t\t\t\t\t\t\t</svg>
\t\t\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t\t\t<p>";
                    // line 235
                    echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["dashboardItem"], "name", []), "html", null, true);
                    echo "</p>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t";
                }
                $_parent = $context['_parent'];
                unset($context['_seq'], $context['_iterated'], $context['_key'], $context['dashboardItem'], $context['_parent'], $context['loop']);
                $context = array_intersect_key($context, $_parent) + $_parent;
                // line 239
                echo "\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t";
            }
            // line 242
            echo "\t\t";
        }
        // line 243
        echo "
\t\t<!-- USERS -->
\t\t";
        // line 245
        if (((((twig_get_attribute($this->env, $this->source, ($context["user_service"] ?? null), "isAccessAuthorized", [0 => "ROLE_AGENT_MANAGE_GROUP"], "method") || twig_get_attribute($this->env, $this->source, ($context["user_service"] ?? null), "isAccessAuthorized", [0 => "ROLE_AGENT_MANAGE_SUB_GROUP"], "method")) || twig_get_attribute($this->env, $this->source, ($context["user_service"] ?? null), "isAccessAuthorized", [0 => "ROLE_AGENT_MANAGE_AGENT"], "method")) || twig_get_attribute($this->env, $this->source, ($context["user_service"] ?? null), "isAccessAuthorized", [0 => "ROLE_AGENT_MANAGE_AGENT_PRIVILEGE"], "method")) || twig_get_attribute($this->env, $this->source, ($context["user_service"] ?? null), "isAccessAuthorized", [0 => "ROLE_AGENT_MANAGE_CUSTOMER"], "method"))) {
            // line 246
            echo "\t\t\t";
            if ((twig_get_attribute($this->env, $this->source, ($context["dashboardItems"] ?? null), "HELPDESK_USERS", [], "any", true, true) &&  !twig_test_empty(twig_get_attribute($this->env, $this->source, ($context["dashboardItems"] ?? null), "HELPDESK_USERS", [])))) {
                // line 247
                echo "\t\t\t\t<div class=\"uv-brick\">
\t\t\t\t\t<div class=\"uv-brick-head\">
\t\t\t\t\t\t<h6>Users</h6>
\t\t\t\t\t\t<p>Control your Groups, Teams, Agents and Customers</p>
\t\t\t\t\t</div>

\t\t\t\t\t<div class=\"uv-brick-section\">
\t\t\t\t\t\t";
                // line 254
                $context['_parent'] = $context;
                $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, ($context["dashboardItems"] ?? null), "HELPDESK_USERS", []));
                foreach ($context['_seq'] as $context["_key"] => $context["dashboardItem"]) {
                    // line 255
                    echo "\t\t\t\t\t\t\t";
                    if ((( !twig_get_attribute($this->env, $this->source, $context["dashboardItem"], "permission", [], "any", true, true) || twig_test_empty(twig_get_attribute($this->env, $this->source, $context["dashboardItem"], "permission", []))) || twig_get_attribute($this->env, $this->source, ($context["user_service"] ?? null), "isAccessAuthorized", [0 => twig_get_attribute($this->env, $this->source, $context["dashboardItem"], "permission", [])], "method"))) {
                        // line 256
                        echo "\t\t\t\t\t\t\t\t<a href=\"";
                        echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath(twig_get_attribute($this->env, $this->source, $context["dashboardItem"], "route", []));
                        echo "\">
\t\t\t\t\t\t\t\t\t<div class=\"uv-brick-container\">
\t\t\t\t\t\t\t\t\t\t<div class=\"uv-brick-icon\">
\t\t\t\t\t\t\t\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"60px\" height=\"60px\" viewBox=\"0 0 60 60\">
\t\t\t\t\t\t\t\t\t\t\t\t";
                        // line 260
                        echo twig_get_attribute($this->env, $this->source, $context["dashboardItem"], "brick_svg", []);
                        echo "
\t\t\t\t\t\t\t\t\t\t\t</svg>
\t\t\t\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t\t\t\t<p>";
                        // line 264
                        echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["dashboardItem"], "name", []), "html", null, true);
                        echo "</p>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t";
                    }
                    // line 268
                    echo "\t\t\t\t\t\t";
                }
                $_parent = $context['_parent'];
                unset($context['_seq'], $context['_iterated'], $context['_key'], $context['dashboardItem'], $context['_parent'], $context['loop']);
                $context = array_intersect_key($context, $_parent) + $_parent;
                // line 269
                echo "\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t";
            }
            // line 272
            echo "\t\t";
        }
        echo "\t
\t\t
\t\t<!-- KNOWLEDGEBASE -->
\t\t";
        // line 275
        if (twig_get_attribute($this->env, $this->source, ($context["user_service"] ?? null), "isAccessAuthorized", [0 => "ROLE_AGENT_MANAGE_KNOWLEDGEBASE"], "method")) {
            // line 276
            echo "\t\t\t";
            if ((twig_get_attribute($this->env, $this->source, ($context["dashboardItems"] ?? null), "HELPDESK_KNOWLEDGEBASE", [], "any", true, true) &&  !twig_test_empty(twig_get_attribute($this->env, $this->source, ($context["dashboardItems"] ?? null), "HELPDESK_KNOWLEDGEBASE", [])))) {
                // line 277
                echo "\t\t\t\t<div class=\"uv-brick\">
\t\t\t\t\t<div class=\"uv-brick-head\">
\t\t\t\t\t\t<h6>Knowledgebase</h6>
\t\t\t\t\t\t<p>Knowledgebase is a source of rigid and complex information which helps Customers to help themselves</p>
\t\t\t\t\t</div>

\t\t\t\t\t<div class=\"uv-brick-section\">
\t\t\t\t\t\t";
                // line 284
                $context['_parent'] = $context;
                $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, ($context["dashboardItems"] ?? null), "HELPDESK_KNOWLEDGEBASE", []));
                foreach ($context['_seq'] as $context["_key"] => $context["dashboardItem"]) {
                    // line 285
                    echo "\t\t\t\t\t\t\t<a href=\"";
                    echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath(twig_get_attribute($this->env, $this->source, $context["dashboardItem"], "route", []));
                    echo "\">
\t\t\t\t\t\t\t\t<div class=\"uv-brick-container\">
\t\t\t\t\t\t\t\t\t<div class=\"uv-brick-icon\">
\t\t\t\t\t\t\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"60px\" height=\"60px\" viewBox=\"0 0 60 60\">
\t\t\t\t\t\t\t\t\t\t\t";
                    // line 289
                    echo twig_get_attribute($this->env, $this->source, $context["dashboardItem"], "brick_svg", []);
                    echo "
\t\t\t\t\t\t\t\t\t\t</svg>
\t\t\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t\t\t<p>";
                    // line 293
                    echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["dashboardItem"], "name", []), "html", null, true);
                    echo "</p>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t";
                }
                $_parent = $context['_parent'];
                unset($context['_seq'], $context['_iterated'], $context['_key'], $context['dashboardItem'], $context['_parent'], $context['loop']);
                $context = array_intersect_key($context, $_parent) + $_parent;
                // line 297
                echo "\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t";
            }
            // line 300
            echo "\t\t";
        }
        echo "\t\t

\t\t<!-- AUTOMATION -->
\t\t";
        // line 303
        if (((((twig_get_attribute($this->env, $this->source, ($context["user_service"] ?? null), "isAccessAuthorized", [0 => "ROLE_AGENT_MANAGE_WORKFLOW_MANUAL"], "method") || twig_get_attribute($this->env, $this->source, ($context["user_service"] ?? null), "isAccessAuthorized", [0 => "ROLE_AGENT_MANAGE_WORKFLOW_AUTOMATIC"], "method")) || twig_get_attribute($this->env, $this->source, ($context["user_service"] ?? null), "isAccessAuthorized", [0 => "ROLE_AGENT_MANAGE_TICKET_TYPE"], "method")) || twig_get_attribute($this->env, $this->source, ($context["user_service"] ?? null), "isAccessAuthorized", [0 => "ROLE_AGENT_MANAGE_TAG"], "method")) || twig_get_attribute($this->env, $this->source, ($context["user_service"] ?? null), "isAccessAuthorized", [0 => "ROLE_ADMIN"], "method"))) {
            // line 304
            echo "\t\t\t";
            if ((twig_get_attribute($this->env, $this->source, ($context["dashboardItems"] ?? null), "HELPDESK_AUTOMATION", [], "any", true, true) &&  !twig_test_empty(twig_get_attribute($this->env, $this->source, ($context["dashboardItems"] ?? null), "HELPDESK_AUTOMATION", [])))) {
                // line 305
                echo "\t\t\t\t<div class=\"uv-brick\">
\t\t\t\t\t<div class=\"uv-brick-head\">
\t\t\t\t\t\t<h6>Productivity</h6>
\t\t\t\t\t\t<p>Automate your processes by creating set of rules and presets to respond faster to the tickets</p>
\t\t\t\t\t</div>

\t\t\t\t\t<div class=\"uv-brick-section\">
\t\t\t\t\t\t";
                // line 312
                $context['_parent'] = $context;
                $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, ($context["dashboardItems"] ?? null), "HELPDESK_AUTOMATION", []));
                foreach ($context['_seq'] as $context["_key"] => $context["dashboardItem"]) {
                    // line 313
                    echo "\t\t\t\t\t\t\t";
                    if ((( !twig_get_attribute($this->env, $this->source, $context["dashboardItem"], "permission", [], "any", true, true) || twig_test_empty(twig_get_attribute($this->env, $this->source, $context["dashboardItem"], "permission", []))) || twig_get_attribute($this->env, $this->source, ($context["user_service"] ?? null), "isAccessAuthorized", [0 => twig_get_attribute($this->env, $this->source, $context["dashboardItem"], "permission", [])], "method"))) {
                        // line 314
                        echo "\t\t\t\t\t\t\t\t<a href=\"";
                        echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath(twig_get_attribute($this->env, $this->source, $context["dashboardItem"], "route", []));
                        echo "\">
\t\t\t\t\t\t\t\t\t<div class=\"uv-brick-container\">
\t\t\t\t\t\t\t\t\t\t<div class=\"uv-brick-icon\">
\t\t\t\t\t\t\t\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"60px\" height=\"60px\" viewBox=\"0 0 60 60\">
\t\t\t\t\t\t\t\t\t\t\t\t";
                        // line 318
                        echo twig_get_attribute($this->env, $this->source, $context["dashboardItem"], "brick_svg", []);
                        echo "
\t\t\t\t\t\t\t\t\t\t\t</svg>
\t\t\t\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t\t\t\t<p>";
                        // line 322
                        echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["dashboardItem"], "name", []), "html", null, true);
                        echo "</p>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t";
                    }
                    // line 326
                    echo "\t\t\t\t\t\t";
                }
                $_parent = $context['_parent'];
                unset($context['_seq'], $context['_iterated'], $context['_key'], $context['dashboardItem'], $context['_parent'], $context['loop']);
                $context = array_intersect_key($context, $_parent) + $_parent;
                // line 327
                echo "\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t";
            }
            // line 330
            echo "\t\t";
        }
        // line 331
        echo "\t\t\t
\t\t<!-- SETTINGS -->
\t\t";
        // line 333
        if (((twig_get_attribute($this->env, $this->source, ($context["user_service"] ?? null), "isAccessAuthorized", [0 => "ROLE_AGENT_MANAGE_EMAIL_TEMPLATE"], "method") || twig_get_attribute($this->env, $this->source, ($context["user_service"] ?? null), "isAccessAuthorized", [0 => "ROLE_AGENT_MANAGE_CUSTOM_FIELD"], "method")) || twig_get_attribute($this->env, $this->source, ($context["user_service"] ?? null), "isAccessAuthorized", [0 => "import_data"], "method"))) {
            // line 334
            echo "\t\t\t";
            if ((twig_get_attribute($this->env, $this->source, ($context["dashboardItems"] ?? null), "HELPDESK_SETTINGS", [], "any", true, true) &&  !twig_test_empty(twig_get_attribute($this->env, $this->source, ($context["dashboardItems"] ?? null), "HELPDESK_SETTINGS", [])))) {
                // line 335
                echo "\t\t\t\t<div class=\"uv-brick\">
\t\t\t\t\t<div class=\"uv-brick-head\">
\t\t\t\t\t\t<h6>Settings</h6>
\t\t\t\t\t\t<p>Manage your Brand Identity, Company Information and other details at a glance</p>
\t\t\t\t\t</div>

\t\t\t\t\t<div class=\"uv-brick-section\">
\t\t\t\t\t\t";
                // line 342
                $context['_parent'] = $context;
                $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, ($context["dashboardItems"] ?? null), "HELPDESK_SETTINGS", []));
                foreach ($context['_seq'] as $context["_key"] => $context["dashboardItem"]) {
                    // line 343
                    echo "\t\t\t\t\t\t\t";
                    if ((( !twig_get_attribute($this->env, $this->source, $context["dashboardItem"], "permission", [], "any", true, true) || twig_test_empty(twig_get_attribute($this->env, $this->source, $context["dashboardItem"], "permission", []))) || twig_get_attribute($this->env, $this->source, ($context["user_service"] ?? null), "isAccessAuthorized", [0 => twig_get_attribute($this->env, $this->source, $context["dashboardItem"], "permission", [])], "method"))) {
                        // line 344
                        echo "\t\t\t\t\t\t\t\t<a href=\"";
                        echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath(twig_get_attribute($this->env, $this->source, $context["dashboardItem"], "route", []));
                        echo "\">
\t\t\t\t\t\t\t\t\t<div class=\"uv-brick-container\">
\t\t\t\t\t\t\t\t\t\t<div class=\"uv-brick-icon\">
\t\t\t\t\t\t\t\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"60px\" height=\"60px\" viewBox=\"0 0 60 60\">
\t\t\t\t\t\t\t\t\t\t\t\t";
                        // line 348
                        echo twig_get_attribute($this->env, $this->source, $context["dashboardItem"], "brick_svg", []);
                        echo "
\t\t\t\t\t\t\t\t\t\t\t</svg>
\t\t\t\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t\t\t\t<p>";
                        // line 352
                        echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["dashboardItem"], "name", []), "html", null, true);
                        echo "</p>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t";
                    }
                    // line 356
                    echo "\t\t\t\t\t\t";
                }
                $_parent = $context['_parent'];
                unset($context['_seq'], $context['_iterated'], $context['_key'], $context['dashboardItem'], $context['_parent'], $context['loop']);
                $context = array_intersect_key($context, $_parent) + $_parent;
                // line 357
                echo "\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t";
            }
            // line 360
            echo "\t\t";
        }
        // line 361
        echo "        </div>
    </div>
";
        
        $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);

    }

    // line 365
    public function block_footer($context, array $blocks = [])
    {
        $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new Twig_Profiler_Profile($this->getTemplateName(), "block", "footer"));

        // line 366
        echo "    ";
        $this->displayParentBlock("footer", $context, $blocks);
        echo "

    <script type=\"text/javascript\">
      \tvar width = 260,
\t\t    height = 260,
\t\t    radius = Math.min(width, height) / 2,
\t\t    twoPi = 2 * Math.PI,
\t\t    progress = 0,
\t\t    total = 100,
\t\t    donutWidth = 40,
\t\t    formatPercent = d3.format(\".0%\");

\t\tvar arc = d3.svg.arc()
\t\t    .startAngle(0)
\t\t    .innerRadius(radius - donutWidth)
\t\t    .outerRadius(radius);

\t\tvar svg = d3.select(\".completion-chart\").append(\"svg\")
\t\t    .attr(\"viewBox\", \"0, 0, \" + width + \", \" + height + \"\")
\t\t    .attr('fill', '#2CD651')
\t\t    .append(\"g\")
\t\t    .attr(\"transform\", \"translate(\" + width / 2 + \",\" + height / 2 + \")\");

\t\tvar meter = svg.append(\"g\")
\t    \t\t\t\t.attr(\"class\", \"progress-meter\");

\t\tmeter.append(\"path\")
\t\t    .attr(\"class\", \"background\")
\t\t    .attr(\"d\", arc.endAngle(twoPi));

\t\tvar foreground = meter.append(\"path\")
\t    \t.attr(\"class\", \"foreground\");

\t\tvar text = meter.append(\"text\")
\t    \t.attr(\"text-anchor\", \"middle\")
\t    \t.attr(\"y\", 15);

\t\tvar animate = function(percentage){
\t    \tvar i = d3.interpolate(progress, percentage);

\t\t    d3.transition().duration(1200).tween(\"progress\", function () {
\t\t        return function (t) {
\t\t            progress = i(t);
\t\t            foreground.attr(\"d\", arc.endAngle(twoPi * progress));
\t\t            text.text(formatPercent(progress));
\t\t        };
\t\t    });
\t\t};

\t\tsetTimeout(function () {
\t\t  animate(60);
\t\t}, 500);

\t\t\$(function() {
\t\t\tif (typeof(Storage) !== \"undefined\") {
\t\t\t\tif(!localStorage.getItem('assets-visibility')) {
\t\t\t\t\tlocalStorage.setItem('assets-visibility', '{\"source\":1,\"customer-name\":1,\"customer-email\":0,\"timestamp\":1,\"group\":0,\"team\":0,\"type1\":0,\"replies\":1,\"agent\":1}' );
\t\t\t\t}
\t\t\t}
\t\t});
\t</script>
";
        
        $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);

    }

    public function getTemplateName()
    {
        return "@UVDeskCore/dashboard.html.twig";
    }

    public function isTraitable()
    {
        return false;
    }

    public function getDebugInfo()
    {
        return array (  589 => 366,  583 => 365,  574 => 361,  571 => 360,  566 => 357,  560 => 356,  553 => 352,  546 => 348,  538 => 344,  535 => 343,  531 => 342,  522 => 335,  519 => 334,  517 => 333,  513 => 331,  510 => 330,  505 => 327,  499 => 326,  492 => 322,  485 => 318,  477 => 314,  474 => 313,  470 => 312,  461 => 305,  458 => 304,  456 => 303,  449 => 300,  444 => 297,  434 => 293,  427 => 289,  419 => 285,  415 => 284,  406 => 277,  403 => 276,  401 => 275,  394 => 272,  389 => 269,  383 => 268,  376 => 264,  369 => 260,  361 => 256,  358 => 255,  354 => 254,  345 => 247,  342 => 246,  340 => 245,  336 => 243,  333 => 242,  328 => 239,  318 => 235,  311 => 231,  303 => 227,  299 => 226,  290 => 219,  287 => 218,  285 => 217,  279 => 213,  277 => 212,  273 => 210,  267 => 209,  59 => 6,  53 => 5,  41 => 3,  15 => 1,);
    }

    public function getSourceContext()
    {
        return new Twig_Source("{% extends \"@UVDeskCore//Templates//layout.html.twig\" %}

{% block title %}Dashboard{% endblock %}

{% block templateCSS %}
    <style>
\t\t.uv-activity-wrapper {
\t\t\tmargin-top: 60px;
\t\t}
\t\t.uv-activity-wrapper .uv-activity-chart-col-lt {
\t\t\twidth: 80%;
\t\t\tfloat: left;
\t\t}
\t\tul.uv-activity-brick-wrapper {
\t\t\tlist-style: none;
\t\t\tmargin: 0;
\t\t\tpadding: 0;
\t\t\twidth: 100%;
    \t\tdisplay: inline-block;
\t\t}
\t\tul.uv-activity-brick-wrapper li {
\t\t\twidth: 25%;
\t\t\tdisplay: inline-block;
\t\t\tfloat: left;
\t\t\tpadding-left: 10px;
\t\t\tpadding-right: 10px;
\t\t\tcolor: #fff;
\t\t}
\t\tul.uv-activity-brick-wrapper .uv-activity-brick {
\t\t\tborder-radius: 3px;
    \t\tpadding: 10px;
\t\t\ttext-align: center;
\t\t}
\t\tul.uv-activity-brick-wrapper li a {
\t\t\tcolor: #fff;
\t\t\tfont-size: 45px;
\t\t\twidth: 100%;
    \t\tdisplay: inline-block;
\t\t}
\t\tul.uv-activity-brick-wrapper li label {
\t\t\tfont-size: 18px;
\t\t\twidth: 100%;
    \t\tdisplay: inline-block;
\t\t}
\t\t.uv-activity-chart-bottom-row .uv-pannel-body {
\t\t\theight: 450px;
\t\t}
\t\t.kudos-overview {
\t\t\twidth: 40%;
\t\t\tfloat: left;
\t\t\tpadding-right: 10px;
\t\t}
\t\t.recent-notification {
\t\t\twidth: 30%;
\t\t\tfloat: left;
\t\t\tpadding-left: 10px;
\t\t}
\t\t.completion-chart {
\t\t\twidth: 300px;
\t\t\tmargin: 0 auto;
\t\t}
\t\t.progress-meter .background {
\t\t\tfill: #EFEFEF;
\t\t}
\t\t.progress-meter text {
\t\t\tfont-size: 30px;
\t\t}
\t\t.kudos-overview .uv-pannel-body {
\t\t\ttext-align: center;
\t\t\tpadding-top: 50px;
\t\t}
\t\t.kudos-overview .uv-pannel-body label {
\t\t\tmargin-top: 10px;
    \t\tdisplay: inline-block;
\t\t}
\t\t.recent-notification ul {
\t\t\tlist-style: none;
\t\t\tpadding: 0;
\t\t\tmargin: 0;
\t\t\toverflow-y: auto;
\t\t\tmax-height: 400px !important;
\t\t}
\t\t.recent-notification .uv-pannel-body {
\t\t\tpadding: 0;
\t\t}
\t\t.recent-notification ul li {
\t\t\tcolor: #333333;
\t\t\tborder-bottom: solid 1px #D3D3D3;
\t\t\tpadding: 15px 20px;
\t\t}
\t\t.recent-notification ul li:first-child {
\t\t\tborder-top: none;
\t\t}
\t\t.recent-notification ul li:last-child {
\t\t\tborder-bottom: none;
\t\t}
\t\t.recent-notification ul li * {
\t\t\tdisplay: inline-block !important;
\t\t}
\t\t.recent-notification ul li .timeago {
\t\t\tcolor: #9E9E9E;
\t\t\tmargin-top: 5px;
\t\t\tfont-size: 13px;
\t\t}
\t\t.recent-notification label {
\t\t\ttext-align: center;
\t\t\tdisplay: inline-block;
\t\t\twidth: 100%;
\t\t\tpadding-top: 15px;
\t\t\tborder-top: 1px solid #d3d3d3;
\t\t}
\t\t.recent-notification span.uv-notification-message {
\t\t\tfloat: left;
\t\t\twidth: 100%;
\t\t}
\t\t.kudos-count {
\t\t\twidth: 30%;
\t\t\tfloat: left;
\t\t\tpadding-right: 10px;
\t\t\tpadding-left: 10px;
\t\t}
\t\t.kudos-count .uv-pannel-body {
\t\t\tpadding-top: 50px;
\t\t\toverflow-y: auto;
\t\t}
\t\t.kudos-count ul {
\t\t\tlist-style: none;
\t\t\tpadding: 0;
\t\t\tmargin: 0;
\t\t}
\t\t.kudos-count ul li {
\t\t\twidth: 100%;
\t\t\tdisplay: inline-block;
\t\t\tpadding: 15px 0;
\t\t}
\t\t.kudos-count ul li .uv-icon-kudos  {
\t\t\tvertical-align: middle;
\t\t\tmargin-right: 10px;
\t\t}
\t\t.uv-activity-wrapper .uv-activity-chart-col-rt {
\t\t\twidth: 20%;
\t\t\tfloat: left;
\t\t}
\t\t.uv-activity-chart-col-rt ul {
\t\t\tpadding: 0;
\t\t\tmargin: 0;
\t\t\tlist-style: none;
\t\t}
\t\t.uv-activity-chart-col-rt ul li {
\t\t\tmargin-bottom: 10px
\t\t}
\t\t.uv-activity-chart-col-rt ul li span {
\t\t\twidth: 100%;
\t\t\tdisplay: inline-block;
\t\t\tcolor: #6f6f6f;
\t\t}
\t\t.uv-middle {
\t\t\tmargin: 0 auto;
\t\t\tdisplay: inline-block;
\t\t\tmargin-top: 200px;
\t\t\ttext-align: center;
\t\t\twidth: 100%;
\t\t}
\t\t@media screen and (max-width: 1024px) {
\t\t\t.uv-activity-wrapper .uv-activity-chart-col-lt {
\t\t\t\twidth: 100%;
\t\t\t\tpadding: 0;
\t\t\t}
\t\t\t.uv-activity-wrapper .uv-activity-chart-col-rt {
\t\t\t\twidth: 100%;
\t\t\t}
\t\t\t.kudos-overview {
\t\t\t\twidth: 100%;
\t\t\t\tpadding: 0;
\t\t\t}
\t\t\t.kudos-count {
\t\t\t\twidth: 100%;
\t\t\t\tpadding: 0;
\t\t\t}
\t\t\t.recent-notification {
\t\t\t\twidth: 100%;
\t\t\t\tpadding: 0;
\t\t\t}
\t\t\tul.uv-activity-brick-wrapper li {
\t\t\t\twidth: 50%;
\t\t\t\tmargin: 10px 0;
\t\t\t}
\t\t}
\t\t@media screen and (max-width: 768px) {
\t\t\tul.uv-activity-brick-wrapper li {
\t\t\t\twidth: 100%;
\t\t\t}
\t\t}
\t\t@media screen and (max-width: 467px) {
\t\t\t.completion-chart {
\t\t\t\twidth: 100%;
\t\t\t}
\t\t}
\t\tspan.uv-notification-message a:link, span.uv-notification-message a:visited, label a:link, label a:visited {
\t\t\tcolor: #2750C4;
\t\t\tfont-size: 15px;
\t\t}
\t\t.uv-mob-aside {
\t\t\tdisplay: none;
\t\t}
\t</style>
{% endblock %}

{% block pageContent %}
    <div class=\"uv-area\">
        <!-- Dashboard Navigation -->
\t\t{% set dashboardItems = uvdesk_service.getHelpdeskDashboadPanelItems() %}

        <div id=\"manage\" class=\"uv-tab-view uv-tab-view-active\" data-tab=\"manage\">
\t\t\t<!-- CHANNELS -->
\t\t\t
\t\t{% if app.user and is_granted('ROLE_ADMIN') %}
\t\t\t{% if dashboardItems.HELPDESK_CHANNELS is defined and dashboardItems.HELPDESK_CHANNELS is not empty %}
\t\t\t\t<div class=\"uv-brick\">
\t\t\t\t\t<div class=\"uv-brick-head\">
\t\t\t\t\t\t<h6>Channels</h6>
\t\t\t\t\t\t<p>Channel acts as a funnel for the tickets which are created from different mediums</p>
\t\t\t\t\t</div>

\t\t\t\t\t<div class=\"uv-brick-section\">
\t\t\t\t\t\t{% for dashboardItem in dashboardItems.HELPDESK_CHANNELS %}
\t\t\t\t\t\t\t<a href=\"{{ path(dashboardItem.route) }}\">
\t\t\t\t\t\t\t\t<div class=\"uv-brick-container\">
\t\t\t\t\t\t\t\t\t<div class=\"uv-brick-icon\">
\t\t\t\t\t\t\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"60px\" height=\"60px\" viewBox=\"0 0 60 60\">
\t\t\t\t\t\t\t\t\t\t\t{{ dashboardItem.brick_svg | raw }}
\t\t\t\t\t\t\t\t\t\t</svg>
\t\t\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t\t\t<p>{{ dashboardItem.name }}</p>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t{% endfor %}
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t{% endif %}
\t\t{% endif %}

\t\t<!-- USERS -->
\t\t{% if user_service.isAccessAuthorized('ROLE_AGENT_MANAGE_GROUP') or user_service.isAccessAuthorized('ROLE_AGENT_MANAGE_SUB_GROUP') or user_service.isAccessAuthorized('ROLE_AGENT_MANAGE_AGENT') or user_service.isAccessAuthorized('ROLE_AGENT_MANAGE_AGENT_PRIVILEGE') or user_service.isAccessAuthorized('ROLE_AGENT_MANAGE_CUSTOMER') %}
\t\t\t{% if dashboardItems.HELPDESK_USERS is defined and dashboardItems.HELPDESK_USERS is not empty %}
\t\t\t\t<div class=\"uv-brick\">
\t\t\t\t\t<div class=\"uv-brick-head\">
\t\t\t\t\t\t<h6>Users</h6>
\t\t\t\t\t\t<p>Control your Groups, Teams, Agents and Customers</p>
\t\t\t\t\t</div>

\t\t\t\t\t<div class=\"uv-brick-section\">
\t\t\t\t\t\t{% for dashboardItem in dashboardItems.HELPDESK_USERS %}
\t\t\t\t\t\t\t{% if dashboardItem.permission is not defined or dashboardItem.permission is empty or user_service.isAccessAuthorized(dashboardItem.permission) %}
\t\t\t\t\t\t\t\t<a href=\"{{ path(dashboardItem.route) }}\">
\t\t\t\t\t\t\t\t\t<div class=\"uv-brick-container\">
\t\t\t\t\t\t\t\t\t\t<div class=\"uv-brick-icon\">
\t\t\t\t\t\t\t\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"60px\" height=\"60px\" viewBox=\"0 0 60 60\">
\t\t\t\t\t\t\t\t\t\t\t\t{{ dashboardItem.brick_svg | raw }}
\t\t\t\t\t\t\t\t\t\t\t</svg>
\t\t\t\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t\t\t\t<p>{{ dashboardItem.name }}</p>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t{% endif %}
\t\t\t\t\t\t{% endfor %}
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t{% endif %}
\t\t{% endif %}\t
\t\t
\t\t<!-- KNOWLEDGEBASE -->
\t\t{% if user_service.isAccessAuthorized('ROLE_AGENT_MANAGE_KNOWLEDGEBASE') %}
\t\t\t{% if dashboardItems.HELPDESK_KNOWLEDGEBASE is defined and dashboardItems.HELPDESK_KNOWLEDGEBASE is not empty %}
\t\t\t\t<div class=\"uv-brick\">
\t\t\t\t\t<div class=\"uv-brick-head\">
\t\t\t\t\t\t<h6>Knowledgebase</h6>
\t\t\t\t\t\t<p>Knowledgebase is a source of rigid and complex information which helps Customers to help themselves</p>
\t\t\t\t\t</div>

\t\t\t\t\t<div class=\"uv-brick-section\">
\t\t\t\t\t\t{% for dashboardItem in dashboardItems.HELPDESK_KNOWLEDGEBASE %}
\t\t\t\t\t\t\t<a href=\"{{ path(dashboardItem.route) }}\">
\t\t\t\t\t\t\t\t<div class=\"uv-brick-container\">
\t\t\t\t\t\t\t\t\t<div class=\"uv-brick-icon\">
\t\t\t\t\t\t\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"60px\" height=\"60px\" viewBox=\"0 0 60 60\">
\t\t\t\t\t\t\t\t\t\t\t{{ dashboardItem.brick_svg | raw }}
\t\t\t\t\t\t\t\t\t\t</svg>
\t\t\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t\t\t<p>{{ dashboardItem.name }}</p>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t{% endfor %}
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t{% endif %}
\t\t{% endif %}\t\t

\t\t<!-- AUTOMATION -->
\t\t{% if user_service.isAccessAuthorized('ROLE_AGENT_MANAGE_WORKFLOW_MANUAL') or user_service.isAccessAuthorized('ROLE_AGENT_MANAGE_WORKFLOW_AUTOMATIC') or user_service.isAccessAuthorized('ROLE_AGENT_MANAGE_TICKET_TYPE') or user_service.isAccessAuthorized('ROLE_AGENT_MANAGE_TAG') or user_service.isAccessAuthorized('ROLE_ADMIN') %}
\t\t\t{% if dashboardItems.HELPDESK_AUTOMATION is defined and dashboardItems.HELPDESK_AUTOMATION is not empty %}
\t\t\t\t<div class=\"uv-brick\">
\t\t\t\t\t<div class=\"uv-brick-head\">
\t\t\t\t\t\t<h6>Productivity</h6>
\t\t\t\t\t\t<p>Automate your processes by creating set of rules and presets to respond faster to the tickets</p>
\t\t\t\t\t</div>

\t\t\t\t\t<div class=\"uv-brick-section\">
\t\t\t\t\t\t{% for dashboardItem in dashboardItems.HELPDESK_AUTOMATION %}
\t\t\t\t\t\t\t{% if dashboardItem.permission is not defined or dashboardItem.permission is empty or user_service.isAccessAuthorized(dashboardItem.permission) %}
\t\t\t\t\t\t\t\t<a href=\"{{ path(dashboardItem.route) }}\">
\t\t\t\t\t\t\t\t\t<div class=\"uv-brick-container\">
\t\t\t\t\t\t\t\t\t\t<div class=\"uv-brick-icon\">
\t\t\t\t\t\t\t\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"60px\" height=\"60px\" viewBox=\"0 0 60 60\">
\t\t\t\t\t\t\t\t\t\t\t\t{{ dashboardItem.brick_svg | raw }}
\t\t\t\t\t\t\t\t\t\t\t</svg>
\t\t\t\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t\t\t\t<p>{{ dashboardItem.name }}</p>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t{% endif %}
\t\t\t\t\t\t{% endfor %}
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t{% endif %}
\t\t{% endif %}
\t\t\t
\t\t<!-- SETTINGS -->
\t\t{% if user_service.isAccessAuthorized('ROLE_AGENT_MANAGE_EMAIL_TEMPLATE') or user_service.isAccessAuthorized('ROLE_AGENT_MANAGE_CUSTOM_FIELD') or user_service.isAccessAuthorized('import_data') %}
\t\t\t{% if dashboardItems.HELPDESK_SETTINGS is defined and dashboardItems.HELPDESK_SETTINGS is not empty %}
\t\t\t\t<div class=\"uv-brick\">
\t\t\t\t\t<div class=\"uv-brick-head\">
\t\t\t\t\t\t<h6>Settings</h6>
\t\t\t\t\t\t<p>Manage your Brand Identity, Company Information and other details at a glance</p>
\t\t\t\t\t</div>

\t\t\t\t\t<div class=\"uv-brick-section\">
\t\t\t\t\t\t{% for dashboardItem in dashboardItems.HELPDESK_SETTINGS %}
\t\t\t\t\t\t\t{% if dashboardItem.permission is not defined or dashboardItem.permission is empty or user_service.isAccessAuthorized(dashboardItem.permission) %}
\t\t\t\t\t\t\t\t<a href=\"{{ path(dashboardItem.route) }}\">
\t\t\t\t\t\t\t\t\t<div class=\"uv-brick-container\">
\t\t\t\t\t\t\t\t\t\t<div class=\"uv-brick-icon\">
\t\t\t\t\t\t\t\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"60px\" height=\"60px\" viewBox=\"0 0 60 60\">
\t\t\t\t\t\t\t\t\t\t\t\t{{ dashboardItem.brick_svg | raw }}
\t\t\t\t\t\t\t\t\t\t\t</svg>
\t\t\t\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t\t\t\t<p>{{ dashboardItem.name }}</p>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t{% endif %}
\t\t\t\t\t\t{% endfor %}
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t{% endif %}
\t\t{% endif %}
        </div>
    </div>
{% endblock %}

{% block footer %}
    {{ parent() }}

    <script type=\"text/javascript\">
      \tvar width = 260,
\t\t    height = 260,
\t\t    radius = Math.min(width, height) / 2,
\t\t    twoPi = 2 * Math.PI,
\t\t    progress = 0,
\t\t    total = 100,
\t\t    donutWidth = 40,
\t\t    formatPercent = d3.format(\".0%\");

\t\tvar arc = d3.svg.arc()
\t\t    .startAngle(0)
\t\t    .innerRadius(radius - donutWidth)
\t\t    .outerRadius(radius);

\t\tvar svg = d3.select(\".completion-chart\").append(\"svg\")
\t\t    .attr(\"viewBox\", \"0, 0, \" + width + \", \" + height + \"\")
\t\t    .attr('fill', '#2CD651')
\t\t    .append(\"g\")
\t\t    .attr(\"transform\", \"translate(\" + width / 2 + \",\" + height / 2 + \")\");

\t\tvar meter = svg.append(\"g\")
\t    \t\t\t\t.attr(\"class\", \"progress-meter\");

\t\tmeter.append(\"path\")
\t\t    .attr(\"class\", \"background\")
\t\t    .attr(\"d\", arc.endAngle(twoPi));

\t\tvar foreground = meter.append(\"path\")
\t    \t.attr(\"class\", \"foreground\");

\t\tvar text = meter.append(\"text\")
\t    \t.attr(\"text-anchor\", \"middle\")
\t    \t.attr(\"y\", 15);

\t\tvar animate = function(percentage){
\t    \tvar i = d3.interpolate(progress, percentage);

\t\t    d3.transition().duration(1200).tween(\"progress\", function () {
\t\t        return function (t) {
\t\t            progress = i(t);
\t\t            foreground.attr(\"d\", arc.endAngle(twoPi * progress));
\t\t            text.text(formatPercent(progress));
\t\t        };
\t\t    });
\t\t};

\t\tsetTimeout(function () {
\t\t  animate(60);
\t\t}, 500);

\t\t\$(function() {
\t\t\tif (typeof(Storage) !== \"undefined\") {
\t\t\t\tif(!localStorage.getItem('assets-visibility')) {
\t\t\t\t\tlocalStorage.setItem('assets-visibility', '{\"source\":1,\"customer-name\":1,\"customer-email\":0,\"timestamp\":1,\"group\":0,\"team\":0,\"type1\":0,\"replies\":1,\"agent\":1}' );
\t\t\t\t}
\t\t\t}
\t\t});
\t</script>
{% endblock %}", "@UVDeskCore/dashboard.html.twig", "/home/users/akshay.kumar/Workstation/apps/uvdesk/releases/uvdesk_community_01_development_php_72/vendor/uvdesk/core-framework/Resources/views/dashboard.html.twig");
    }
}
