<?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-kanban.html.twig */
class __TwigTemplate_894107db26c8bf4d7ff87c03731bf549 extends Template
{
    private $source;
    private $macros = [];

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

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

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

        $this->parent = $this->loadTemplate("partials/layout-vertical.html.twig", "apps-kanban.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 "\tKanban Board    
";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

    }

    // line 7
    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 8
        echo "\t<div class=\"row\">
                            <div class=\"col-12\">
                                <div class=\"page-title-box justify-content-between d-flex align-items-lg-center flex-lg-row flex-column\">     
                                    <h4 class=\"page-title\">Kanban Board <a href=\"#\" data-bs-toggle=\"modal\" data-bs-target=\"#add-new-task-modal\" class=\"btn btn-success btn-sm ms-3\">Add New</a></h4>
                                    <ol class=\"breadcrumb m-0\">
                                        <li class=\"breadcrumb-item\"><a href=\"javascript: void(0);\">Jidox</a></li>
                                        <li class=\"breadcrumb-item\"><a href=\"javascript: void(0);\">Tasks</a></li>
                                        <li class=\"breadcrumb-item active\">Kanban Board</li>
                                    </ol>
                                </div>
                            </div>
                        </div>     

                        <div class=\"row\">
                            <div class=\"col-12\">
                                <div class=\"board\">
                                    <div class=\"tasks\" data-plugin=\"dragula\" data-containers='[\"task-list-one\", \"task-list-two\", \"task-list-three\", \"task-list-four\"]'>
                                        <h5 class=\"mt-0 task-header\">TODO (3)</h5>
                                        
                                        <div id=\"task-list-one\" class=\"task-list-items\">

                                            <!-- Task Item -->
                                            <div class=\"card mb-0\">
                                                <div class=\"card-body p-3\">
                                                    <span class=\"float-end badge bg-danger-subtle text-danger\">High</span>
                                                    <small class=\"text-muted\">18 Jul 2023</small>

                                                    <h5 class=\"my-2 fs-16\">
                                                        <a href=\"#\" data-bs-toggle=\"modal\" data-bs-target=\"#task-detail-modal\" class=\"text-body\">iOS App home page</a>
                                                    </h5>

                                                    <p class=\"mb-0\">
                                                        <span class=\"pe-2 text-nowrap mb-2 d-inline-block\">
                                                            <i class=\"ri-briefcase-2-line text-muted\"></i>
                                                            iOS
                                                        </span>
                                                        <span class=\"text-nowrap mb-2 d-inline-block\">
                                                            <i class=\"ri-discuss-line text-muted\"></i>
                                                            <b>74</b> Comments
                                                        </span>
                                                    </p>

                                                    <div class=\"dropdown float-end mt-2\">
                                                        <a href=\"#\" class=\"dropdown-toggle text-muted arrow-none\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
                                                            <i class=\"ri-more-2-fill fs-18\"></i>
                                                        </a>
                                                        <div class=\"dropdown-menu dropdown-menu-animated dropdown-menu-end\">
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-edit-box-line me-1\"></i>Edit</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-delete-bin-line me-1\"></i>Delete</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-user-add-line me-1\"></i>Add People</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-logout-circle-line me-1\"></i>Leave</a>
                                                        </div>
                                                    </div>

                                                    <div class=\"avatar-group mt-2\">
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Tosha\">
                                                            <img src=\"/images/users/avatar-1.jpg\" alt=\"\"
                                                                class=\"rounded-circle avatar-xs\">
                                                        </a>
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Brain\">
                                                            <img src=\"/images/users/avatar-3.jpg\" alt=\"\"
                                                                class=\"rounded-circle avatar-xs\">
                                                        </a>
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Hooker\">
                                                            <div class=\"avatar-xs\">
                                                                <div
                                                                    class=\"avatar-title rounded-circle text-bg-success\">
                                                                    K
                                                                </div>
                                                            </div>
                                                        </a>
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" title=\"More +\">
                                                            <div class=\"avatar-xs\">
                                                                <div class=\"avatar-title rounded-circle\">
                                                                    9+
                                                                </div>
                                                            </div>
                                                        </a>
                                                    </div>
                                                </div> <!-- end card-body -->
                                            </div>
                                            <!-- Task Item End -->

                                            <!-- Task Item -->
                                            <div class=\"card mb-0\">
                                                <div class=\"card-body p-3\">
                                                    <span class=\"float-end badge bg-warning-subtle text-warning\">Medium</span>
                                                    <small class=\"text-muted\">15 Dec 2023</small>

                                                    <h5 class=\"my-2 fs-16\">
                                                        <a href=\"#\" data-bs-toggle=\"modal\" data-bs-target=\"#task-detail-modal\" class=\"text-body\">Topnav layout design</a>
                                                    </h5>

                                                    <p class=\"mb-0\">
                                                        <span class=\"pe-2 text-nowrap mb-2 d-inline-block\">
                                                            <i class=\"ri-briefcase-2-line text-muted\"></i>
                                                            Jidox
                                                        </span>
                                                        <span class=\"text-nowrap mb-2 d-inline-block\">
                                                            <i class=\"ri-discuss-line text-muted\"></i>
                                                            <b>28</b> Comments
                                                        </span>
                                                    </p>

                                                    <div class=\"dropdown float-end mt-2\">
                                                        <a href=\"#\" class=\"dropdown-toggle text-muted arrow-none\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
                                                            <i class=\"ri-more-2-fill fs-18\"></i>
                                                        </a>
                                                        <div class=\"dropdown-menu dropdown-menu-animated dropdown-menu-end\">
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-edit-box-line me-1\"></i>Edit</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-delete-bin-line me-1\"></i>Delete</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-user-add-line me-1\"></i>Add People</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-logout-circle-line me-1\"></i>Leave</a>
                                                        </div>
                                                    </div>

                                                    <div class=\"avatar-group mt-2\">
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Tosha\">
                                                            <img src=\"/images/users/avatar-2.jpg\" alt=\"\"
                                                                class=\"rounded-circle avatar-xs\">
                                                        </a>
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Brain\">
                                                            <img src=\"/images/users/avatar-4.jpg\" alt=\"\"
                                                                class=\"rounded-circle avatar-xs\">
                                                        </a>
                                                    </div>
                                                </div> <!-- end card-body -->
                                            </div>
                                            <!-- Task Item End -->

                                            <!-- Task Item -->
                                            <div class=\"card mb-0\">
                                                <div class=\"card-body p-3\">
                                                    <span class=\"float-end badge bg-success-subtle text-success\">Low</span>
                                                    <small class=\"text-muted\">11 Jul 2023</small>

                                                    <h5 class=\"my-2 fs-16\">
                                                        <a href=\"#\" data-bs-toggle=\"modal\" data-bs-target=\"#task-detail-modal\" class=\"text-body\">Invite user to a project</a>
                                                    </h5>

                                                    <p class=\"mb-0\">
                                                        <span class=\"pe-2 text-nowrap mb-2 d-inline-block\">
                                                            <i class=\"ri-briefcase-2-line text-muted\"></i>
                                                            CRM
                                                        </span>
                                                        <span class=\"text-nowrap mb-2 d-inline-block\">
                                                            <i class=\"ri-discuss-line text-muted\"></i>
                                                            <b>68</b> Comments
                                                        </span>
                                                    </p>

                                                    <div class=\"dropdown float-end mt-2\">
                                                        <a href=\"#\" class=\"dropdown-toggle text-muted arrow-none\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
                                                            <i class=\"ri-more-2-fill fs-18\"></i>
                                                        </a>
                                                        <div class=\"dropdown-menu dropdown-menu-animated dropdown-menu-end\">
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-edit-box-line me-1\"></i>Edit</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-delete-bin-line me-1\"></i>Delete</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-user-add-line me-1\"></i>Add People</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-logout-circle-line me-1\"></i>Leave</a>
                                                        </div>
                                                    </div>

                                                    <div class=\"avatar-group mt-2\">
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Tosha\">
                                                            <img src=\"/images/users/avatar-5.jpg\" alt=\"\"
                                                                class=\"rounded-circle avatar-xs\">
                                                        </a>
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Brain\">
                                                            <img src=\"/images/users/avatar-6.jpg\" alt=\"\"
                                                                class=\"rounded-circle avatar-xs\">
                                                        </a>
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Hooker\">
                                                            <div class=\"avatar-xs\">
                                                                <div
                                                                    class=\"avatar-title rounded-circle text-bg-info\">
                                                                    M
                                                                </div>
                                                            </div>
                                                        </a>
                                                    </div>
                                                </div> <!-- end card-body -->
                                            </div>
                                            <!-- Task Item End -->
                                            
                                        </div> <!-- end company-list-1-->
                                    </div>

                                    <div class=\"tasks\">
                                        <h5 class=\"mt-0 task-header text-uppercase\">In Progress (2)</h5>
                                        
                                        <div id=\"task-list-two\" class=\"task-list-items\">

                                            <!-- Task Item -->
                                            <div class=\"card mb-0\">
                                                <div class=\"card-body p-3\">
                                                    <span class=\"float-end badge bg-warning-subtle text-warning\">Medium</span>
                                                    <small class=\"text-muted\">22 Jun 2023</small>

