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

/* apps-tasks.html.twig */
class __TwigTemplate_d7f6e78b34185c7b2a63f6fd17abeaca extends Template
{
    private $source;
    private $macros = [];

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

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

        $this->blocks = [
            'title' => [$this, 'block_title'],
            'css' => [$this, 'block_css'],
            '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", "apps-tasks.html.twig"));

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

        $this->parent = $this->loadTemplate("partials/layout-vertical.html.twig", "apps-tasks.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"));

        // line 4
        echo "\tTask Detail
";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

    }

    // line 7
    public function block_css($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", "css"));

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

        // line 8
        echo "\t<!-- Quill css -->
\t<link href=\"/vendor/quill/quill.core.css\" rel=\"stylesheet\" type=\"text/css\"/>
\t<link href=\"/vendor/quill/quill.bubble.css\" rel=\"stylesheet\" type=\"text/css\"/>
\t<link href=\"/vendor/quill/quill.snow.css\" rel=\"stylesheet\" type=\"text/css\"/>
";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

    }

    // line 14
    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 15
        echo "\t<div class=\"row\">
\t\t<div class=\"col-xxl-8\">
\t\t\t<div class=\"page-title-box justify-content-between d-flex align-items-lg-center flex-lg-row flex-column\">
\t\t\t\t<h4 class=\"page-title\">Tasks</h4>
\t\t\t\t<div class=\"app-search\">
\t\t\t\t\t<form>
\t\t\t\t\t\t<a href=\"#\" class=\"btn btn-success btn-sm me-2\">Add New</a>
\t\t\t\t\t\t<div class=\"position-relative\">
\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control border border-dark border-opacity-10\" placeholder=\"Search files...\">
\t\t\t\t\t\t\t<span class=\"ri-search-line search-icon\"></span>
\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<!-- tasks panel -->
\t\t\t<div class=\"mt-2\">
\t\t\t\t<h5 class=\"m-0 pb-2\">
\t\t\t\t\t<a class=\"text-dark\" data-bs-toggle=\"collapse\" href=\"#todayTasks\" role=\"button\" aria-expanded=\"false\" aria-controls=\"todayTasks\">
\t\t\t\t\t\t<i class='ri-arrow-down-s-line fs-18'></i>Today
\t\t\t\t\t\t<span class=\"text-muted\">(10)</span>
\t\t\t\t\t</a>
\t\t\t\t</h5>

\t\t\t\t<div class=\"collapse show\" id=\"todayTasks\">
\t\t\t\t\t<div class=\"card mb-0\">
\t\t\t\t\t\t<div
\t\t\t\t\t\t\tclass=\"card-body\">
\t\t\t\t\t\t\t<!-- task -->
\t\t\t\t\t\t\t<div class=\"row justify-content-sm-between\">
\t\t\t\t\t\t\t\t<div class=\"col-sm-6 mb-2 mb-sm-0\">
\t\t\t\t\t\t\t\t\t<div class=\"form-check\">
\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" class=\"form-check-input\" id=\"task1\">
\t\t\t\t\t\t\t\t\t\t<label class=\"form-check-label\" for=\"task1\">
\t\t\t\t\t\t\t\t\t\t\tDraft the new contract document for sales team
\t\t\t\t\t\t\t\t\t\t</label>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end checkbox -->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t\t<div class=\"col-sm-6\">
\t\t\t\t\t\t\t\t\t<div class=\"d-flex justify-content-between\">
\t\t\t\t\t\t\t\t\t\t<div id=\"tooltip-container\">
\t\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-9.jpg\" alt=\"image\" class=\"avatar-xs rounded-circle me-1\" data-bs-container=\"#tooltip-container\" data-bs-toggle=\"tooltip\" data-bs-placement=\"bottom\" title=\"Assigned to Arya S\"/>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<div>
\t\t\t\t\t\t\t\t\t\t\t<ul class=\"list-inline fs-13 text-end\">
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-calendar-todo-line fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\tToday 10am
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-1\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-list-check-3 fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\t3/7
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-1\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-chat-2-line fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\t21
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-2\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"badge bg-danger-subtle text-danger p-1\">High</span>
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t</ul>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end .d-flex-->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end task -->

\t\t\t\t\t\t\t<!-- task -->
\t\t\t\t\t\t\t<div class=\"row justify-content-sm-between mt-2\">
\t\t\t\t\t\t\t\t<div class=\"col-sm-6 mb-2 mb-sm-0\">
\t\t\t\t\t\t\t\t\t<div class=\"form-check\">
\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" class=\"form-check-input\" id=\"task2\">
\t\t\t\t\t\t\t\t\t\t<label class=\"form-check-label\" for=\"task2\">
\t\t\t\t\t\t\t\t\t\t\tiOS App home page
\t\t\t\t\t\t\t\t\t\t</label>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end checkbox -->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t\t<div class=\"col-sm-6\">
\t\t\t\t\t\t\t\t\t<div class=\"d-flex justify-content-between\">
\t\t\t\t\t\t\t\t\t\t<div id=\"tooltip-container1\">
\t\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-2.jpg\" alt=\"image\" class=\"avatar-xs rounded-circle me-1\" data-bs-container=\"#tooltip-container1\" data-bs-toggle=\"tooltip\" data-bs-placement=\"bottom\" title=\"Assigned to James B\"/>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<div>
\t\t\t\t\t\t\t\t\t\t\t<ul class=\"list-inline fs-13 text-end\">
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-calendar-todo-line fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\tToday 4pm
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-1\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-list-check-3 fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\t2/7
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-1\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-chat-2-line fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\t48
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-2\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"badge bg-danger-subtle text-danger p-1\">High</span>
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t</ul>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end .d-flex-->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end task -->

\t\t\t\t\t\t\t<!-- task -->
\t\t\t\t\t\t\t<div class=\"row justify-content-sm-between mt-2\">
\t\t\t\t\t\t\t\t<div class=\"col-sm-6 mb-2 mb-sm-0\">
\t\t\t\t\t\t\t\t\t<div class=\"form-check\">
\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" class=\"form-check-input\" id=\"task3\">
\t\t\t\t\t\t\t\t\t\t<label class=\"form-check-label\" for=\"task3\">
\t\t\t\t\t\t\t\t\t\t\tWrite a release note
\t\t\t\t\t\t\t\t\t\t</label>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end checkbox -->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t\t<div class=\"col-sm-6\">
\t\t\t\t\t\t\t\t\t<div class=\"d-flex justify-content-between\">
\t\t\t\t\t\t\t\t\t\t<div id=\"tooltip-container2\">
\t\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-4.jpg\" alt=\"image\" class=\"avatar-xs rounded-circle me-1\" data-bs-container=\"#tooltip-container2\" data-bs-toggle=\"tooltip\" data-bs-placement=\"bottom\" title=\"Assigned to Kevin C\"/>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<div>
\t\t\t\t\t\t\t\t\t\t\t<ul class=\"list-inline fs-13 text-end mb-0\">
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-calendar-todo-line fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\tToday 6pm
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-1\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-list-check-3 fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\t18/21
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-1\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-chat-2-line fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\t73
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-2\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"badge bg-info-subtle text-info p-1\">Medium</span>
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t</ul>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end .d-flex-->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end task -->
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<!-- end card-body-->
\t\t\t\t\t</div>
\t\t\t\t\t<!-- end card -->
\t\t\t\t</div>
\t\t\t\t<!-- end .collapse-->
\t\t\t</div>
\t\t\t<!-- end .mt-2-->

\t\t\t<!-- upcoming tasks -->
\t\t\t<div class=\"mt-4\">

\t\t\t\t<h5 class=\"m-0 pb-2\">
\t\t\t\t\t<a class=\"text-dark\" data-bs-toggle=\"collapse\" href=\"#upcomingTasks\" role=\"button\" aria-expanded=\"false\" aria-controls=\"upcomingTasks\">
\t\t\t\t\t\t<i class='ri-arrow-down-s-line fs-18'></i>Upcoming
\t\t\t\t\t\t<span class=\"text-muted\">(5)</span>
\t\t\t\t\t</a>
\t\t\t\t</h5>

\t\t\t\t<div class=\"collapse show\" id=\"upcomingTasks\">
\t\t\t\t\t<div class=\"card mb-0\">
\t\t\t\t\t\t<div
\t\t\t\t\t\t\tclass=\"card-body\">
\t\t\t\t\t\t\t<!-- task -->
\t\t\t\t\t\t\t<div class=\"row justify-content-sm-between\">
\t\t\t\t\t\t\t\t<div class=\"col-sm-6 mb-2 mb-sm-0\">
\t\t\t\t\t\t\t\t\t<div class=\"form-check\">
\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" class=\"form-check-input\" id=\"task4\">
\t\t\t\t\t\t\t\t\t\t<label class=\"form-check-label\" for=\"task4\">
\t\t\t\t\t\t\t\t\t\t\tInvite user to a project
\t\t\t\t\t\t\t\t\t\t</label>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end checkbox -->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t\t<div class=\"col-sm-6\">
\t\t\t\t\t\t\t\t\t<div class=\"d-flex justify-content-between\">
\t\t\t\t\t\t\t\t\t\t<div id=\"tooltip-container3\">
\t\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-2.jpg\" alt=\"image\" class=\"avatar-xs rounded-circle me-1\" data-bs-container=\"#tooltip-container3\" data-bs-toggle=\"tooltip\" data-bs-placement=\"bottom\" title=\"Assigned to James B\"/>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<div>
\t\t\t\t\t\t\t\t\t\t\t<ul class=\"list-inline fs-13 text-end\">
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-calendar-todo-line fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\tTomorrow 7am
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-1\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-list-check-3 fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\t1/12
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-1\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-chat-2-line fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\t36
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-2\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"badge bg-danger-subtle text-danger p-1\">High</span>
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t</ul>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end .d-flex-->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end task -->

\t\t\t\t\t\t\t<!-- task -->
\t\t\t\t\t\t\t<div class=\"row justify-content-sm-between mt-2\">
\t\t\t\t\t\t\t\t<div class=\"col-sm-6 mb-2 mb-sm-0\">
\t\t\t\t\t\t\t\t\t<div class=\"form-check\">
\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" class=\"form-check-input\" id=\"task5\">
\t\t\t\t\t\t\t\t\t\t<label class=\"form-check-label\" for=\"task5\">
\t\t\t\t\t\t\t\t\t\t\tEnable analytics tracking
\t\t\t\t\t\t\t\t\t\t</label>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end checkbox -->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t\t<div class=\"col-sm-6\">
\t\t\t\t\t\t\t\t\t<div class=\"d-flex justify-content-between\">
\t\t\t\t\t\t\t\t\t\t<div id=\"tooltip-container4\">
\t\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-2.jpg\" alt=\"image\" class=\"avatar-xs rounded-circle me-1\" data-bs-container=\"#tooltip-container4\" data-bs-toggle=\"tooltip\" data-bs-placement=\"bottom\" title=\"Assigned to James B\"/>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<div>
\t\t\t\t\t\t\t\t\t\t\t<ul class=\"list-inline fs-13 text-end\">
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-calendar-todo-line fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\t27 Aug 10am
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-1\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-list-check-3 fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\t13/72
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-1\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-chat-2-line fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\t211
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-2\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"badge bg-success-subtle text-success p-1\">Low</span>
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t</ul>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end .d-flex-->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end task -->

\t\t\t\t\t\t\t<!-- task -->
\t\t\t\t\t\t\t<div class=\"row justify-content-sm-between mt-2\">
\t\t\t\t\t\t\t\t<div class=\"col-sm-6 mb-2 mb-sm-0\">
\t\t\t\t\t\t\t\t\t<div class=\"form-check\">
\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" class=\"form-check-input\" id=\"task6\">
\t\t\t\t\t\t\t\t\t\t<label class=\"form-check-label\" for=\"task6\">
\t\t\t\t\t\t\t\t\t\t\tCode HTML email template
\t\t\t\t\t\t\t\t\t\t</label>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end checkbox -->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t\t<div class=\"col-sm-6\">
\t\t\t\t\t\t\t\t\t<div class=\"d-flex justify-content-between\">
\t\t\t\t\t\t\t\t\t\t<div id=\"tooltip-container5\">
\t\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-7.jpg\" alt=\"image\" class=\"avatar-xs rounded-circle me-1\" data-bs-container=\"#tooltip-container5\" data-bs-toggle=\"tooltip\" data-bs-placement=\"bottom\" title=\"Assigned to Edward S\"/>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<div>
\t\t\t\t\t\t\t\t\t\t\t<ul class=\"list-inline fs-13 text-end mb-0\">
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-calendar-todo-line fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\tNo Due Date
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-1\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-list-check-3 fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\t0/7
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-1\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-chat-2-line fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\t0
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-2\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"badge bg-info-subtle text-info p-1\">Medium</span>
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t</ul>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end .d-flex-->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end task -->
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<!-- end card-body-->
\t\t\t\t\t</div>
\t\t\t\t\t<!-- end card -->
\t\t\t\t</div>
\t\t\t\t<!-- end collapse-->
\t\t\t</div>
\t\t\t<!-- end upcoming tasks -->

\t\t\t<!-- start other tasks -->
\t\t\t<div class=\"mt-4 mb-4\">
\t\t\t\t<h5 class=\"m-0 pb-2\">
\t\t\t\t\t<a class=\"text-dark\" data-bs-toggle=\"collapse\" href=\"#otherTasks\" role=\"button\" aria-expanded=\"false\" aria-controls=\"otherTasks\">
\t\t\t\t\t\t<i class='ri-arrow-down-s-line fs-18'></i>Other
\t\t\t\t\t\t<span class=\"text-muted\">(3)</span>
\t\t\t\t\t</a>
\t\t\t\t</h5>

\t\t\t\t<div class=\"collapse show\" id=\"otherTasks\">
\t\t\t\t\t<div class=\"card mb-0\">
\t\t\t\t\t\t<div
\t\t\t\t\t\t\tclass=\"card-body\">
\t\t\t\t\t\t\t<!-- task -->
\t\t\t\t\t\t\t<div class=\"row justify-content-sm-between\">
\t\t\t\t\t\t\t\t<div class=\"col-sm-6 mb-2 mb-sm-0\">
\t\t\t\t\t\t\t\t\t<div class=\"form-check\">
\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" class=\"form-check-input\" id=\"task7\">
\t\t\t\t\t\t\t\t\t\t<label class=\"form-check-label\" for=\"task7\">
\t\t\t\t\t\t\t\t\t\t\tCoordinate with business development
\t\t\t\t\t\t\t\t\t\t</label>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end checkbox -->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t\t<div class=\"col-sm-6\">
\t\t\t\t\t\t\t\t\t<div class=\"d-flex justify-content-between\">
\t\t\t\t\t\t\t\t\t\t<div id=\"tooltip-container6\">
\t\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-9.jpg\" alt=\"image\" class=\"avatar-xs rounded-circle me-1\" data-bs-container=\"#tooltip-container6\" data-bs-toggle=\"tooltip\" data-bs-placement=\"bottom\" title=\"Assigned to Arya S\"/>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<div>
\t\t\t\t\t\t\t\t\t\t\t<ul class=\"list-inline fs-13 text-end\">
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-calendar-todo-line fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\tToday 10am
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-1\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-list-check-3 fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\t5/14
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-1\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-chat-2-line fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\t71
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-2\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"badge bg-info-subtle text-info p-1\">Medium</span>
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t</ul>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end .d-flex-->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end task -->