                                                    <h5 class=\"my-2 fs-16\">
                                                        <a href=\"#\" data-bs-toggle=\"modal\" data-bs-target=\"#task-detail-modal\" class=\"text-body\">Write a release note</a>
                                                    </h5>

                                                    <p class=\"mb-0\">
                                                        <span class=\"pe-2 text-nowrap mb-2 d-inline-block\">
                                                            <i class=\"ri-briefcase-2-line text-muted\"></i>
                                                            Jidox
                                                        </span>
                                                        <span class=\"text-nowrap mb-2 d-inline-block\">
                                                            <i class=\"ri-discuss-line text-muted\"></i>
                                                            <b>17</b> Comments
                                                        </span>
                                                    </p>

                                                    <div class=\"dropdown float-end mt-2\">
                                                        <a href=\"#\" class=\"dropdown-toggle text-muted arrow-none\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
                                                            <i class=\"ri-more-2-fill fs-18\"></i>
                                                        </a>
                                                        <div class=\"dropdown-menu dropdown-menu-animated dropdown-menu-end\">
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-edit-box-line me-1\"></i>Edit</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-delete-bin-line me-1\"></i>Delete</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-user-add-line me-1\"></i>Add People</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-logout-circle-line me-1\"></i>Leave</a>
                                                        </div>
                                                    </div>

                                                    <div class=\"avatar-group mt-2\">
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Tosha\">
                                                            <img src=\"/images/users/avatar-7.jpg\" alt=\"\"
                                                                class=\"rounded-circle avatar-xs\">
                                                        </a>
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Brain\">
                                                            <img src=\"/images/users/avatar-8.jpg\" alt=\"\"
                                                                class=\"rounded-circle avatar-xs\">
                                                        </a>
                                                    </div>
                                                </div> <!-- end card-body -->
                                            </div>
                                            <!-- Task Item End -->

                                            <!-- Task Item -->
                                            <div class=\"card mb-0\">
                                                <div class=\"card-body p-3\">
                                                    <span class=\"float-end badge bg-success-subtle text-success\">Low</span>
                                                    <small class=\"text-muted\">19 Jun 2023</small>

                                                    <h5 class=\"my-2 fs-16\">
                                                        <a href=\"#\" data-bs-toggle=\"modal\" data-bs-target=\"#task-detail-modal\" class=\"text-body\">Enable analytics tracking</a>
                                                    </h5>

                                                    <p class=\"mb-0\">
                                                        <span class=\"pe-2 text-nowrap mb-2 d-inline-block\">
                                                            <i class=\"ri-briefcase-2-line text-muted\"></i>
                                                            CRM
                                                        </span>
                                                        <span class=\"text-nowrap mb-2 d-inline-block\">
                                                            <i class=\"ri-discuss-line text-muted\"></i>
                                                            <b>48</b> Comments
                                                        </span>
                                                    </p>

                                                    <div class=\"dropdown float-end mt-2\">
                                                        <a href=\"#\" class=\"dropdown-toggle text-muted arrow-none\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
                                                            <i class=\"ri-more-2-fill fs-18\"></i>
                                                        </a>
                                                        <div class=\"dropdown-menu dropdown-menu-animated dropdown-menu-end\">
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-edit-box-line me-1\"></i>Edit</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-delete-bin-line me-1\"></i>Delete</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-user-add-line me-1\"></i>Add People</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-logout-circle-line me-1\"></i>Leave</a>
                                                        </div>
                                                    </div>

                                                    <div class=\"avatar-group mt-2\">
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Tosha\">
                                                            <img src=\"/images/users/avatar-10.jpg\" alt=\"\"
                                                                class=\"rounded-circle avatar-xs\">
                                                        </a>
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Hooker\">
                                                            <div class=\"avatar-xs\">
                                                                <div
                                                                    class=\"avatar-title rounded-circle text-bg-warning\">
                                                                    K
                                                                </div>
                                                            </div>
                                                        </a>
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Brain\">
                                                            <img src=\"/images/users/avatar-9.jpg\" alt=\"\"
                                                                class=\"rounded-circle avatar-xs\">
                                                        </a>
                                                    </div>
                                                </div> <!-- end card-body -->
                                            </div>
                                            <!-- Task Item End -->

                                        </div> <!-- end company-list-2-->
                                    </div>


                                    <div class=\"tasks\">
                                        <h5 class=\"mt-0 task-header text-uppercase\">Review (4)</h5>
                                        <div id=\"task-list-three\" class=\"task-list-items\">

                                            <!-- Task Item -->
                                            <div class=\"card mb-0\">
                                                <div class=\"card-body p-3\">
                                                    <span class=\"float-end badge bg-danger-subtle text-danger\">High</span>
                                                    <small class=\"text-muted\">2 May 2023</small>

                                                    <h5 class=\"my-2 fs-16\">
                                                        <a href=\"#\" data-bs-toggle=\"modal\" data-bs-target=\"#task-detail-modal\" class=\"text-body\">Kanban board design</a>
                                                    </h5>

                                                    <p class=\"mb-0\">
                                                        <span class=\"pe-2 text-nowrap mb-2 d-inline-block\">
                                                            <i class=\"ri-briefcase-2-line text-muted\"></i>
                                                            CRM
                                                        </span>
                                                        <span class=\"text-nowrap mb-2 d-inline-block\">
                                                            <i class=\"ri-discuss-line text-muted\"></i>
                                                            <b>65</b> Comments
                                                        </span>
                                                    </p>

                                                    <div class=\"dropdown float-end mt-2\">
                                                        <a href=\"#\" class=\"dropdown-toggle text-muted arrow-none\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
                                                            <i class=\"ri-more-2-fill fs-18\"></i>
                                                        </a>
                                                        <div class=\"dropdown-menu dropdown-menu-animated dropdown-menu-end\">
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-edit-box-line me-1\"></i>Edit</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-delete-bin-line me-1\"></i>Delete</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-user-add-line me-1\"></i>Add People</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-logout-circle-line me-1\"></i>Leave</a>
                                                        </div>
                                                    </div>

                                                    <div class=\"avatar-group mt-2\">
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Tosha\">
                                                            <img src=\"/images/users/avatar-2.jpg\" alt=\"\"
                                                                class=\"rounded-circle avatar-xs\">
                                                        </a>
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Brain\">
                                                            <img src=\"/images/users/avatar-4.jpg\" alt=\"\"
                                                                class=\"rounded-circle avatar-xs\">
                                                        </a>
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Hooker\">
                                                            <div class=\"avatar-xs\">
                                                                <div
                                                                    class=\"avatar-title rounded-circle text-bg-light\">
                                                                    D
                                                                </div>
                                                            </div>
                                                        </a>
                                                    </div>
                                                </div> <!-- end card-body -->
                                            </div>
                                            <!-- Task Item End -->

                                            <!-- Task Item -->
                                            <div class=\"card mb-0\">
                                                <div class=\"card-body p-3\">
                                                    <span class=\"float-end badge bg-warning-subtle text-warning\">Medium</span>
                                                    <small class=\"text-muted\">7 May 2023</small>

                                                    <h5 class=\"my-2 fs-16\">
                                                        <a href=\"#\" data-bs-toggle=\"modal\" data-bs-target=\"#task-detail-modal\" class=\"text-body\">Code HTML email template</a>
                                                    </h5>

                                                    <p class=\"mb-0\">
                                                        <span class=\"pe-2 text-nowrap mb-2 d-inline-block\">
                                                            <i class=\"ri-briefcase-2-line text-muted\"></i>
                                                            CRM
                                                        </span>
                                                        <span class=\"text-nowrap mb-2 d-inline-block\">
                                                            <i class=\"ri-discuss-line text-muted\"></i>
                                                            <b>106</b> Comments
                                                        </span>
                                                    </p>

                                                    <div class=\"dropdown float-end mt-2\">
                                                        <a href=\"#\" class=\"dropdown-toggle text-muted arrow-none\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
                                                            <i class=\"ri-more-2-fill fs-18\"></i>
                                                        </a>
                                                        <div class=\"dropdown-menu dropdown-menu-animated dropdown-menu-end\">
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-edit-box-line me-1\"></i>Edit</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-delete-bin-line me-1\"></i>Delete</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-user-add-line me-1\"></i>Add People</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-logout-circle-line me-1\"></i>Leave</a>
                                                        </div>
                                                    </div>

                                                    <div class=\"avatar-group mt-2\">
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Tosha\">
                                                            <img src=\"/images/users/avatar-1.jpg\" alt=\"\"
                                                                class=\"rounded-circle avatar-xs\">
                                                        </a>
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Brain\">
                                                            <img src=\"/images/users/avatar-10.jpg\" alt=\"\"
                                                                class=\"rounded-circle avatar-xs\">
                                                        </a>
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Brain\">
                                                            <img src=\"/images/users/avatar-5.jpg\" alt=\"\"
                                                                class=\"rounded-circle avatar-xs\">
                                                        </a>
                                                    </div>
                                                </div> <!-- end card-body -->
                                            </div>
                                            <!-- Task Item End -->

                                            <!-- Task Item -->
                                            <div class=\"card mb-0\">
                                                <div class=\"card-body p-3\">
                                                    <span class=\"float-end badge bg-warning-subtle text-warning\">Medium</span>
                                                    <small class=\"text-muted\">8 Jul 2023</small>

                                                    <h5 class=\"my-2 fs-16\">
                                                        <a href=\"#\" data-bs-toggle=\"modal\" data-bs-target=\"#task-detail-modal\" class=\"text-body\">Brand logo design</a>
                                                    </h5>

                                                    <p class=\"mb-0\">
                                                        <span class=\"pe-2 text-nowrap mb-2 d-inline-block\">
                                                            <i class=\"ri-briefcase-2-line text-muted\"></i>
                                                            Design
                                                        </span>
                                                        <span class=\"text-nowrap mb-2 d-inline-block\">
                                                            <i class=\"ri-discuss-line text-muted\"></i>
                                                            <b>95</b> Comments
                                                        </span>
                                                    </p>

                                                    <div class=\"dropdown float-end mt-2\">
                                                        <a href=\"#\" class=\"dropdown-toggle text-muted arrow-none\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
                                                            <i class=\"ri-more-2-fill fs-18\"></i>
                                                        </a>
                                                        <div class=\"dropdown-menu dropdown-menu-animated dropdown-menu-end\">
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-edit-box-line me-1\"></i>Edit</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-delete-bin-line me-1\"></i>Delete</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-user-add-line me-1\"></i>Add People</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-logout-circle-line me-1\"></i>Leave</a>
                                                        </div>
                                                    </div>

                                                    <div class=\"avatar-group mt-2\">
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Hooker\">
                                                            <div class=\"avatar-xs\">
                                                                <div
                                                                    class=\"avatar-title rounded-circle text-bg-primary\">
                                                                    M
                                                                </div>
                                                            </div>
                                                        </a>
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Hooker\">
                                                            <div class=\"avatar-xs\">
                                                                <div
                                                                    class=\"avatar-title rounded-circle text-bg-info\">
                                                                    A
                                                                </div>
                                                            </div>
                                                        </a>
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Brain\">
                                                            <img src=\"/images/users/avatar-1.jpg\" alt=\"\"
                                                                class=\"rounded-circle avatar-xs\">
                                                        </a>
                                                    </div>
                                                </div> <!-- end card-body -->
                                            </div>
                                            <!-- Task Item End -->

                                            <!-- Task Item -->
                                            <div class=\"card mb-0\">
                                                <div class=\"card-body p-3\">
                                                    <span class=\"float-end badge bg-danger-subtle text-danger\">High</span>
                                                    <small class=\"text-muted\">22 Jul 2023</small>

                                                    <h5 class=\"my-2 fs-16\">
                                                        <a href=\"#\" data-bs-toggle=\"modal\" data-bs-target=\"#task-detail-modal\" class=\"text-body\">Improve animation loader</a>
                                                    </h5>

                                                    <p class=\"mb-0\">
                                                        <span class=\"pe-2 text-nowrap mb-2 d-inline-block\">
                                                            <i class=\"ri-briefcase-2-line text-muted\"></i>
                                                            CRM
                                                        </span>
                                                        <span class=\"text-nowrap mb-2 d-inline-block\">
                                                            <i class=\"ri-discuss-line text-muted\"></i>
                                                            <b>39</b> Comments
                                                        </span>
                                                    </p>

                                                    <div class=\"dropdown float-end mt-2\">
                                                        <a href=\"#\" class=\"dropdown-toggle text-muted arrow-none\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
                                                            <i class=\"ri-more-2-fill fs-18\"></i>
                                                        </a>
                                                        <div class=\"dropdown-menu dropdown-menu-animated dropdown-menu-end\">
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-edit-box-line me-1\"></i>Edit</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-delete-bin-line me-1\"></i>Delete</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-user-add-line me-1\"></i>Add People</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-logout-circle-line me-1\"></i>Leave</a>
                                                        </div>
                                                    </div>

                                                    <div class=\"avatar-group mt-2\">
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Tosha\">
                                                            <img src=\"/images/users/avatar-2.jpg\" alt=\"\"
                                                                class=\"rounded-circle avatar-xs\">
                                                        </a>
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Brain\">
                                                            <img src=\"/images/users/avatar-4.jpg\" alt=\"\"
                                                                class=\"rounded-circle avatar-xs\">
                                                        </a>
                                                    </div>
                                                </div> <!-- end card-body -->
                                            </div>
                                            <!-- Task Item End -->

                                        </div> <!-- end company-list-3-->
                                    </div>

                                    <div class=\"tasks\">
                                        <h5 class=\"mt-0 task-header text-uppercase\">Done (1)</h5>
                                        <div id=\"task-list-four\" class=\"task-list-items\">

                                            <!-- Task Item -->
                                            <div class=\"card mb-0\">
                                                <div class=\"card-body p-3\">
                                                    <span class=\"float-end badge bg-success-subtle text-success\">Low</span>
                                                    <small class=\"text-muted\">16 Jul 2023</small>

                                                    <h5 class=\"my-2 fs-16\">
                                                        <a href=\"#\" data-bs-toggle=\"modal\" data-bs-target=\"#task-detail-modal\" class=\"text-body\">Dashboard design</a>
                                                    </h5>

                                                    <p class=\"mb-0\">
                                                        <span class=\"pe-2 text-nowrap mb-2 d-inline-block\">
                                                            <i class=\"ri-briefcase-2-line text-muted\"></i>
                                                            Jidox
                                                        </span>
                                                        <span class=\"text-nowrap mb-2 d-inline-block\">
                                                            <i class=\"ri-discuss-line text-muted\"></i>
                                                            <b>287</b> Comments
                                                        </span>
                                                    </p>

                                                    <div class=\"dropdown float-end mt-2\">
                                                        <a href=\"#\" class=\"dropdown-toggle text-muted arrow-none\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
                                                            <i class=\"ri-more-2-fill fs-18\"></i>
                                                        </a>
                                                        <div class=\"dropdown-menu dropdown-menu-animated dropdown-menu-end\">
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-edit-box-line me-1\"></i>Edit</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-delete-bin-line me-1\"></i>Delete</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-user-add-line me-1\"></i>Add People</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-logout-circle-line me-1\"></i>Leave</a>
                                                        </div>
                                                    </div>

                                                    <div class=\"avatar-group mt-2\">
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Tosha\">
                                                            <img src=\"/images/users/avatar-1.jpg\" alt=\"\"
                                                                class=\"rounded-circle avatar-xs\">
                                                        </a>
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Brain\">
                                                            <img src=\"/images/users/avatar-3.jpg\" alt=\"\"
                                                                class=\"rounded-circle avatar-xs\">
                                                        </a>
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Tosha\">
                                                            <img src=\"/images/users/avatar-8.jpg\" alt=\"\"
                                                                class=\"rounded-circle avatar-xs\">
                                                        </a>
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Hooker\">
                                                            <div class=\"avatar-xs\">
                                                                <div
                                                                    class=\"avatar-title rounded-circle text-bg-danger\">
                                                                    K
                                                                </div>
                                                            </div>
                                                        </a>
                                                    </div>
                                                </div> <!-- end card-body -->
                                            </div>
                                            <!-- Task Item End -->
                                            
                                        </div> <!-- end company-list-4-->
                                    </div>

                                </div> <!-- end .board-->
                            </div> <!-- end col -->
                        </div>
                        <!-- end row-->
                        
                    </div> <!-- container -->

                </div> <!-- content -->

                @@include('./partials/footer.html')

            </div>

            <!-- ============================================================== -->
            <!-- End Page content -->
            <!-- ============================================================== -->

        </div>
        <!-- END wrapper -->
        


        @@include('./partials/right-sidebar.html')

        <!--  Add new task modal -->
        <div class=\"modal fade task-modal-content\" id=\"add-new-task-modal\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"NewTaskModalLabel\" aria-hidden=\"true\">
            <div class=\"modal-dialog modal-dialog-centered modal-lg\">
                <div class=\"modal-content\">
                    <div class=\"modal-header\">
                        <h4 class=\"modal-title\" id=\"NewTaskModalLabel\">Create New Task</h4>
                        <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>
                    </div>
                    <div class=\"modal-body\">
                        <form class=\"p-2\">
                            <div class=\"mb-3\">
                                <label class=\"form-label\">Project</label>
                                <select class=\"form-select\">
                                    <option>Select</option>
                                    <option> - Admin Dashboard</option>
                                    <option>CRM - Design & Development</option>
                                    <option>iOS - App Design</option>
                                </select>
                            </div>

                            <div class=\"row\">
                                <div class=\"col-md-8\">
                                    <div class=\"mb-3\">
                                        <label for=\"task-title\" class=\"form-label\">Title</label>
                                        <input type=\"text\" class=\"form-control\" id=\"task-title\" placeholder=\"Enter title\">
                                    </div>
                                </div>