\t\t\t\t\t\t\t<!-- task -->
\t\t\t\t\t\t\t<div class=\"row justify-content-sm-between mt-2\">
\t\t\t\t\t\t\t\t<div class=\"col-sm-6 mb-2 mb-sm-0\">
\t\t\t\t\t\t\t\t\t<div class=\"form-check\">
\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" class=\"form-check-input\" id=\"task8\">
\t\t\t\t\t\t\t\t\t\t<label class=\"form-check-label\" for=\"task8\">
\t\t\t\t\t\t\t\t\t\t\tKanban board design
\t\t\t\t\t\t\t\t\t\t</label>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end checkbox -->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t\t<div class=\"col-sm-6\">
\t\t\t\t\t\t\t\t\t<div class=\"d-flex justify-content-between\">
\t\t\t\t\t\t\t\t\t\t<div id=\"tooltip-container7\">
\t\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-2.jpg\" alt=\"image\" class=\"avatar-xs rounded-circle me-1\" data-bs-container=\"#tooltip-container7\" data-bs-toggle=\"tooltip\" data-bs-placement=\"bottom\" title=\"Assigned to James B\"/>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<div>
\t\t\t\t\t\t\t\t\t\t\t<ul class=\"list-inline fs-13 text-end\">
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-calendar-todo-line fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\tNo Due Date
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-1\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-list-check-3 fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\t0/8
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-1\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-chat-2-line fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\t0
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-2\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"badge bg-info-subtle text-info p-1\">Medium</span>
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t</ul>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end .d-flex-->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end task -->

\t\t\t\t\t\t\t<!-- task -->
\t\t\t\t\t\t\t<div class=\"row justify-content-sm-between mt-2\">
\t\t\t\t\t\t\t\t<div class=\"col-sm-6 mb-2 mb-sm-0\">
\t\t\t\t\t\t\t\t\t<div class=\"form-check\">
\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" class=\"form-check-input\" id=\"task9\">
\t\t\t\t\t\t\t\t\t\t<label class=\"form-check-label\" for=\"task9\">
\t\t\t\t\t\t\t\t\t\t\tCode HTML email template for sales outreach
\t\t\t\t\t\t\t\t\t\t</label>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end checkbox -->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t\t<div class=\"col-sm-6\">
\t\t\t\t\t\t\t\t\t<div class=\"d-flex justify-content-between\">
\t\t\t\t\t\t\t\t\t\t<div id=\"tooltip-container8\">
\t\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-5.jpg\" alt=\"image\" class=\"avatar-xs rounded-circle me-1\" data-bs-container=\"#tooltip-container8\" data-bs-toggle=\"tooltip\" data-bs-placement=\"bottom\" title=\"Assigned to Gary H\"/>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<div>
\t\t\t\t\t\t\t\t\t\t\t<ul class=\"list-inline fs-13 text-end mb-0\">
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-calendar-todo-line fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\t10 Sep 3pm
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-1\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-list-check-3 fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\t0/58
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-1\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-chat-2-line fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\t9
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-2\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"badge bg-success-subtle text-success p-1\">Low</span>
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t</ul>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end .d-flex-->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end task -->
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<!-- end card-body-->
\t\t\t\t\t</div>
\t\t\t\t\t<!-- end card -->
\t\t\t\t</div>
\t\t\t</div>
\t\t</div>
\t\t<!-- end col -->

\t\t<!-- task details -->
\t\t<div class=\"col-xxl-4\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<div class=\"dropdown card-widgets\">
\t\t\t\t\t\t<a href=\"#\" class=\"dropdown-toggle arrow-none\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
\t\t\t\t\t\t\t<i class='ri-more-fill'></i>
\t\t\t\t\t\t</a>
\t\t\t\t\t\t<div
\t\t\t\t\t\t\tclass=\"dropdown-menu dropdown-menu-animated dropdown-menu-end\">
\t\t\t\t\t\t\t<!-- item-->
\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"dropdown-item\">
\t\t\t\t\t\t\t\t<i class='ri-attachment-line me-1'></i>Attachment
\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t<!-- item-->
\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"dropdown-item\">
\t\t\t\t\t\t\t\t<i class='ri-edit-box-line me-1'></i>Edit
\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t<!-- item-->
\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"dropdown-item\">
\t\t\t\t\t\t\t\t<i class='ri-file-copy-2-line me-1'></i>Mark as Duplicate
\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t<div class=\"dropdown-divider\"></div>
\t\t\t\t\t\t\t<!-- item-->
\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"dropdown-item text-danger\">
\t\t\t\t\t\t\t\t<i class='ri-delete-bin-line me-1'></i>Delete
\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<!-- end dropdown menu-->
\t\t\t\t\t</div>
\t\t\t\t\t<!-- end dropdown-->

\t\t\t\t\t<div class=\"form-check float-start\">
\t\t\t\t\t\t<input type=\"checkbox\" class=\"form-check-input\" id=\"completedCheck\">
\t\t\t\t\t\t<label class=\"form-check-label\" for=\"completedCheck\">
\t\t\t\t\t\t\tMark as completed
\t\t\t\t\t\t</label>
\t\t\t\t\t</div>
\t\t\t\t\t<!-- end form-check-->

\t\t\t\t\t<hr class=\"mt-4 mb-2\"/>

\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t<div class=\"col\">

\t\t\t\t\t\t\t<h4>Draft the new contract document for sales team</h4>

\t\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t\t<div
\t\t\t\t\t\t\t\t\tclass=\"col-6\">
\t\t\t\t\t\t\t\t\t<!-- assignee -->
\t\t\t\t\t\t\t\t\t<p class=\"mt-2 mb-1 text-muted\">Assigned To</p>
\t\t\t\t\t\t\t\t\t<div class=\"d-flex\">
\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-9.jpg\" alt=\"Arya S\" class=\"rounded-circle me-2\" height=\"24\"/>
\t\t\t\t\t\t\t\t\t\t<div>
\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"mt-1 fs-14\">
\t\t\t\t\t\t\t\t\t\t\t\tArya Stark
\t\t\t\t\t\t\t\t\t\t\t</h5>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end assignee -->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end col -->

\t\t\t\t\t\t\t\t<div
\t\t\t\t\t\t\t\t\tclass=\"col-6\">
\t\t\t\t\t\t\t\t\t<!-- start due date -->
\t\t\t\t\t\t\t\t\t<p class=\"mt-2 mb-1 text-muted\">Due Date</p>
\t\t\t\t\t\t\t\t\t<div class=\"d-flex\">
\t\t\t\t\t\t\t\t\t\t<i class='ri-calendar-todo-line fs-18 text-success me-1'></i>
\t\t\t\t\t\t\t\t\t\t<div>
\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"mt-1 fs-14\">
\t\t\t\t\t\t\t\t\t\t\t\tToday 10am
\t\t\t\t\t\t\t\t\t\t\t</h5>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end due date -->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end row -->

\t\t\t\t\t\t\t<!-- task description -->
\t\t\t\t\t\t\t<div class=\"row mt-3\">
\t\t\t\t\t\t\t\t<div class=\"col\">
\t\t\t\t\t\t\t\t\t<div class=\"border rounded\">
\t\t\t\t\t\t\t\t\t\t<div id=\"bubble-editor\" style=\"height: 130px;\">
\t\t\t\t\t\t\t\t\t\t\t<h3>This is an simple editable area.</h3>
\t\t\t\t\t\t\t\t\t\t\t<p><br></p>
\t\t\t\t\t\t\t\t\t\t\t<ul>
\t\t\t\t\t\t\t\t\t\t\t\t<li>
\t\t\t\t\t\t\t\t\t\t\t\t\tSelect a text to reveal the toolbar.
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li>
\t\t\t\t\t\t\t\t\t\t\t\t\tEdit rich document on-the-fly, so elastic!
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t</ul>
\t\t\t\t\t\t\t\t\t\t\t<p><br></p>
\t\t\t\t\t\t\t\t\t\t\t<p>
\t\t\t\t\t\t\t\t\t\t\t\tEnd of simple area
\t\t\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<!-- end Snow-editor-->
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end task description -->

\t\t\t\t\t\t\t<!-- start sub tasks/checklists -->
\t\t\t\t\t\t\t<h5 class=\"mt-4 mb-2 fs-16\">Checklists/Sub-tasks</h5>
\t\t\t\t\t\t\t<div class=\"form-check mt-1\">
\t\t\t\t\t\t\t\t<input type=\"checkbox\" class=\"form-check-input\" id=\"checklist1\">
\t\t\t\t\t\t\t\t<label class=\"form-check-label strikethrough\" for=\"checklist1\">
\t\t\t\t\t\t\t\t\tFind out the old contract documents
\t\t\t\t\t\t\t\t</label>
\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t<div class=\"form-check mt-1\">
\t\t\t\t\t\t\t\t<input type=\"checkbox\" class=\"form-check-input\" id=\"checklist2\">
\t\t\t\t\t\t\t\t<label class=\"form-check-label strikethrough\" for=\"checklist2\">
\t\t\t\t\t\t\t\t\tOrganize meeting sales associates to understand need in detail
\t\t\t\t\t\t\t\t</label>
\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t<div class=\"form-check mt-1\">
\t\t\t\t\t\t\t\t<input type=\"checkbox\" class=\"form-check-input\" id=\"checklist3\">
\t\t\t\t\t\t\t\t<label class=\"form-check-label strikethrough\" for=\"checklist3\">
\t\t\t\t\t\t\t\t\tMake sure to cover every small details
\t\t\t\t\t\t\t\t</label>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end sub tasks/checklists -->

\t\t\t\t\t\t\t<!-- start attachments -->
\t\t\t\t\t\t\t<h5 class=\"mt-4 mb-2 fs-16\">Attachments</h5>
\t\t\t\t\t\t\t<div class=\"card mb-2 shadow-none border\">
\t\t\t\t\t\t\t\t<div class=\"p-1\">
\t\t\t\t\t\t\t\t\t<div class=\"row align-items-center\">
\t\t\t\t\t\t\t\t\t\t<div class=\"col-auto\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"avatar-sm\">
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"avatar-title rounded\">
\t\t\t\t\t\t\t\t\t\t\t\t\tZIP
\t\t\t\t\t\t\t\t\t\t\t\t</span>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<div class=\"col ps-0\">
\t\t\t\t\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"text-muted fw-bold\">sales-assets.zip</a>
\t\t\t\t\t\t\t\t\t\t\t<p class=\"mb-0\">2.3 MB</p>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<div
\t\t\t\t\t\t\t\t\t\t\tclass=\"col-auto\" id=\"tooltip-container9\">
\t\t\t\t\t\t\t\t\t\t\t<!-- Button -->
\t\t\t\t\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" data-bs-container=\"#tooltip-container9\" data-bs-toggle=\"tooltip\" data-bs-placement=\"bottom\" title=\"Download\" class=\"btn btn-link text-muted btn-lg p-0\">
\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-delete-bin-line'></i>
\t\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" data-bs-container=\"#tooltip-container9\" data-bs-toggle=\"tooltip\" data-bs-placement=\"bottom\" title=\"Delete\" class=\"btn btn-link text-danger btn-lg p-0\">
\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-close-fill'></i>
\t\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\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=\"card mb-2 shadow-none border\">
\t\t\t\t\t\t\t\t<div class=\"p-1\">
\t\t\t\t\t\t\t\t\t<div class=\"row align-items-center\">
\t\t\t\t\t\t\t\t\t\t<div class=\"col-auto\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"avatar-sm\">
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"avatar-title rounded\">
\t\t\t\t\t\t\t\t\t\t\t\t\tDOC
\t\t\t\t\t\t\t\t\t\t\t\t</span>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<div class=\"col ps-0\">
\t\t\t\t\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"text-muted fw-bold\">new-contarcts.docx</a>
\t\t\t\t\t\t\t\t\t\t\t<p class=\"mb-0\">1.25 MB</p>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<div
\t\t\t\t\t\t\t\t\t\t\tclass=\"col-auto\" id=\"tooltip-container10\">
\t\t\t\t\t\t\t\t\t\t\t<!-- Button -->
\t\t\t\t\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" data-bs-container=\"#tooltip-container10\" data-bs-toggle=\"tooltip\" data-bs-placement=\"bottom\" title=\"Download\" class=\"btn btn-link text-muted btn-lg p-0\">
\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-delete-bin-line'></i>
\t\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" data-bs-container=\"#tooltip-container10\" data-bs-toggle=\"tooltip\" data-bs-placement=\"bottom\" title=\"Delete\" class=\"btn btn-link text-danger btn-lg p-0\">
\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-close-fill'></i>
\t\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end attachments -->

\t\t\t\t\t\t\t<!-- comments -->
\t\t\t\t\t\t\t<div class=\"row mt-3\">
\t\t\t\t\t\t\t\t<div class=\"col\">
\t\t\t\t\t\t\t\t\t<h5 class=\"mb-2 fs-16\">Comments</h5>

\t\t\t\t\t\t\t\t\t<div class=\"d-flex mt-3 p-1\">
\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-9.jpg\" class=\"me-2 rounded-circle\" height=\"36\" alt=\"Arya Stark\"/>
\t\t\t\t\t\t\t\t\t\t<div class=\"w-100\">
\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"mt-0 mb-0\">
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"float-end text-muted fs-12\">4:30am</span>
\t\t\t\t\t\t\t\t\t\t\t\tArya Stark
\t\t\t\t\t\t\t\t\t\t\t</h5>
\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-1 mb-0 text-muted\">
\t\t\t\t\t\t\t\t\t\t\t\tShould I review the last 3 years legal documents as well?
\t\t\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end comment -->

\t\t\t\t\t\t\t\t\t<hr/>

\t\t\t\t\t\t\t\t\t<div class=\"d-flex mt-2 p-1\">
\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-5.jpg\" class=\"me-2 rounded-circle\" height=\"36\" alt=\"Dominc B\"/>
\t\t\t\t\t\t\t\t\t\t<div class=\"w-100\">
\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"mt-0 mb-0\">
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"float-end text-muted fs-12\">3:30am</span>
\t\t\t\t\t\t\t\t\t\t\t\tGary Somya
\t\t\t\t\t\t\t\t\t\t\t</h5>
\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-1 mb-0 text-muted\">
\t\t\t\t\t\t\t\t\t\t\t\t@Arya FYI..I have created some general guidelines last year.
\t\t\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end comment-->

\t\t\t\t\t\t\t\t\t<hr/>

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

\t\t\t\t\t\t\t<div class=\"row mt-2\">
\t\t\t\t\t\t\t\t<div class=\"col\">
\t\t\t\t\t\t\t\t\t<div class=\"border rounded\">
\t\t\t\t\t\t\t\t\t\t<form action=\"#\" class=\"comment-area-box\">
\t\t\t\t\t\t\t\t\t\t\t<textarea rows=\"3\" class=\"form-control border-0 resize-none\" placeholder=\"Your comment...\"></textarea>
\t\t\t\t\t\t\t\t\t\t\t<div class=\"p-2 bg-light\">
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"float-end\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<button type=\"submit\" class=\"btn btn-sm btn-success\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-send-plane-2-line me-1'></i>Submit</button>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t\t<div>
\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\" class=\"btn btn-sm px-1 btn-light\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-upload-line'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\" class=\"btn btn-sm px-1 btn-light\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-at-line'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t</form>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end .border-->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end col-->
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end row-->
\t\t\t\t\t\t\t<!-- end comments -->
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t</div>
\t\t\t\t\t<!-- end row-->
\t\t\t\t</div>
\t\t\t\t<!-- end card-body -->
\t\t\t</div>
\t\t\t<!-- end card-->
\t\t</div>
\t\t<!-- end col -->
\t</div>
\t<!-- end row-->
";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

    }

    // line 755
    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 756
        echo "\t<!-- quill js -->
\t<script src=\"/vendor/quill/quill.min.js\"></script>

\t<!-- Init js-->
\t<script src=\"/js/pages/demo.tasks.js\"></script>
";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

    }

    public function getTemplateName()
    {
        return "apps-tasks.html.twig";
    }

    public function isTraitable()
    {
        return false;
    }

    public function getDebugInfo()
    {
        return array (  874 => 756,  864 => 755,  116 => 15,  106 => 14,  92 => 8,  82 => 7,  71 => 4,  61 => 3,  38 => 1,);
    }

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