                                <div class=\"col-md-4\">
                                    <div class=\"mb-3\">
                                        <label for=\"task-priority2\" class=\"form-label\">Priority</label>
                                        <select class=\"form-select\" id=\"task-priority2\">
                                            <option>Low</option>
                                            <option>Medium</option>
                                            <option>High</option>
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class=\"mb-3\">
                                <label for=\"task-description\" class=\"form-label\">Description</label>
                                <textarea class=\"form-control\" id=\"task-description\" rows=\"3\"></textarea>
                            </div>

                            <div class=\"row\">
                                <div class=\"col-md-6\">
                                    <div class=\"mb-3\">
                                        <label for=\"task-title\" class=\"form-label\">Assign To</label>
                                        <select class=\"form-select\" id=\"task-priority\">
                                            <option>Coderthemes</option>
                                            <option>Robert Carlile</option>
                                            <option>Louis Allen</option>
                                            <option>Sean White</option>
                                            <option>Riley Steele</option>
                                            <option>Zak Turnbull</option>
                                        </select>
                                    </div>
                                </div>

                                <div class=\"col-md-6\">
                                    <div class=\"mb-3\">
                                        <label for=\"task-priority\" class=\"form-label\">Due Date</label>
                                        <input type=\"text\" class=\"form-control\" id=\"birthdatepicker\" data-toggle=\"date-picker\" data-single-date-picker=\"true\">
                                    </div>
                                </div>
                            </div>
                            
                            <div class=\"text-end\">
                                <button type=\"button\" class=\"btn btn-light\" data-bs-dismiss=\"modal\">Cancel</button>
                                <button type=\"button\" class=\"btn btn-primary\">Create</button>
                            </div>
                        </form>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div><!-- /.modal -->

        <!--  Task details modal -->
        <div class=\"modal fade task-modal-content\" id=\"task-detail-modal\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"TaskDetailModalLabel\" aria-hidden=\"true\">
            <div class=\"modal-dialog modal-dialog-centered modal-lg\">
                <div class=\"modal-content\">
                    <div class=\"modal-header\">
                        <h4 class=\"modal-title\" id=\"TaskDetailModalLabel\">iOS App home page <span class=\"badge bg-danger ms-2\">High</span></h4>
                        <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>
                    </div>
                    <div class=\"modal-body\">
                    
                        <div class=\"p-2\">
                            <h5 class=\"mt-0\">Description:</h5>
    
                            <p class=\"text-muted mb-4\">
                                Voluptates, illo, iste itaque voluptas corrupti ratione reprehenderit magni similique? Tempore, quos delectus asperiores
                                libero voluptas quod perferendis! Voluptate, quod illo rerum? Lorem ipsum dolor sit amet. With supporting text below
                                as a natural lead-in to additional contenposuere erat a ante.
                            </p>
    
                            <div class=\"row\">
                                <div class=\"col-md-4\">
                                    <div class=\"mb-4\">
                                        <h5>Create Date</h5>
                                        <p>17 March 2023 <small class=\"text-muted\">1:00 PM</small></p>
                                    </div>
                                </div>
                                <div class=\"col-md-4\">
                                    <div class=\"mb-4\">
                                        <h5>Due Date</h5>
                                        <p>22 December 2023 <small class=\"text-muted\">1:00 PM</small></p>
                                    </div>
                                </div>
                                <div class=\"col-md-4\">
                                    <div class=\"mb-4\" id=\"tooltip-container\">
                                        <h5>Asignee:</h5>
                                        <div class=\"avatar-group mt-1\">
                                            <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                title=\"Tosha\">
                                                <img src=\"/images/users/avatar-1.jpg\" alt=\"\"
                                                    class=\"rounded-circle avatar-xs\">
                                            </a>
                                            <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                title=\"Hooker\">
                                                <div class=\"avatar-xs\">
                                                    <div
                                                        class=\"avatar-title rounded-circle text-bg-warning\">
                                                        K
                                                    </div>
                                                </div>
                                            </a>
                                            <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                title=\"Brain\">
                                                <img src=\"/images/users/avatar-9.jpg\" alt=\"\"
                                                    class=\"rounded-circle avatar-xs\">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- end row-->

                            <ul class=\"nav nav-tabs nav-bordered mb-3\">
                                <li class=\"nav-item\">
                                    <a href=\"#home-b1\" data-bs-toggle=\"tab\" aria-expanded=\"false\" class=\"nav-link active\">
                                        Comments
                                    </a>
                                </li>
                                <li class=\"nav-item\">
                                    <a href=\"#profile-b1\" data-bs-toggle=\"tab\" aria-expanded=\"true\" class=\"nav-link\">
                                        Files
                                    </a>
                                </li>
                            </ul>

                            <div class=\"tab-content\">
                                <div class=\"tab-pane show active\" id=\"home-b1\">
                                    <textarea class=\"form-control mb-2\" placeholder=\"Write message\" id=\"example-textarea\" rows=\"3\"></textarea>
                                    <div class=\"text-end\">
                                        <div class=\"btn-group mb-2 d-none d-sm-inline-block\">
                                            <button type=\"button\" class=\"btn btn-link btn-sm text-muted fs-18\"><i class=\"ri-attachment-2\"></i></button>
                                        </div>
                                        <div class=\"btn-group mb-2 d-none d-sm-inline-block\">
                                            <button type=\"button\" class=\"btn btn-primary btn-sm\">Submit</button>
                                        </div>
                                    </div>

                                    <div class=\"d-flex mt-2\">
                                        <img class=\"me-3 avatar-sm rounded-circle\" src=\"/images/users/avatar-3.jpg\" alt=\"Generic placeholder image\">
                                        <div class=\"w-100\">
                                            <h5 class=\"mt-0\">Jeremy Tomlinson</h5>
                                            Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in
                                            vulputate at, tempus viverra turpis.
                                    
                                            <div class=\"d-flex mt-3\">
                                                <a class=\"pe-3\" href=\"#\">
                                                    <img src=\"/images/users/avatar-4.jpg\" class=\"avatar-sm rounded-circle\" alt=\"Generic placeholder image\">
                                                </a>
                                                <div class=\"w-100\">
                                                    <h5 class=\"mt-0\">Kathleen Thomas</h5>
                                                    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in
                                                    vulputate at, tempus viverra turpis.
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class=\"text-center mt-2\">
                                        <a href=\"javascript:void(0);\" class=\"text-danger\">Load more </a>
                                    </div>
                                </div>
                                <div class=\"tab-pane\" id=\"profile-b1\">
                                    <div class=\"card mb-1 shadow-none border\">
                                        <div class=\"p-2\">
                                            <div class=\"row align-items-center\">
                                                <div class=\"col-auto\">
                                                    <div class=\"avatar-sm\">
                                                        <span class=\"avatar-title rounded\">
                                                            .ZIP
                                                        </span>
                                                    </div>
                                                </div>
                                                <div class=\"col ps-0\">
                                                    <a href=\"javascript:void(0);\" class=\"text-muted fw-bold\">-admin-design.zip</a>
                                                    <p class=\"mb-0\">2.3 MB</p>
                                                </div>
                                                <div class=\"col-auto\">
                                                    <!-- Button -->
                                                    <a href=\"javascript:void(0);\" class=\"btn btn-link btn-lg text-muted\">
                                                        <i class=\"ri-download-2-line\"></i>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class=\"card mb-1 shadow-none border\">
                                        <div class=\"p-2\">
                                            <div class=\"row align-items-center\">
                                                <div class=\"col-auto\">
                                                    <img src=\"/images/small/small-1.jpg\" class=\"avatar-sm rounded\" alt=\"file-image\" />
                                                </div>
                                                <div class=\"col ps-0\">
                                                    <a href=\"javascript:void(0);\" class=\"text-muted fw-bold\">Dashboard-design.jpg</a>
                                                    <p class=\"mb-0\">3.25 MB</p>
                                                </div>
                                                <div class=\"col-auto\">
                                                    <!-- Button -->
                                                    <a href=\"javascript:void(0);\" class=\"btn btn-link btn-lg text-muted\">
                                                        <i class=\"ri-download-2-line\"></i>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class=\"card mb-0 shadow-none border\">
                                        <div class=\"p-2\">
                                            <div class=\"row align-items-center\">
                                                <div class=\"col-auto\">
                                                    <div class=\"avatar-sm\">
                                                        <span class=\"avatar-title bg-secondary rounded\">
                                                            .MP4
                                                        </span>
                                                    </div>
                                                </div>
                                                <div class=\"col ps-0\">
                                                    <a href=\"javascript:void(0);\" class=\"text-muted fw-bold\">Admin-bug-report.mp4</a>
                                                    <p class=\"mb-0\">7.05 MB</p>
                                                </div>
                                                <div class=\"col-auto\">
                                                    <!-- Button -->
                                                    <a href=\"javascript:void(0);\" class=\"btn btn-link btn-lg text-muted\">
                                                        <i class=\"ri-download-2-line\"></i>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div> <!-- .p-2 -->
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div><!-- /.modal -->
";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

    }

    // line 982
    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 983
        echo "\t<!-- dragula js-->
        <script src=\"/vendor/dragula/dragula.min.js\"></script>

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

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

    }

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

    public function isTraitable()
    {
        return false;
    }

    public function getDebugInfo()
    {
        return array (  1083 => 983,  1073 => 982,  91 => 8,  81 => 7,  70 => 4,  60 => 3,  37 => 1,);
    }

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