{% block title %}
\tTask Detail
{% endblock %}

{% block css %}
\t<!-- Quill css -->
\t<link href=\"/vendor/quill/quill.core.css\" rel=\"stylesheet\" type=\"text/css\"/>
\t<link href=\"/vendor/quill/quill.bubble.css\" rel=\"stylesheet\" type=\"text/css\"/>
\t<link href=\"/vendor/quill/quill.snow.css\" rel=\"stylesheet\" type=\"text/css\"/>
{% endblock %}
\t\t
{% block body %}
\t<div class=\"row\">
\t\t<div class=\"col-xxl-8\">
\t\t\t<div class=\"page-title-box justify-content-between d-flex align-items-lg-center flex-lg-row flex-column\">
\t\t\t\t<h4 class=\"page-title\">Tasks</h4>
\t\t\t\t<div class=\"app-search\">
\t\t\t\t\t<form>
\t\t\t\t\t\t<a href=\"#\" class=\"btn btn-success btn-sm me-2\">Add New</a>
\t\t\t\t\t\t<div class=\"position-relative\">
\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control border border-dark border-opacity-10\" placeholder=\"Search files...\">
\t\t\t\t\t\t\t<span class=\"ri-search-line search-icon\"></span>
\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<!-- tasks panel -->
\t\t\t<div class=\"mt-2\">
\t\t\t\t<h5 class=\"m-0 pb-2\">
\t\t\t\t\t<a class=\"text-dark\" data-bs-toggle=\"collapse\" href=\"#todayTasks\" role=\"button\" aria-expanded=\"false\" aria-controls=\"todayTasks\">
\t\t\t\t\t\t<i class='ri-arrow-down-s-line fs-18'></i>Today
\t\t\t\t\t\t<span class=\"text-muted\">(10)</span>
\t\t\t\t\t</a>
\t\t\t\t</h5>

\t\t\t\t<div class=\"collapse show\" id=\"todayTasks\">
\t\t\t\t\t<div class=\"card mb-0\">
\t\t\t\t\t\t<div
\t\t\t\t\t\t\tclass=\"card-body\">
\t\t\t\t\t\t\t<!-- task -->
\t\t\t\t\t\t\t<div class=\"row justify-content-sm-between\">
\t\t\t\t\t\t\t\t<div class=\"col-sm-6 mb-2 mb-sm-0\">
\t\t\t\t\t\t\t\t\t<div class=\"form-check\">
\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" class=\"form-check-input\" id=\"task1\">
\t\t\t\t\t\t\t\t\t\t<label class=\"form-check-label\" for=\"task1\">
\t\t\t\t\t\t\t\t\t\t\tDraft the new contract document for sales team
\t\t\t\t\t\t\t\t\t\t</label>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end checkbox -->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t\t<div class=\"col-sm-6\">
\t\t\t\t\t\t\t\t\t<div class=\"d-flex justify-content-between\">
\t\t\t\t\t\t\t\t\t\t<div id=\"tooltip-container\">
\t\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-9.jpg\" alt=\"image\" class=\"avatar-xs rounded-circle me-1\" data-bs-container=\"#tooltip-container\" data-bs-toggle=\"tooltip\" data-bs-placement=\"bottom\" title=\"Assigned to Arya S\"/>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<div>
\t\t\t\t\t\t\t\t\t\t\t<ul class=\"list-inline fs-13 text-end\">
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-calendar-todo-line fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\tToday 10am
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-1\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-list-check-3 fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\t3/7
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-1\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-chat-2-line fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\t21
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-2\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"badge bg-danger-subtle text-danger p-1\">High</span>
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t</ul>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end .d-flex-->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end task -->

\t\t\t\t\t\t\t<!-- task -->
\t\t\t\t\t\t\t<div class=\"row justify-content-sm-between mt-2\">
\t\t\t\t\t\t\t\t<div class=\"col-sm-6 mb-2 mb-sm-0\">
\t\t\t\t\t\t\t\t\t<div class=\"form-check\">
\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" class=\"form-check-input\" id=\"task2\">
\t\t\t\t\t\t\t\t\t\t<label class=\"form-check-label\" for=\"task2\">
\t\t\t\t\t\t\t\t\t\t\tiOS App home page
\t\t\t\t\t\t\t\t\t\t</label>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end checkbox -->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t\t<div class=\"col-sm-6\">
\t\t\t\t\t\t\t\t\t<div class=\"d-flex justify-content-between\">
\t\t\t\t\t\t\t\t\t\t<div id=\"tooltip-container1\">
\t\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-2.jpg\" alt=\"image\" class=\"avatar-xs rounded-circle me-1\" data-bs-container=\"#tooltip-container1\" data-bs-toggle=\"tooltip\" data-bs-placement=\"bottom\" title=\"Assigned to James B\"/>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<div>
\t\t\t\t\t\t\t\t\t\t\t<ul class=\"list-inline fs-13 text-end\">
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-calendar-todo-line fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\tToday 4pm
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-1\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-list-check-3 fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\t2/7
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-1\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-chat-2-line fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\t48
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-2\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"badge bg-danger-subtle text-danger p-1\">High</span>
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t</ul>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end .d-flex-->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end task -->

\t\t\t\t\t\t\t<!-- task -->
\t\t\t\t\t\t\t<div class=\"row justify-content-sm-between mt-2\">
\t\t\t\t\t\t\t\t<div class=\"col-sm-6 mb-2 mb-sm-0\">
\t\t\t\t\t\t\t\t\t<div class=\"form-check\">
\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" class=\"form-check-input\" id=\"task3\">
\t\t\t\t\t\t\t\t\t\t<label class=\"form-check-label\" for=\"task3\">
\t\t\t\t\t\t\t\t\t\t\tWrite a release note
\t\t\t\t\t\t\t\t\t\t</label>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end checkbox -->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t\t<div class=\"col-sm-6\">
\t\t\t\t\t\t\t\t\t<div class=\"d-flex justify-content-between\">
\t\t\t\t\t\t\t\t\t\t<div id=\"tooltip-container2\">
\t\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-4.jpg\" alt=\"image\" class=\"avatar-xs rounded-circle me-1\" data-bs-container=\"#tooltip-container2\" data-bs-toggle=\"tooltip\" data-bs-placement=\"bottom\" title=\"Assigned to Kevin C\"/>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<div>
\t\t\t\t\t\t\t\t\t\t\t<ul class=\"list-inline fs-13 text-end mb-0\">
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-calendar-todo-line fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\tToday 6pm
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-1\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-list-check-3 fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\t18/21
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-1\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-chat-2-line fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\t73
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-2\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"badge bg-info-subtle text-info p-1\">Medium</span>
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t</ul>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end .d-flex-->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end task -->
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<!-- end card-body-->
\t\t\t\t\t</div>
\t\t\t\t\t<!-- end card -->
\t\t\t\t</div>
\t\t\t\t<!-- end .collapse-->
\t\t\t</div>
\t\t\t<!-- end .mt-2-->

\t\t\t<!-- upcoming tasks -->
\t\t\t<div class=\"mt-4\">

\t\t\t\t<h5 class=\"m-0 pb-2\">
\t\t\t\t\t<a class=\"text-dark\" data-bs-toggle=\"collapse\" href=\"#upcomingTasks\" role=\"button\" aria-expanded=\"false\" aria-controls=\"upcomingTasks\">
\t\t\t\t\t\t<i class='ri-arrow-down-s-line fs-18'></i>Upcoming
\t\t\t\t\t\t<span class=\"text-muted\">(5)</span>
\t\t\t\t\t</a>
\t\t\t\t</h5>