{% block title %}
\tKanban Board    
{% endblock %}

{% block body %}
\t<div class=\"row\">
                            <div class=\"col-12\">
                                <div class=\"page-title-box justify-content-between d-flex align-items-lg-center flex-lg-row flex-column\">     
                                    <h4 class=\"page-title\">Kanban Board <a href=\"#\" data-bs-toggle=\"modal\" data-bs-target=\"#add-new-task-modal\" class=\"btn btn-success btn-sm ms-3\">Add New</a></h4>
                                    <ol class=\"breadcrumb m-0\">
                                        <li class=\"breadcrumb-item\"><a href=\"javascript: void(0);\">Jidox</a></li>
                                        <li class=\"breadcrumb-item\"><a href=\"javascript: void(0);\">Tasks</a></li>
                                        <li class=\"breadcrumb-item active\">Kanban Board</li>
                                    </ol>
                                </div>
                            </div>
                        </div>     

                        <div class=\"row\">
                            <div class=\"col-12\">
                                <div class=\"board\">
                                    <div class=\"tasks\" data-plugin=\"dragula\" data-containers='[\"task-list-one\", \"task-list-two\", \"task-list-three\", \"task-list-four\"]'>
                                        <h5 class=\"mt-0 task-header\">TODO (3)</h5>
                                        
                                        <div id=\"task-list-one\" class=\"task-list-items\">

                                            <!-- Task Item -->
                                            <div class=\"card mb-0\">
                                                <div class=\"card-body p-3\">
                                                    <span class=\"float-end badge bg-danger-subtle text-danger\">High</span>
                                                    <small class=\"text-muted\">18 Jul 2023</small>

                                                    <h5 class=\"my-2 fs-16\">
                                                        <a href=\"#\" data-bs-toggle=\"modal\" data-bs-target=\"#task-detail-modal\" class=\"text-body\">iOS App home page</a>
                                                    </h5>

                                                    <p class=\"mb-0\">
                                                        <span class=\"pe-2 text-nowrap mb-2 d-inline-block\">
                                                            <i class=\"ri-briefcase-2-line text-muted\"></i>
                                                            iOS
                                                        </span>
                                                        <span class=\"text-nowrap mb-2 d-inline-block\">
                                                            <i class=\"ri-discuss-line text-muted\"></i>
                                                            <b>74</b> Comments
                                                        </span>
                                                    </p>

                                                    <div class=\"dropdown float-end mt-2\">
                                                        <a href=\"#\" class=\"dropdown-toggle text-muted arrow-none\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
                                                            <i class=\"ri-more-2-fill fs-18\"></i>
                                                        </a>
                                                        <div class=\"dropdown-menu dropdown-menu-animated dropdown-menu-end\">
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-edit-box-line me-1\"></i>Edit</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-delete-bin-line me-1\"></i>Delete</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-user-add-line me-1\"></i>Add People</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-logout-circle-line me-1\"></i>Leave</a>
                                                        </div>
                                                    </div>

                                                    <div class=\"avatar-group mt-2\">
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Tosha\">
                                                            <img src=\"/images/users/avatar-1.jpg\" alt=\"\"
                                                                class=\"rounded-circle avatar-xs\">
                                                        </a>
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Brain\">
                                                            <img src=\"/images/users/avatar-3.jpg\" alt=\"\"
                                                                class=\"rounded-circle avatar-xs\">
                                                        </a>
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Hooker\">
                                                            <div class=\"avatar-xs\">
                                                                <div
                                                                    class=\"avatar-title rounded-circle text-bg-success\">
                                                                    K
                                                                </div>
                                                            </div>
                                                        </a>
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" title=\"More +\">
                                                            <div class=\"avatar-xs\">
                                                                <div class=\"avatar-title rounded-circle\">
                                                                    9+
                                                                </div>
                                                            </div>
                                                        </a>
                                                    </div>
                                                </div> <!-- end card-body -->
                                            </div>
                                            <!-- Task Item End -->

                                            <!-- Task Item -->
                                            <div class=\"card mb-0\">
                                                <div class=\"card-body p-3\">
                                                    <span class=\"float-end badge bg-warning-subtle text-warning\">Medium</span>
                                                    <small class=\"text-muted\">15 Dec 2023</small>

                                                    <h5 class=\"my-2 fs-16\">
                                                        <a href=\"#\" data-bs-toggle=\"modal\" data-bs-target=\"#task-detail-modal\" class=\"text-body\">Topnav layout design</a>
                                                    </h5>

                                                    <p class=\"mb-0\">
                                                        <span class=\"pe-2 text-nowrap mb-2 d-inline-block\">
                                                            <i class=\"ri-briefcase-2-line text-muted\"></i>
                                                            Jidox
                                                        </span>
                                                        <span class=\"text-nowrap mb-2 d-inline-block\">
                                                            <i class=\"ri-discuss-line text-muted\"></i>
                                                            <b>28</b> Comments
                                                        </span>
                                                    </p>

                                                    <div class=\"dropdown float-end mt-2\">
                                                        <a href=\"#\" class=\"dropdown-toggle text-muted arrow-none\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
                                                            <i class=\"ri-more-2-fill fs-18\"></i>
                                                        </a>
                                                        <div class=\"dropdown-menu dropdown-menu-animated dropdown-menu-end\">
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-edit-box-line me-1\"></i>Edit</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-delete-bin-line me-1\"></i>Delete</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-user-add-line me-1\"></i>Add People</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-logout-circle-line me-1\"></i>Leave</a>
                                                        </div>
                                                    </div>

                                                    <div class=\"avatar-group mt-2\">
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Tosha\">
                                                            <img src=\"/images/users/avatar-2.jpg\" alt=\"\"
                                                                class=\"rounded-circle avatar-xs\">
                                                        </a>
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Brain\">
                                                            <img src=\"/images/users/avatar-4.jpg\" alt=\"\"
                                                                class=\"rounded-circle avatar-xs\">
                                                        </a>
                                                    </div>
                                                </div> <!-- end card-body -->
                                            </div>
                                            <!-- Task Item End -->

                                            <!-- Task Item -->
                                            <div class=\"card mb-0\">
                                                <div class=\"card-body p-3\">
                                                    <span class=\"float-end badge bg-success-subtle text-success\">Low</span>
                                                    <small class=\"text-muted\">11 Jul 2023</small>

                                                    <h5 class=\"my-2 fs-16\">
                                                        <a href=\"#\" data-bs-toggle=\"modal\" data-bs-target=\"#task-detail-modal\" class=\"text-body\">Invite user to a project</a>
                                                    </h5>

                                                    <p class=\"mb-0\">
                                                        <span class=\"pe-2 text-nowrap mb-2 d-inline-block\">
                                                            <i class=\"ri-briefcase-2-line text-muted\"></i>
                                                            CRM
                                                        </span>
                                                        <span class=\"text-nowrap mb-2 d-inline-block\">
                                                            <i class=\"ri-discuss-line text-muted\"></i>
                                                            <b>68</b> Comments
                                                        </span>
                                                    </p>

                                                    <div class=\"dropdown float-end mt-2\">
                                                        <a href=\"#\" class=\"dropdown-toggle text-muted arrow-none\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
                                                            <i class=\"ri-more-2-fill fs-18\"></i>
                                                        </a>
                                                        <div class=\"dropdown-menu dropdown-menu-animated dropdown-menu-end\">
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-edit-box-line me-1\"></i>Edit</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-delete-bin-line me-1\"></i>Delete</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-user-add-line me-1\"></i>Add People</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-logout-circle-line me-1\"></i>Leave</a>
                                                        </div>
                                                    </div>

                                                    <div class=\"avatar-group mt-2\">
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Tosha\">
                                                            <img src=\"/images/users/avatar-5.jpg\" alt=\"\"
                                                                class=\"rounded-circle avatar-xs\">
                                                        </a>
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Brain\">
                                                            <img src=\"/images/users/avatar-6.jpg\" alt=\"\"
                                                                class=\"rounded-circle avatar-xs\">
                                                        </a>
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Hooker\">
                                                            <div class=\"avatar-xs\">
                                                                <div
                                                                    class=\"avatar-title rounded-circle text-bg-info\">
                                                                    M
                                                                </div>
                                                            </div>
                                                        </a>
                                                    </div>
                                                </div> <!-- end card-body -->
                                            </div>
                                            <!-- Task Item End -->
                                            
                                        </div> <!-- end company-list-1-->
                                    </div>

                                    <div class=\"tasks\">
                                        <h5 class=\"mt-0 task-header text-uppercase\">In Progress (2)</h5>
                                        
                                        <div id=\"task-list-two\" class=\"task-list-items\">

                                            <!-- Task Item -->
                                            <div class=\"card mb-0\">
                                                <div class=\"card-body p-3\">
                                                    <span class=\"float-end badge bg-warning-subtle text-warning\">Medium</span>
                                                    <small class=\"text-muted\">22 Jun 2023</small>

                                                    <h5 class=\"my-2 fs-16\">
                                                        <a href=\"#\" data-bs-toggle=\"modal\" data-bs-target=\"#task-detail-modal\" class=\"text-body\">Write a release note</a>
                                                    </h5>

                                                    <p class=\"mb-0\">
                                                        <span class=\"pe-2 text-nowrap mb-2 d-inline-block\">
                                                            <i class=\"ri-briefcase-2-line text-muted\"></i>
                                                            Jidox
                                                        </span>
                                                        <span class=\"text-nowrap mb-2 d-inline-block\">
                                                            <i class=\"ri-discuss-line text-muted\"></i>
                                                            <b>17</b> Comments
                                                        </span>
                                                    </p>

                                                    <div class=\"dropdown float-end mt-2\">
                                                        <a href=\"#\" class=\"dropdown-toggle text-muted arrow-none\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
                                                            <i class=\"ri-more-2-fill fs-18\"></i>
                                                        </a>
                                                        <div class=\"dropdown-menu dropdown-menu-animated dropdown-menu-end\">
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-edit-box-line me-1\"></i>Edit</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-delete-bin-line me-1\"></i>Delete</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-user-add-line me-1\"></i>Add People</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-logout-circle-line me-1\"></i>Leave</a>
                                                        </div>
                                                    </div>

                                                    <div class=\"avatar-group mt-2\">
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Tosha\">
                                                            <img src=\"/images/users/avatar-7.jpg\" alt=\"\"
                                                                class=\"rounded-circle avatar-xs\">
                                                        </a>
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Brain\">
                                                            <img src=\"/images/users/avatar-8.jpg\" alt=\"\"
                                                                class=\"rounded-circle avatar-xs\">
                                                        </a>
                                                    </div>
                                                </div> <!-- end card-body -->
                                            </div>
                                            <!-- Task Item End -->

                                            <!-- Task Item -->
                                            <div class=\"card mb-0\">
                                                <div class=\"card-body p-3\">
                                                    <span class=\"float-end badge bg-success-subtle text-success\">Low</span>
                                                    <small class=\"text-muted\">19 Jun 2023</small>

                                                    <h5 class=\"my-2 fs-16\">
                                                        <a href=\"#\" data-bs-toggle=\"modal\" data-bs-target=\"#task-detail-modal\" class=\"text-body\">Enable analytics tracking</a>
                                                    </h5>

                                                    <p class=\"mb-0\">
                                                        <span class=\"pe-2 text-nowrap mb-2 d-inline-block\">
                                                            <i class=\"ri-briefcase-2-line text-muted\"></i>
                                                            CRM
                                                        </span>
                                                        <span class=\"text-nowrap mb-2 d-inline-block\">
                                                            <i class=\"ri-discuss-line text-muted\"></i>
                                                            <b>48</b> Comments
                                                        </span>
                                                    </p>

                                                    <div class=\"dropdown float-end mt-2\">
                                                        <a href=\"#\" class=\"dropdown-toggle text-muted arrow-none\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
                                                            <i class=\"ri-more-2-fill fs-18\"></i>
                                                        </a>
                                                        <div class=\"dropdown-menu dropdown-menu-animated dropdown-menu-end\">
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-edit-box-line me-1\"></i>Edit</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-delete-bin-line me-1\"></i>Delete</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-user-add-line me-1\"></i>Add People</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-logout-circle-line me-1\"></i>Leave</a>
                                                        </div>
                                                    </div>

                                                    <div class=\"avatar-group mt-2\">
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Tosha\">
                                                            <img src=\"/images/users/avatar-10.jpg\" alt=\"\"
                                                                class=\"rounded-circle avatar-xs\">
                                                        </a>
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Hooker\">
                                                            <div class=\"avatar-xs\">
                                                                <div
                                                                    class=\"avatar-title rounded-circle text-bg-warning\">
                                                                    K
                                                                </div>
                                                            </div>
                                                        </a>
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Brain\">
                                                            <img src=\"/images/users/avatar-9.jpg\" alt=\"\"
                                                                class=\"rounded-circle avatar-xs\">
                                                        </a>
                                                    </div>
                                                </div> <!-- end card-body -->
                                            </div>
                                            <!-- Task Item End -->

                                        </div> <!-- end company-list-2-->
                                    </div>


                                    <div class=\"tasks\">
                                        <h5 class=\"mt-0 task-header text-uppercase\">Review (4)</h5>
                                        <div id=\"task-list-three\" class=\"task-list-items\">

                                            <!-- Task Item -->
                                            <div class=\"card mb-0\">
                                                <div class=\"card-body p-3\">
                                                    <span class=\"float-end badge bg-danger-subtle text-danger\">High</span>
                                                    <small class=\"text-muted\">2 May 2023</small>

                                                    <h5 class=\"my-2 fs-16\">
                                                        <a href=\"#\" data-bs-toggle=\"modal\" data-bs-target=\"#task-detail-modal\" class=\"text-body\">Kanban board design</a>
                                                    </h5>

                                                    <p class=\"mb-0\">
                                                        <span class=\"pe-2 text-nowrap mb-2 d-inline-block\">
                                                            <i class=\"ri-briefcase-2-line text-muted\"></i>
                                                            CRM
                                                        </span>
                                                        <span class=\"text-nowrap mb-2 d-inline-block\">
                                                            <i class=\"ri-discuss-line text-muted\"></i>
                                                            <b>65</b> Comments
                                                        </span>
                                                    </p>

                                                    <div class=\"dropdown float-end mt-2\">
                                                        <a href=\"#\" class=\"dropdown-toggle text-muted arrow-none\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
                                                            <i class=\"ri-more-2-fill fs-18\"></i>
                                                        </a>
                                                        <div class=\"dropdown-menu dropdown-menu-animated dropdown-menu-end\">
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-edit-box-line me-1\"></i>Edit</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-delete-bin-line me-1\"></i>Delete</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-user-add-line me-1\"></i>Add People</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-logout-circle-line me-1\"></i>Leave</a>
                                                        </div>
                                                    </div>

                                                    <div class=\"avatar-group mt-2\">
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Tosha\">
                                                            <img src=\"/images/users/avatar-2.jpg\" alt=\"\"
                                                                class=\"rounded-circle avatar-xs\">
                                                        </a>
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Brain\">
                                                            <img src=\"/images/users/avatar-4.jpg\" alt=\"\"
                                                                class=\"rounded-circle avatar-xs\">
                                                        </a>
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Hooker\">
                                                            <div class=\"avatar-xs\">
                                                                <div
                                                                    class=\"avatar-title rounded-circle text-bg-light\">
                                                                    D
                                                                </div>
                                                            </div>
                                                        </a>
                                                    </div>
                                                </div> <!-- end card-body -->
                                            </div>
                                            <!-- Task Item End -->

                                            <!-- Task Item -->
                                            <div class=\"card mb-0\">
                                                <div class=\"card-body p-3\">
                                                    <span class=\"float-end badge bg-warning-subtle text-warning\">Medium</span>
                                                    <small class=\"text-muted\">7 May 2023</small>

                                                    <h5 class=\"my-2 fs-16\">
                                                        <a href=\"#\" data-bs-toggle=\"modal\" data-bs-target=\"#task-detail-modal\" class=\"text-body\">Code HTML email template</a>
                                                    </h5>

                                                    <p class=\"mb-0\">
                                                        <span class=\"pe-2 text-nowrap mb-2 d-inline-block\">
                                                            <i class=\"ri-briefcase-2-line text-muted\"></i>
                                                            CRM
                                                        </span>
                                                        <span class=\"text-nowrap mb-2 d-inline-block\">
                                                            <i class=\"ri-discuss-line text-muted\"></i>
                                                            <b>106</b> Comments
                                                        </span>
                                                    </p>

                                                    <div class=\"dropdown float-end mt-2\">
                                                        <a href=\"#\" class=\"dropdown-toggle text-muted arrow-none\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
                                                            <i class=\"ri-more-2-fill fs-18\"></i>
                                                        </a>
                                                        <div class=\"dropdown-menu dropdown-menu-animated dropdown-menu-end\">
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-edit-box-line me-1\"></i>Edit</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-delete-bin-line me-1\"></i>Delete</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-user-add-line me-1\"></i>Add People</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-logout-circle-line me-1\"></i>Leave</a>
                                                        </div>
                                                    </div>

                                                    <div class=\"avatar-group mt-2\">
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Tosha\">
                                                            <img src=\"/images/users/avatar-1.jpg\" alt=\"\"
                                                                class=\"rounded-circle avatar-xs\">
                                                        </a>
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Brain\">
                                                            <img src=\"/images/users/avatar-10.jpg\" alt=\"\"
                                                                class=\"rounded-circle avatar-xs\">
                                                        </a>
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Brain\">
                                                            <img src=\"/images/users/avatar-5.jpg\" alt=\"\"
                                                                class=\"rounded-circle avatar-xs\">
                                                        </a>
                                                    </div>
                                                </div> <!-- end card-body -->
                                            </div>
                                            <!-- Task Item End -->

                                            <!-- Task Item -->
                                            <div class=\"card mb-0\">
                                                <div class=\"card-body p-3\">
                                                    <span class=\"float-end badge bg-warning-subtle text-warning\">Medium</span>
                                                    <small class=\"text-muted\">8 Jul 2023</small>

                                                    <h5 class=\"my-2 fs-16\">
                                                        <a href=\"#\" data-bs-toggle=\"modal\" data-bs-target=\"#task-detail-modal\" class=\"text-body\">Brand logo design</a>
                                                    </h5>

                                                    <p class=\"mb-0\">
                                                        <span class=\"pe-2 text-nowrap mb-2 d-inline-block\">
                                                            <i class=\"ri-briefcase-2-line text-muted\"></i>
                                                            Design
                                                        </span>
                                                        <span class=\"text-nowrap mb-2 d-inline-block\">
                                                            <i class=\"ri-discuss-line text-muted\"></i>
                                                            <b>95</b> Comments
                                                        </span>
                                                    </p>

                                                    <div class=\"dropdown float-end mt-2\">
                                                        <a href=\"#\" class=\"dropdown-toggle text-muted arrow-none\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
                                                            <i class=\"ri-more-2-fill fs-18\"></i>
                                                        </a>
                                                        <div class=\"dropdown-menu dropdown-menu-animated dropdown-menu-end\">
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-edit-box-line me-1\"></i>Edit</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-delete-bin-line me-1\"></i>Delete</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-user-add-line me-1\"></i>Add People</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-logout-circle-line me-1\"></i>Leave</a>
                                                        </div>
                                                    </div>

                                                    <div class=\"avatar-group mt-2\">
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Hooker\">
                                                            <div class=\"avatar-xs\">
                                                                <div
                                                                    class=\"avatar-title rounded-circle text-bg-primary\">
                                                                    M
                                                                </div>
                                                            </div>
                                                        </a>
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Hooker\">
                                                            <div class=\"avatar-xs\">
                                                                <div
                                                                    class=\"avatar-title rounded-circle text-bg-info\">
                                                                    A
                                                                </div>
                                                            </div>
                                                        </a>
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Brain\">
                                                            <img src=\"/images/users/avatar-1.jpg\" alt=\"\"
                                                                class=\"rounded-circle avatar-xs\">
                                                        </a>
                                                    </div>
                                                </div> <!-- end card-body -->
                                            </div>
                                            <!-- Task Item End -->

                                            <!-- Task Item -->
                                            <div class=\"card mb-0\">
                                                <div class=\"card-body p-3\">
                                                    <span class=\"float-end badge bg-danger-subtle text-danger\">High</span>
                                                    <small class=\"text-muted\">22 Jul 2023</small>

                                                    <h5 class=\"my-2 fs-16\">
                                                        <a href=\"#\" data-bs-toggle=\"modal\" data-bs-target=\"#task-detail-modal\" class=\"text-body\">Improve animation loader</a>
                                                    </h5>

                                                    <p class=\"mb-0\">
                                                        <span class=\"pe-2 text-nowrap mb-2 d-inline-block\">
                                                            <i class=\"ri-briefcase-2-line text-muted\"></i>
                                                            CRM
                                                        </span>
                                                        <span class=\"text-nowrap mb-2 d-inline-block\">
                                                            <i class=\"ri-discuss-line text-muted\"></i>
                                                            <b>39</b> Comments
                                                        </span>
                                                    </p>

                                                    <div class=\"dropdown float-end mt-2\">
                                                        <a href=\"#\" class=\"dropdown-toggle text-muted arrow-none\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
                                                            <i class=\"ri-more-2-fill fs-18\"></i>
                                                        </a>
                                                        <div class=\"dropdown-menu dropdown-menu-animated dropdown-menu-end\">
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-edit-box-line me-1\"></i>Edit</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-delete-bin-line me-1\"></i>Delete</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-user-add-line me-1\"></i>Add People</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-logout-circle-line me-1\"></i>Leave</a>
                                                        </div>
                                                    </div>

                                                    <div class=\"avatar-group mt-2\">
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Tosha\">
                                                            <img src=\"/images/users/avatar-2.jpg\" alt=\"\"
                                                                class=\"rounded-circle avatar-xs\">
                                                        </a>
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Brain\">
                                                            <img src=\"/images/users/avatar-4.jpg\" alt=\"\"
                                                                class=\"rounded-circle avatar-xs\">
                                                        </a>
                                                    </div>
                                                </div> <!-- end card-body -->
                                            </div>
                                            <!-- Task Item End -->

                                        </div> <!-- end company-list-3-->
                                    </div>

                                    <div class=\"tasks\">
                                        <h5 class=\"mt-0 task-header text-uppercase\">Done (1)</h5>
                                        <div id=\"task-list-four\" class=\"task-list-items\">

                                            <!-- Task Item -->
                                            <div class=\"card mb-0\">
                                                <div class=\"card-body p-3\">
                                                    <span class=\"float-end badge bg-success-subtle text-success\">Low</span>
                                                    <small class=\"text-muted\">16 Jul 2023</small>

                                                    <h5 class=\"my-2 fs-16\">
                                                        <a href=\"#\" data-bs-toggle=\"modal\" data-bs-target=\"#task-detail-modal\" class=\"text-body\">Dashboard design</a>
                                                    </h5>

                                                    <p class=\"mb-0\">
                                                        <span class=\"pe-2 text-nowrap mb-2 d-inline-block\">
                                                            <i class=\"ri-briefcase-2-line text-muted\"></i>
                                                            Jidox
                                                        </span>
                                                        <span class=\"text-nowrap mb-2 d-inline-block\">
                                                            <i class=\"ri-discuss-line text-muted\"></i>
                                                            <b>287</b> Comments
                                                        </span>
                                                    </p>

                                                    <div class=\"dropdown float-end mt-2\">
                                                        <a href=\"#\" class=\"dropdown-toggle text-muted arrow-none\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
                                                            <i class=\"ri-more-2-fill fs-18\"></i>
                                                        </a>
                                                        <div class=\"dropdown-menu dropdown-menu-animated dropdown-menu-end\">
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-edit-box-line me-1\"></i>Edit</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-delete-bin-line me-1\"></i>Delete</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-user-add-line me-1\"></i>Add People</a>
                                                            <!-- item-->
                                                            <a href=\"javascript:void(0);\" class=\"dropdown-item\"><i class=\"ri-logout-circle-line me-1\"></i>Leave</a>
                                                        </div>
                                                    </div>

                                                    <div class=\"avatar-group mt-2\">
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Tosha\">
                                                            <img src=\"/images/users/avatar-1.jpg\" alt=\"\"
                                                                class=\"rounded-circle avatar-xs\">
                                                        </a>
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Brain\">
                                                            <img src=\"/images/users/avatar-3.jpg\" alt=\"\"
                                                                class=\"rounded-circle avatar-xs\">
                                                        </a>
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Tosha\">
                                                            <img src=\"/images/users/avatar-8.jpg\" alt=\"\"
                                                                class=\"rounded-circle avatar-xs\">
                                                        </a>
                                                        <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                            data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                            title=\"Hooker\">
                                                            <div class=\"avatar-xs\">
                                                                <div
                                                                    class=\"avatar-title rounded-circle text-bg-danger\">
                                                                    K
                                                                </div>
                                                            </div>
                                                        </a>
                                                    </div>
                                                </div> <!-- end card-body -->
                                            </div>
                                            <!-- Task Item End -->
                                            
                                        </div> <!-- end company-list-4-->
                                    </div>

                                </div> <!-- end .board-->
                            </div> <!-- end col -->
                        </div>
                        <!-- end row-->
                        
                    </div> <!-- container -->

                </div> <!-- content -->

                @@include('./partials/footer.html')

            </div>

            <!-- ============================================================== -->
            <!-- End Page content -->
            <!-- ============================================================== -->

        </div>
        <!-- END wrapper -->
        


        @@include('./partials/right-sidebar.html')

        <!--  Add new task modal -->
        <div class=\"modal fade task-modal-content\" id=\"add-new-task-modal\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"NewTaskModalLabel\" aria-hidden=\"true\">
            <div class=\"modal-dialog modal-dialog-centered modal-lg\">
                <div class=\"modal-content\">
                    <div class=\"modal-header\">
                        <h4 class=\"modal-title\" id=\"NewTaskModalLabel\">Create New Task</h4>
                        <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>
                    </div>
                    <div class=\"modal-body\">
                        <form class=\"p-2\">
                            <div class=\"mb-3\">
                                <label class=\"form-label\">Project</label>
                                <select class=\"form-select\">
                                    <option>Select</option>
                                    <option> - Admin Dashboard</option>
                                    <option>CRM - Design & Development</option>
                                    <option>iOS - App Design</option>
                                </select>
                            </div>

                            <div class=\"row\">
                                <div class=\"col-md-8\">
                                    <div class=\"mb-3\">
                                        <label for=\"task-title\" class=\"form-label\">Title</label>
                                        <input type=\"text\" class=\"form-control\" id=\"task-title\" placeholder=\"Enter title\">
                                    </div>
                                </div>

                                <div class=\"col-md-4\">
                                    <div class=\"mb-3\">
                                        <label for=\"task-priority2\" class=\"form-label\">Priority</label>
                                        <select class=\"form-select\" id=\"task-priority2\">
                                            <option>Low</option>
                                            <option>Medium</option>
                                            <option>High</option>
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class=\"mb-3\">
                                <label for=\"task-description\" class=\"form-label\">Description</label>
                                <textarea class=\"form-control\" id=\"task-description\" rows=\"3\"></textarea>
                            </div>

                            <div class=\"row\">
                                <div class=\"col-md-6\">
                                    <div class=\"mb-3\">
                                        <label for=\"task-title\" class=\"form-label\">Assign To</label>
                                        <select class=\"form-select\" id=\"task-priority\">
                                            <option>Coderthemes</option>
                                            <option>Robert Carlile</option>
                                            <option>Louis Allen</option>
                                            <option>Sean White</option>
                                            <option>Riley Steele</option>
                                            <option>Zak Turnbull</option>
                                        </select>
                                    </div>
                                </div>

                                <div class=\"col-md-6\">
                                    <div class=\"mb-3\">
                                        <label for=\"task-priority\" class=\"form-label\">Due Date</label>
                                        <input type=\"text\" class=\"form-control\" id=\"birthdatepicker\" data-toggle=\"date-picker\" data-single-date-picker=\"true\">
                                    </div>
                                </div>
                            </div>
                            
                            <div class=\"text-end\">
                                <button type=\"button\" class=\"btn btn-light\" data-bs-dismiss=\"modal\">Cancel</button>
                                <button type=\"button\" class=\"btn btn-primary\">Create</button>
                            </div>
                        </form>
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div><!-- /.modal -->

        <!--  Task details modal -->
        <div class=\"modal fade task-modal-content\" id=\"task-detail-modal\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"TaskDetailModalLabel\" aria-hidden=\"true\">
            <div class=\"modal-dialog modal-dialog-centered modal-lg\">
                <div class=\"modal-content\">
                    <div class=\"modal-header\">
                        <h4 class=\"modal-title\" id=\"TaskDetailModalLabel\">iOS App home page <span class=\"badge bg-danger ms-2\">High</span></h4>
                        <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>
                    </div>
                    <div class=\"modal-body\">
                    
                        <div class=\"p-2\">
                            <h5 class=\"mt-0\">Description:</h5>
    
                            <p class=\"text-muted mb-4\">
                                Voluptates, illo, iste itaque voluptas corrupti ratione reprehenderit magni similique? Tempore, quos delectus asperiores
                                libero voluptas quod perferendis! Voluptate, quod illo rerum? Lorem ipsum dolor sit amet. With supporting text below
                                as a natural lead-in to additional contenposuere erat a ante.
                            </p>
    
                            <div class=\"row\">
                                <div class=\"col-md-4\">
                                    <div class=\"mb-4\">
                                        <h5>Create Date</h5>
                                        <p>17 March 2023 <small class=\"text-muted\">1:00 PM</small></p>
                                    </div>
                                </div>
                                <div class=\"col-md-4\">
                                    <div class=\"mb-4\">
                                        <h5>Due Date</h5>
                                        <p>22 December 2023 <small class=\"text-muted\">1:00 PM</small></p>
                                    </div>
                                </div>
                                <div class=\"col-md-4\">
                                    <div class=\"mb-4\" id=\"tooltip-container\">
                                        <h5>Asignee:</h5>
                                        <div class=\"avatar-group mt-1\">
                                            <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                title=\"Tosha\">
                                                <img src=\"/images/users/avatar-1.jpg\" alt=\"\"
                                                    class=\"rounded-circle avatar-xs\">
                                            </a>
                                            <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                title=\"Hooker\">
                                                <div class=\"avatar-xs\">
                                                    <div
                                                        class=\"avatar-title rounded-circle text-bg-warning\">
                                                        K
                                                    </div>
                                                </div>
                                            </a>
                                            <a href=\"javascript: void(0);\" class=\"avatar-group-item\"
                                                data-bs-toggle=\"tooltip\" data-bs-placement=\"top\"
                                                title=\"Brain\">
                                                <img src=\"/images/users/avatar-9.jpg\" alt=\"\"
                                                    class=\"rounded-circle avatar-xs\">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- end row-->

                            <ul class=\"nav nav-tabs nav-bordered mb-3\">
                                <li class=\"nav-item\">
                                    <a href=\"#home-b1\" data-bs-toggle=\"tab\" aria-expanded=\"false\" class=\"nav-link active\">
                                        Comments
                                    </a>
                                </li>
                                <li class=\"nav-item\">
                                    <a href=\"#profile-b1\" data-bs-toggle=\"tab\" aria-expanded=\"true\" class=\"nav-link\">
                                        Files
                                    </a>
                                </li>
                            </ul>

                            <div class=\"tab-content\">
                                <div class=\"tab-pane show active\" id=\"home-b1\">
                                    <textarea class=\"form-control mb-2\" placeholder=\"Write message\" id=\"example-textarea\" rows=\"3\"></textarea>
                                    <div class=\"text-end\">
                                        <div class=\"btn-group mb-2 d-none d-sm-inline-block\">
                                            <button type=\"button\" class=\"btn btn-link btn-sm text-muted fs-18\"><i class=\"ri-attachment-2\"></i></button>
                                        </div>
                                        <div class=\"btn-group mb-2 d-none d-sm-inline-block\">
                                            <button type=\"button\" class=\"btn btn-primary btn-sm\">Submit</button>
                                        </div>
                                    </div>

                                    <div class=\"d-flex mt-2\">
                                        <img class=\"me-3 avatar-sm rounded-circle\" src=\"/images/users/avatar-3.jpg\" alt=\"Generic placeholder image\">
                                        <div class=\"w-100\">
                                            <h5 class=\"mt-0\">Jeremy Tomlinson</h5>
                                            Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in
                                            vulputate at, tempus viverra turpis.
                                    
                                            <div class=\"d-flex mt-3\">
                                                <a class=\"pe-3\" href=\"#\">
                                                    <img src=\"/images/users/avatar-4.jpg\" class=\"avatar-sm rounded-circle\" alt=\"Generic placeholder image\">
                                                </a>
                                                <div class=\"w-100\">
                                                    <h5 class=\"mt-0\">Kathleen Thomas</h5>
                                                    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in
                                                    vulputate at, tempus viverra turpis.
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class=\"text-center mt-2\">
                                        <a href=\"javascript:void(0);\" class=\"text-danger\">Load more </a>
                                    </div>
                                </div>
                                <div class=\"tab-pane\" id=\"profile-b1\">
                                    <div class=\"card mb-1 shadow-none border\">
                                        <div class=\"p-2\">
                                            <div class=\"row align-items-center\">
                                                <div class=\"col-auto\">
                                                    <div class=\"avatar-sm\">
                                                        <span class=\"avatar-title rounded\">
                                                            .ZIP
                                                        </span>
                                                    </div>
                                                </div>
                                                <div class=\"col ps-0\">
                                                    <a href=\"javascript:void(0);\" class=\"text-muted fw-bold\">-admin-design.zip</a>
                                                    <p class=\"mb-0\">2.3 MB</p>
                                                </div>
                                                <div class=\"col-auto\">
                                                    <!-- Button -->
                                                    <a href=\"javascript:void(0);\" class=\"btn btn-link btn-lg text-muted\">
                                                        <i class=\"ri-download-2-line\"></i>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class=\"card mb-1 shadow-none border\">
                                        <div class=\"p-2\">
                                            <div class=\"row align-items-center\">
                                                <div class=\"col-auto\">
                                                    <img src=\"/images/small/small-1.jpg\" class=\"avatar-sm rounded\" alt=\"file-image\" />
                                                </div>
                                                <div class=\"col ps-0\">
                                                    <a href=\"javascript:void(0);\" class=\"text-muted fw-bold\">Dashboard-design.jpg</a>
                                                    <p class=\"mb-0\">3.25 MB</p>
                                                </div>
                                                <div class=\"col-auto\">
                                                    <!-- Button -->
                                                    <a href=\"javascript:void(0);\" class=\"btn btn-link btn-lg text-muted\">
                                                        <i class=\"ri-download-2-line\"></i>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class=\"card mb-0 shadow-none border\">
                                        <div class=\"p-2\">
                                            <div class=\"row align-items-center\">
                                                <div class=\"col-auto\">
                                                    <div class=\"avatar-sm\">
                                                        <span class=\"avatar-title bg-secondary rounded\">
                                                            .MP4
                                                        </span>
                                                    </div>
                                                </div>
                                                <div class=\"col ps-0\">
                                                    <a href=\"javascript:void(0);\" class=\"text-muted fw-bold\">Admin-bug-report.mp4</a>
                                                    <p class=\"mb-0\">7.05 MB</p>
                                                </div>
                                                <div class=\"col-auto\">
                                                    <!-- Button -->
                                                    <a href=\"javascript:void(0);\" class=\"btn btn-link btn-lg text-muted\">
                                                        <i class=\"ri-download-2-line\"></i>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div> <!-- .p-2 -->
                    </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div><!-- /.modal -->
{% endblock %}

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

        <!-- demo js -->
        <script src=\"/js/pages/component.dragula.js\"></script>
{% endblock %}
", "apps-kanban.html.twig", "/home/ct9/Desktop/Ishan/Jidox/jidox_symfony/templates/apps-kanban.html.twig");
    }
}