\t\t\t\t<div class=\"collapse show\" id=\"upcomingTasks\">
\t\t\t\t\t<div class=\"card mb-0\">
\t\t\t\t\t\t<div
\t\t\t\t\t\t\tclass=\"card-body\">
\t\t\t\t\t\t\t<!-- task -->
\t\t\t\t\t\t\t<div class=\"row justify-content-sm-between\">
\t\t\t\t\t\t\t\t<div class=\"col-sm-6 mb-2 mb-sm-0\">
\t\t\t\t\t\t\t\t\t<div class=\"form-check\">
\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" class=\"form-check-input\" id=\"task4\">
\t\t\t\t\t\t\t\t\t\t<label class=\"form-check-label\" for=\"task4\">
\t\t\t\t\t\t\t\t\t\t\tInvite user to a project
\t\t\t\t\t\t\t\t\t\t</label>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end checkbox -->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t\t<div class=\"col-sm-6\">
\t\t\t\t\t\t\t\t\t<div class=\"d-flex justify-content-between\">
\t\t\t\t\t\t\t\t\t\t<div id=\"tooltip-container3\">
\t\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-2.jpg\" alt=\"image\" class=\"avatar-xs rounded-circle me-1\" data-bs-container=\"#tooltip-container3\" data-bs-toggle=\"tooltip\" data-bs-placement=\"bottom\" title=\"Assigned to James B\"/>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<div>
\t\t\t\t\t\t\t\t\t\t\t<ul class=\"list-inline fs-13 text-end\">
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-calendar-todo-line fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\tTomorrow 7am
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-1\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-list-check-3 fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\t1/12
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-1\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-chat-2-line fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\t36
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-2\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"badge bg-danger-subtle text-danger p-1\">High</span>
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t</ul>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end .d-flex-->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end task -->

\t\t\t\t\t\t\t<!-- task -->
\t\t\t\t\t\t\t<div class=\"row justify-content-sm-between mt-2\">
\t\t\t\t\t\t\t\t<div class=\"col-sm-6 mb-2 mb-sm-0\">
\t\t\t\t\t\t\t\t\t<div class=\"form-check\">
\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" class=\"form-check-input\" id=\"task5\">
\t\t\t\t\t\t\t\t\t\t<label class=\"form-check-label\" for=\"task5\">
\t\t\t\t\t\t\t\t\t\t\tEnable analytics tracking
\t\t\t\t\t\t\t\t\t\t</label>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end checkbox -->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t\t<div class=\"col-sm-6\">
\t\t\t\t\t\t\t\t\t<div class=\"d-flex justify-content-between\">
\t\t\t\t\t\t\t\t\t\t<div id=\"tooltip-container4\">
\t\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-2.jpg\" alt=\"image\" class=\"avatar-xs rounded-circle me-1\" data-bs-container=\"#tooltip-container4\" data-bs-toggle=\"tooltip\" data-bs-placement=\"bottom\" title=\"Assigned to James B\"/>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<div>
\t\t\t\t\t\t\t\t\t\t\t<ul class=\"list-inline fs-13 text-end\">
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-calendar-todo-line fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\t27 Aug 10am
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-1\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-list-check-3 fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\t13/72
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-1\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-chat-2-line fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\t211
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-2\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"badge bg-success-subtle text-success p-1\">Low</span>
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t</ul>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end .d-flex-->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end task -->

\t\t\t\t\t\t\t<!-- task -->
\t\t\t\t\t\t\t<div class=\"row justify-content-sm-between mt-2\">
\t\t\t\t\t\t\t\t<div class=\"col-sm-6 mb-2 mb-sm-0\">
\t\t\t\t\t\t\t\t\t<div class=\"form-check\">
\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" class=\"form-check-input\" id=\"task6\">
\t\t\t\t\t\t\t\t\t\t<label class=\"form-check-label\" for=\"task6\">
\t\t\t\t\t\t\t\t\t\t\tCode HTML email template
\t\t\t\t\t\t\t\t\t\t</label>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end checkbox -->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t\t<div class=\"col-sm-6\">
\t\t\t\t\t\t\t\t\t<div class=\"d-flex justify-content-between\">
\t\t\t\t\t\t\t\t\t\t<div id=\"tooltip-container5\">
\t\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-7.jpg\" alt=\"image\" class=\"avatar-xs rounded-circle me-1\" data-bs-container=\"#tooltip-container5\" data-bs-toggle=\"tooltip\" data-bs-placement=\"bottom\" title=\"Assigned to Edward S\"/>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<div>
\t\t\t\t\t\t\t\t\t\t\t<ul class=\"list-inline fs-13 text-end mb-0\">
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-calendar-todo-line fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\tNo Due Date
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-1\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-list-check-3 fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\t0/7
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-1\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-chat-2-line fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\t0
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-2\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"badge bg-info-subtle text-info p-1\">Medium</span>
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t</ul>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end .d-flex-->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end task -->
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<!-- end card-body-->
\t\t\t\t\t</div>
\t\t\t\t\t<!-- end card -->
\t\t\t\t</div>
\t\t\t\t<!-- end collapse-->
\t\t\t</div>
\t\t\t<!-- end upcoming tasks -->

\t\t\t<!-- start other tasks -->
\t\t\t<div class=\"mt-4 mb-4\">
\t\t\t\t<h5 class=\"m-0 pb-2\">
\t\t\t\t\t<a class=\"text-dark\" data-bs-toggle=\"collapse\" href=\"#otherTasks\" role=\"button\" aria-expanded=\"false\" aria-controls=\"otherTasks\">
\t\t\t\t\t\t<i class='ri-arrow-down-s-line fs-18'></i>Other
\t\t\t\t\t\t<span class=\"text-muted\">(3)</span>
\t\t\t\t\t</a>
\t\t\t\t</h5>

\t\t\t\t<div class=\"collapse show\" id=\"otherTasks\">
\t\t\t\t\t<div class=\"card mb-0\">
\t\t\t\t\t\t<div
\t\t\t\t\t\t\tclass=\"card-body\">
\t\t\t\t\t\t\t<!-- task -->
\t\t\t\t\t\t\t<div class=\"row justify-content-sm-between\">
\t\t\t\t\t\t\t\t<div class=\"col-sm-6 mb-2 mb-sm-0\">
\t\t\t\t\t\t\t\t\t<div class=\"form-check\">
\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" class=\"form-check-input\" id=\"task7\">
\t\t\t\t\t\t\t\t\t\t<label class=\"form-check-label\" for=\"task7\">
\t\t\t\t\t\t\t\t\t\t\tCoordinate with business development
\t\t\t\t\t\t\t\t\t\t</label>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end checkbox -->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t\t<div class=\"col-sm-6\">
\t\t\t\t\t\t\t\t\t<div class=\"d-flex justify-content-between\">
\t\t\t\t\t\t\t\t\t\t<div id=\"tooltip-container6\">
\t\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-9.jpg\" alt=\"image\" class=\"avatar-xs rounded-circle me-1\" data-bs-container=\"#tooltip-container6\" data-bs-toggle=\"tooltip\" data-bs-placement=\"bottom\" title=\"Assigned to Arya S\"/>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<div>
\t\t\t\t\t\t\t\t\t\t\t<ul class=\"list-inline fs-13 text-end\">
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-calendar-todo-line fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\tToday 10am
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-1\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-list-check-3 fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\t5/14
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-1\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-chat-2-line fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\t71
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-2\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"badge bg-info-subtle text-info p-1\">Medium</span>
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t</ul>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end .d-flex-->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end task -->

\t\t\t\t\t\t\t<!-- task -->
\t\t\t\t\t\t\t<div class=\"row justify-content-sm-between mt-2\">
\t\t\t\t\t\t\t\t<div class=\"col-sm-6 mb-2 mb-sm-0\">
\t\t\t\t\t\t\t\t\t<div class=\"form-check\">
\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" class=\"form-check-input\" id=\"task8\">
\t\t\t\t\t\t\t\t\t\t<label class=\"form-check-label\" for=\"task8\">
\t\t\t\t\t\t\t\t\t\t\tKanban board design
\t\t\t\t\t\t\t\t\t\t</label>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end checkbox -->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t\t<div class=\"col-sm-6\">
\t\t\t\t\t\t\t\t\t<div class=\"d-flex justify-content-between\">
\t\t\t\t\t\t\t\t\t\t<div id=\"tooltip-container7\">
\t\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-2.jpg\" alt=\"image\" class=\"avatar-xs rounded-circle me-1\" data-bs-container=\"#tooltip-container7\" data-bs-toggle=\"tooltip\" data-bs-placement=\"bottom\" title=\"Assigned to James B\"/>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<div>
\t\t\t\t\t\t\t\t\t\t\t<ul class=\"list-inline fs-13 text-end\">
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-calendar-todo-line fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\tNo Due Date
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-1\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-list-check-3 fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\t0/8
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-1\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-chat-2-line fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\t0
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-2\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"badge bg-info-subtle text-info p-1\">Medium</span>
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t</ul>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end .d-flex-->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end task -->

\t\t\t\t\t\t\t<!-- task -->
\t\t\t\t\t\t\t<div class=\"row justify-content-sm-between mt-2\">
\t\t\t\t\t\t\t\t<div class=\"col-sm-6 mb-2 mb-sm-0\">
\t\t\t\t\t\t\t\t\t<div class=\"form-check\">
\t\t\t\t\t\t\t\t\t\t<input type=\"checkbox\" class=\"form-check-input\" id=\"task9\">
\t\t\t\t\t\t\t\t\t\t<label class=\"form-check-label\" for=\"task9\">
\t\t\t\t\t\t\t\t\t\t\tCode HTML email template for sales outreach
\t\t\t\t\t\t\t\t\t\t</label>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end checkbox -->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t\t<div class=\"col-sm-6\">
\t\t\t\t\t\t\t\t\t<div class=\"d-flex justify-content-between\">
\t\t\t\t\t\t\t\t\t\t<div id=\"tooltip-container8\">
\t\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-5.jpg\" alt=\"image\" class=\"avatar-xs rounded-circle me-1\" data-bs-container=\"#tooltip-container8\" data-bs-toggle=\"tooltip\" data-bs-placement=\"bottom\" title=\"Assigned to Gary H\"/>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<div>
\t\t\t\t\t\t\t\t\t\t\t<ul class=\"list-inline fs-13 text-end mb-0\">
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-calendar-todo-line fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\t10 Sep 3pm
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-1\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-list-check-3 fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\t0/58
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-1\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-chat-2-line fs-16 me-1'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\t9
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"list-inline-item ms-2\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"badge bg-success-subtle text-success p-1\">Low</span>
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t</ul>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end .d-flex-->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end task -->
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<!-- end card-body-->
\t\t\t\t\t</div>
\t\t\t\t\t<!-- end card -->
\t\t\t\t</div>
\t\t\t</div>
\t\t</div>
\t\t<!-- end col -->

\t\t<!-- task details -->
\t\t<div class=\"col-xxl-4\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<div class=\"dropdown card-widgets\">
\t\t\t\t\t\t<a href=\"#\" class=\"dropdown-toggle arrow-none\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
\t\t\t\t\t\t\t<i class='ri-more-fill'></i>
\t\t\t\t\t\t</a>
\t\t\t\t\t\t<div
\t\t\t\t\t\t\tclass=\"dropdown-menu dropdown-menu-animated dropdown-menu-end\">
\t\t\t\t\t\t\t<!-- item-->
\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"dropdown-item\">
\t\t\t\t\t\t\t\t<i class='ri-attachment-line me-1'></i>Attachment
\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t<!-- item-->
\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"dropdown-item\">
\t\t\t\t\t\t\t\t<i class='ri-edit-box-line me-1'></i>Edit
\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t<!-- item-->
\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"dropdown-item\">
\t\t\t\t\t\t\t\t<i class='ri-file-copy-2-line me-1'></i>Mark as Duplicate
\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t<div class=\"dropdown-divider\"></div>
\t\t\t\t\t\t\t<!-- item-->
\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"dropdown-item text-danger\">
\t\t\t\t\t\t\t\t<i class='ri-delete-bin-line me-1'></i>Delete
\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<!-- end dropdown menu-->
\t\t\t\t\t</div>
\t\t\t\t\t<!-- end dropdown-->

\t\t\t\t\t<div class=\"form-check float-start\">
\t\t\t\t\t\t<input type=\"checkbox\" class=\"form-check-input\" id=\"completedCheck\">
\t\t\t\t\t\t<label class=\"form-check-label\" for=\"completedCheck\">
\t\t\t\t\t\t\tMark as completed
\t\t\t\t\t\t</label>
\t\t\t\t\t</div>
\t\t\t\t\t<!-- end form-check-->

\t\t\t\t\t<hr class=\"mt-4 mb-2\"/>

\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t<div class=\"col\">

\t\t\t\t\t\t\t<h4>Draft the new contract document for sales team</h4>

\t\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t\t<div
\t\t\t\t\t\t\t\t\tclass=\"col-6\">
\t\t\t\t\t\t\t\t\t<!-- assignee -->
\t\t\t\t\t\t\t\t\t<p class=\"mt-2 mb-1 text-muted\">Assigned To</p>
\t\t\t\t\t\t\t\t\t<div class=\"d-flex\">
\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-9.jpg\" alt=\"Arya S\" class=\"rounded-circle me-2\" height=\"24\"/>
\t\t\t\t\t\t\t\t\t\t<div>
\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"mt-1 fs-14\">
\t\t\t\t\t\t\t\t\t\t\t\tArya Stark
\t\t\t\t\t\t\t\t\t\t\t</h5>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end assignee -->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end col -->

\t\t\t\t\t\t\t\t<div
\t\t\t\t\t\t\t\t\tclass=\"col-6\">
\t\t\t\t\t\t\t\t\t<!-- start due date -->
\t\t\t\t\t\t\t\t\t<p class=\"mt-2 mb-1 text-muted\">Due Date</p>
\t\t\t\t\t\t\t\t\t<div class=\"d-flex\">
\t\t\t\t\t\t\t\t\t\t<i class='ri-calendar-todo-line fs-18 text-success me-1'></i>
\t\t\t\t\t\t\t\t\t\t<div>
\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"mt-1 fs-14\">
\t\t\t\t\t\t\t\t\t\t\t\tToday 10am
\t\t\t\t\t\t\t\t\t\t\t</h5>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end due date -->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end row -->

\t\t\t\t\t\t\t<!-- task description -->
\t\t\t\t\t\t\t<div class=\"row mt-3\">
\t\t\t\t\t\t\t\t<div class=\"col\">
\t\t\t\t\t\t\t\t\t<div class=\"border rounded\">
\t\t\t\t\t\t\t\t\t\t<div id=\"bubble-editor\" style=\"height: 130px;\">
\t\t\t\t\t\t\t\t\t\t\t<h3>This is an simple editable area.</h3>
\t\t\t\t\t\t\t\t\t\t\t<p><br></p>
\t\t\t\t\t\t\t\t\t\t\t<ul>
\t\t\t\t\t\t\t\t\t\t\t\t<li>
\t\t\t\t\t\t\t\t\t\t\t\t\tSelect a text to reveal the toolbar.
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t\t<li>
\t\t\t\t\t\t\t\t\t\t\t\t\tEdit rich document on-the-fly, so elastic!
\t\t\t\t\t\t\t\t\t\t\t\t</li>
\t\t\t\t\t\t\t\t\t\t\t</ul>
\t\t\t\t\t\t\t\t\t\t\t<p><br></p>
\t\t\t\t\t\t\t\t\t\t\t<p>
\t\t\t\t\t\t\t\t\t\t\t\tEnd of simple area
\t\t\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<!-- end Snow-editor-->
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end task description -->

\t\t\t\t\t\t\t<!-- start sub tasks/checklists -->
\t\t\t\t\t\t\t<h5 class=\"mt-4 mb-2 fs-16\">Checklists/Sub-tasks</h5>
\t\t\t\t\t\t\t<div class=\"form-check mt-1\">
\t\t\t\t\t\t\t\t<input type=\"checkbox\" class=\"form-check-input\" id=\"checklist1\">
\t\t\t\t\t\t\t\t<label class=\"form-check-label strikethrough\" for=\"checklist1\">
\t\t\t\t\t\t\t\t\tFind out the old contract documents
\t\t\t\t\t\t\t\t</label>
\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t<div class=\"form-check mt-1\">
\t\t\t\t\t\t\t\t<input type=\"checkbox\" class=\"form-check-input\" id=\"checklist2\">
\t\t\t\t\t\t\t\t<label class=\"form-check-label strikethrough\" for=\"checklist2\">
\t\t\t\t\t\t\t\t\tOrganize meeting sales associates to understand need in detail
\t\t\t\t\t\t\t\t</label>
\t\t\t\t\t\t\t</div>

\t\t\t\t\t\t\t<div class=\"form-check mt-1\">
\t\t\t\t\t\t\t\t<input type=\"checkbox\" class=\"form-check-input\" id=\"checklist3\">
\t\t\t\t\t\t\t\t<label class=\"form-check-label strikethrough\" for=\"checklist3\">
\t\t\t\t\t\t\t\t\tMake sure to cover every small details
\t\t\t\t\t\t\t\t</label>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end sub tasks/checklists -->

\t\t\t\t\t\t\t<!-- start attachments -->
\t\t\t\t\t\t\t<h5 class=\"mt-4 mb-2 fs-16\">Attachments</h5>
\t\t\t\t\t\t\t<div class=\"card mb-2 shadow-none border\">
\t\t\t\t\t\t\t\t<div class=\"p-1\">
\t\t\t\t\t\t\t\t\t<div class=\"row align-items-center\">
\t\t\t\t\t\t\t\t\t\t<div class=\"col-auto\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"avatar-sm\">
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"avatar-title rounded\">
\t\t\t\t\t\t\t\t\t\t\t\t\tZIP
\t\t\t\t\t\t\t\t\t\t\t\t</span>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<div class=\"col ps-0\">
\t\t\t\t\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"text-muted fw-bold\">sales-assets.zip</a>
\t\t\t\t\t\t\t\t\t\t\t<p class=\"mb-0\">2.3 MB</p>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<div
\t\t\t\t\t\t\t\t\t\t\tclass=\"col-auto\" id=\"tooltip-container9\">
\t\t\t\t\t\t\t\t\t\t\t<!-- Button -->
\t\t\t\t\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" data-bs-container=\"#tooltip-container9\" data-bs-toggle=\"tooltip\" data-bs-placement=\"bottom\" title=\"Download\" class=\"btn btn-link text-muted btn-lg p-0\">
\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-delete-bin-line'></i>
\t\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" data-bs-container=\"#tooltip-container9\" data-bs-toggle=\"tooltip\" data-bs-placement=\"bottom\" title=\"Delete\" class=\"btn btn-link text-danger btn-lg p-0\">
\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-close-fill'></i>
\t\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\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=\"card mb-2 shadow-none border\">
\t\t\t\t\t\t\t\t<div class=\"p-1\">
\t\t\t\t\t\t\t\t\t<div class=\"row align-items-center\">
\t\t\t\t\t\t\t\t\t\t<div class=\"col-auto\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"avatar-sm\">
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"avatar-title rounded\">
\t\t\t\t\t\t\t\t\t\t\t\t\tDOC
\t\t\t\t\t\t\t\t\t\t\t\t</span>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<div class=\"col ps-0\">
\t\t\t\t\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"text-muted fw-bold\">new-contarcts.docx</a>
\t\t\t\t\t\t\t\t\t\t\t<p class=\"mb-0\">1.25 MB</p>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<div
\t\t\t\t\t\t\t\t\t\t\tclass=\"col-auto\" id=\"tooltip-container10\">
\t\t\t\t\t\t\t\t\t\t\t<!-- Button -->
\t\t\t\t\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" data-bs-container=\"#tooltip-container10\" data-bs-toggle=\"tooltip\" data-bs-placement=\"bottom\" title=\"Download\" class=\"btn btn-link text-muted btn-lg p-0\">
\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-delete-bin-line'></i>
\t\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" data-bs-container=\"#tooltip-container10\" data-bs-toggle=\"tooltip\" data-bs-placement=\"bottom\" title=\"Delete\" class=\"btn btn-link text-danger btn-lg p-0\">
\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-close-fill'></i>
\t\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end attachments -->

\t\t\t\t\t\t\t<!-- comments -->
\t\t\t\t\t\t\t<div class=\"row mt-3\">
\t\t\t\t\t\t\t\t<div class=\"col\">
\t\t\t\t\t\t\t\t\t<h5 class=\"mb-2 fs-16\">Comments</h5>

\t\t\t\t\t\t\t\t\t<div class=\"d-flex mt-3 p-1\">
\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-9.jpg\" class=\"me-2 rounded-circle\" height=\"36\" alt=\"Arya Stark\"/>
\t\t\t\t\t\t\t\t\t\t<div class=\"w-100\">
\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"mt-0 mb-0\">
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"float-end text-muted fs-12\">4:30am</span>
\t\t\t\t\t\t\t\t\t\t\t\tArya Stark
\t\t\t\t\t\t\t\t\t\t\t</h5>
\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-1 mb-0 text-muted\">
\t\t\t\t\t\t\t\t\t\t\t\tShould I review the last 3 years legal documents as well?
\t\t\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end comment -->

\t\t\t\t\t\t\t\t\t<hr/>

\t\t\t\t\t\t\t\t\t<div class=\"d-flex mt-2 p-1\">
\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-5.jpg\" class=\"me-2 rounded-circle\" height=\"36\" alt=\"Dominc B\"/>
\t\t\t\t\t\t\t\t\t\t<div class=\"w-100\">
\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"mt-0 mb-0\">
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"float-end text-muted fs-12\">3:30am</span>
\t\t\t\t\t\t\t\t\t\t\t\tGary Somya
\t\t\t\t\t\t\t\t\t\t\t</h5>
\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-1 mb-0 text-muted\">
\t\t\t\t\t\t\t\t\t\t\t\t@Arya FYI..I have created some general guidelines last year.
\t\t\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end comment-->

\t\t\t\t\t\t\t\t\t<hr/>

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

\t\t\t\t\t\t\t<div class=\"row mt-2\">
\t\t\t\t\t\t\t\t<div class=\"col\">
\t\t\t\t\t\t\t\t\t<div class=\"border rounded\">
\t\t\t\t\t\t\t\t\t\t<form action=\"#\" class=\"comment-area-box\">
\t\t\t\t\t\t\t\t\t\t\t<textarea rows=\"3\" class=\"form-control border-0 resize-none\" placeholder=\"Your comment...\"></textarea>
\t\t\t\t\t\t\t\t\t\t\t<div class=\"p-2 bg-light\">
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"float-end\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<button type=\"submit\" class=\"btn btn-sm btn-success\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-send-plane-2-line me-1'></i>Submit</button>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t\t<div>
\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\" class=\"btn btn-sm px-1 btn-light\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-upload-line'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\" class=\"btn btn-sm px-1 btn-light\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i class='ri-at-line'></i>
\t\t\t\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t</form>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end .border-->
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end col-->
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end row-->
\t\t\t\t\t\t\t<!-- end comments -->
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t</div>
\t\t\t\t\t<!-- end row-->
\t\t\t\t</div>
\t\t\t\t<!-- end card-body -->
\t\t\t</div>
\t\t\t<!-- end card-->
\t\t</div>
\t\t<!-- end col -->
\t</div>
\t<!-- end row-->
{% endblock %}

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

\t<!-- Init js-->
\t<script src=\"/js/pages/demo.tasks.js\"></script>
{% endblock %}
", "apps-tasks.html.twig", "C:\\Users\\4\\Desktop\\Anant\\jidox\\jidox_symfony\\Jidox\\templates\\apps-tasks.html.twig");
    }
}
