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

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

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

        $this->blocks = [
            'title' => [$this, 'block_title'],
            'pagetitle' => [$this, 'block_pagetitle'],
            'body' => [$this, 'block_body'],
        ];
    }

    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-chat.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-chat.html.twig"));

        $this->parent = $this->loadTemplate("partials/layout-vertical.html.twig", "apps-chat.html.twig", 1);
        $this->parent->display($context, array_merge($this->blocks, $blocks));
        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

    }

    // line 3
    public function block_title($context, array $blocks = [])
    {
        $macros = $this->macros;
        $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));

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

        echo "Chat
";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

    }

    // line 6
    public function block_pagetitle($context, array $blocks = [])
    {
        $macros = $this->macros;
        $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "pagetitle"));

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

        // line 7
        echo "\t";
        echo twig_include($this->env, $context, "partials/page-title.html.twig", ["sub_title" => "Apps", "page_title" => "Chat"]);
        echo "
";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

    }

    // line 10
    public function block_body($context, array $blocks = [])
    {
        $macros = $this->macros;
        $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));

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

        // line 11
        echo "\t<div class=\"row\">
\t\t<!-- start chat users-->
\t\t<div class=\"col-xl-3 col-lg-4\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">

\t\t\t\t\t<div class=\"d-flex align-items-start mb-3\">
\t\t\t\t\t\t<img src=\"/images/users/avatar-1.jpg\" class=\"me-2 rounded-circle\" height=\"42\" alt=\"Brandon Smith\">
\t\t\t\t\t\t<div class=\"w-100\">
\t\t\t\t\t\t\t<h5 class=\"mb-0\">
\t\t\t\t\t\t\t\t<a href=\"pages-profile.html\" class=\"text-reset lh-base\">Tosha Minner</a>
\t\t\t\t\t\t\t</h5>
\t\t\t\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t\t\t\t<small class=\"ri-checkbox-blank-circle-fill text-success\"></small>
\t\t\t\t\t\t\t\tOnline
\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<a href=\"javascript: void(0);\" class=\"text-reset fs-20\">
\t\t\t\t\t\t\t<i class=\"ri-settings-5-line\"></i>
\t\t\t\t\t\t</a>
\t\t\t\t\t</div>

\t\t\t\t\t<!-- start search box -->
\t\t\t\t\t<div class=\"app-search\">
\t\t\t\t\t\t<form>
\t\t\t\t\t\t\t<div class=\"mb-2 w-100 position-relative\">
\t\t\t\t\t\t\t\t<input type=\"search\" class=\"form-control\" placeholder=\"People, groups &amp; messages...\">
\t\t\t\t\t\t\t\t<span class=\"ri-search-line search-icon\"></span>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</form>
\t\t\t\t\t</div>
\t\t\t\t\t<!-- end search box -->

\t\t\t\t\t<h6 class=\"fs-13 text-muted text-uppercase mt-2\">Group Chats</h6>
\t\t\t\t\t<div class=\"py-2\">
\t\t\t\t\t\t<a href=\"javascript: void(0);\" class=\"text-reset mb-2 d-block\">
\t\t\t\t\t\t\t<i class=\"ri-checkbox-blank-circle-line me-1 text-success\"></i>
\t\t\t\t\t\t\t<span class=\"mb-0 mt-1\">App Development</span>
\t\t\t\t\t\t</a>

\t\t\t\t\t\t<a href=\"javascript: void(0);\" class=\"text-reset mb-2 d-block\">
\t\t\t\t\t\t\t<i class=\"ri-checkbox-blank-circle-line me-1 text-warning\"></i>
\t\t\t\t\t\t\t<span class=\"mb-0 mt-1\">Office Work</span>
\t\t\t\t\t\t</a>
\t\t\t\t\t</div>

\t\t\t\t\t<h6 class=\"fs-13 text-muted text-uppercase mb-2\">Contacts</h6>
\t\t\t\t</div>
\t\t\t\t<!-- end card-body-->

\t\t\t\t<div
\t\t\t\t\tclass=\"card-body p-0 pb-3\">
\t\t\t\t\t<!-- users -->
\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t<div class=\"col\">
\t\t\t\t\t\t\t<div data-simplebar style=\"max-height: 380px;\">
\t\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"text-body\">
\t\t\t\t\t\t\t\t\t<div class=\"d-flex align-items-start py-2 px-3\">
\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-2.jpg\" class=\"me-2 rounded-circle\" height=\"42\" alt=\"Brandon Smith\"/>
\t\t\t\t\t\t\t\t\t\t<div class=\"w-100\">
\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"my-0\">
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"float-end text-muted fw-normal fs-12\">4:30am</span>
\t\t\t\t\t\t\t\t\t\t\t\tBrandon Smith
\t\t\t\t\t\t\t\t\t\t\t</h5>
\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-1 mb-0 text-muted\">
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"w-25 float-end text-end\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"badge bg-danger-subtle text-danger\">3</span>
\t\t\t\t\t\t\t\t\t\t\t\t</span>
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"w-75\">How are you today?</span>
\t\t\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t</a>

\t\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"text-body\">
\t\t\t\t\t\t\t\t\t<div class=\"d-flex align-items-start py-2 px-3 bg-light-subtle border-top border-bottom border-light\">
\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-5.jpg\" class=\"me-2 rounded-circle\" height=\"42\" alt=\"James Z\"/>
\t\t\t\t\t\t\t\t\t\t<div class=\"w-100\">
\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"my-0\">
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"float-end text-muted fw-normal fs-12\">5:30am</span>
\t\t\t\t\t\t\t\t\t\t\t\tJames Zavel
\t\t\t\t\t\t\t\t\t\t\t</h5>
\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-1 mb-0 text-muted\">
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"w-75\">typing...</span>
\t\t\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t</a>

\t\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"text-body\">
\t\t\t\t\t\t\t\t\t<div class=\"d-flex align-items-start py-2 px-3\">
\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-7.jpg\" class=\"me-2 rounded-circle\" height=\"42\" alt=\"Maria C\"/>
\t\t\t\t\t\t\t\t\t\t<div class=\"w-100\">
\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"my-0\">
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"float-end text-muted fw-normal fs-12\">Thu</span>
\t\t\t\t\t\t\t\t\t\t\t\tMaria C
\t\t\t\t\t\t\t\t\t\t\t</h5>
\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-1 mb-0 text-muted\">
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"w-25 float-end text-end\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"badge bg-danger-subtle text-danger\">2</span>
\t\t\t\t\t\t\t\t\t\t\t\t</span>
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"w-75\">Are we going to have this week's planning meeting today?</span>
\t\t\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t</a>

\t\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"text-body\">
\t\t\t\t\t\t\t\t\t<div class=\"d-flex align-items-start py-2 px-3\">
\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-10.jpg\" class=\"me-2 rounded-circle\" height=\"42\" alt=\"Rhonda D\"/>
\t\t\t\t\t\t\t\t\t\t<div class=\"w-100\">
\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"my-0\">
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"float-end text-muted fw-normal fs-12\">Wed</span>
\t\t\t\t\t\t\t\t\t\t\t\tRhonda D
\t\t\t\t\t\t\t\t\t\t\t</h5>
\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-1 mb-0 text-muted\">
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"w-75\">Please check these design assets...</span>
\t\t\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t</a>

\t\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"text-body\">
\t\t\t\t\t\t\t\t\t<div class=\"d-flex align-items-start py-2 px-3\">
\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-3.jpg\" class=\"me-2 rounded-circle\" height=\"42\" alt=\"Michael H\"/>
\t\t\t\t\t\t\t\t\t\t<div class=\"w-100\">
\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"my-0\">
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"float-end text-muted fw-normal fs-12\">Tue</span>
\t\t\t\t\t\t\t\t\t\t\t\tMichael H
\t\t\t\t\t\t\t\t\t\t\t</h5>
\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-1 mb-0 text-muted\">
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"w-75\">Are you free for 15 min? I would like to discuss something...</span>
\t\t\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t</a>

\t\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"text-body\">
\t\t\t\t\t\t\t\t\t<div class=\"d-flex align-items-start py-2 px-3\">
\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-6.jpg\" class=\"me-2 rounded-circle\" height=\"42\" alt=\"Thomas R\"/>
\t\t\t\t\t\t\t\t\t\t<div class=\"w-100\">
\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"my-0\">
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"float-end text-muted fw-normal fs-12\">Tue</span>
\t\t\t\t\t\t\t\t\t\t\t\tThomas R
\t\t\t\t\t\t\t\t\t\t\t</h5>
\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-1 mb-0 text-muted\">
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"w-75\">Let's have meeting today between me, you and Tony...</span>
\t\t\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t</a>

\t\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"text-body\">
\t\t\t\t\t\t\t\t\t<div class=\"d-flex align-items-start py-2 px-3\">
\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-8.jpg\" class=\"me-2 rounded-circle\" height=\"42\" alt=\"Thomas J\"/>
\t\t\t\t\t\t\t\t\t\t<div class=\"w-100\">
\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"my-0\">
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"float-end text-muted fw-normal fs-12\">Tue</span>
\t\t\t\t\t\t\t\t\t\t\t\tThomas J
\t\t\t\t\t\t\t\t\t\t\t</h5>
\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-1 mb-0 text-muted\">
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"w-75\">Howdy?</span>
\t\t\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t</a>

\t\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"text-body\">
\t\t\t\t\t\t\t\t\t<div class=\"d-flex align-items-start py-2 px-3\">
\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-4.jpg\" class=\"me-2 rounded-circle\" height=\"42\" alt=\"Ricky J\"/>
\t\t\t\t\t\t\t\t\t\t<div class=\"w-100\">
\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"my-0\">
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"float-end text-muted fw-normal fs-12\">Mon</span>
\t\t\t\t\t\t\t\t\t\t\t\tRicky J
\t\t\t\t\t\t\t\t\t\t\t</h5>
\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-1 mb-0 text-muted\">
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"w-75\">Are you interested in learning?</span>
\t\t\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end slimscroll-->
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<!-- End col -->
\t\t\t\t\t</div>
\t\t\t\t\t<!-- end users -->
\t\t\t\t</div>
\t\t\t</div>
\t\t\t<!-- end card-->
\t\t</div>
\t\t<!-- end chat users-->

\t\t<!-- chat area -->
\t\t<div class=\"col-xl-9 col-lg-8\">

\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body py-2 px-3 border-bottom border-light\">
\t\t\t\t\t<div class=\"row justify-content-between py-1\">
\t\t\t\t\t\t<div class=\"col-sm-7\">
\t\t\t\t\t\t\t<div class=\"d-flex align-items-start\">
\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-5.jpg\" class=\"me-2 rounded-circle\" height=\"36\" alt=\"Brandon Smith\">
\t\t\t\t\t\t\t\t<div>
\t\t\t\t\t\t\t\t\t<h5 class=\"my-0 font-15\">
\t\t\t\t\t\t\t\t\t\t<a href=\"pages-profile.html\" class=\"text-reset\">James Zavel</a>
\t\t\t\t\t\t\t\t\t</h5>
\t\t\t\t\t\t\t\t\t<p class=\"mt-1 mb-0 text-muted fs-12\">
\t\t\t\t\t\t\t\t\t\t<small class=\"ri-checkbox-blank-circle-fill text-danger\"></small>
\t\t\t\t\t\t\t\t\t\tOffline
\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"col-auto\">
\t\t\t\t\t\t\t<div id=\"tooltips-container\">
\t\t\t\t\t\t\t\t<a href=\"javascript: void(0);\" class=\"text-reset fs-20 p-1 d-inline-block\">
\t\t\t\t\t\t\t\t\t<i class=\"ri-phone-line\" data-bs-container=\"#tooltips-container\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" title=\"Voice Call\"></i>
\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t<a href=\"javascript: void(0);\" class=\"text-reset fs-20 p-1 d-inline-block\">
\t\t\t\t\t\t\t\t\t<i class=\"ri-vidicon-line\" data-bs-container=\"#tooltips-container\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" title=\"Video Call\"></i>
\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t<a href=\"javascript: void(0);\" class=\"text-reset fs-20 p-1 d-inline-block\">
\t\t\t\t\t\t\t\t\t<i class=\"ri-group-line\" data-bs-container=\"#tooltips-container\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" title=\"Add Users\"></i>
\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t<a href=\"javascript: void(0);\" class=\"text-reset fs-20 p-1 d-inline-block\">
\t\t\t\t\t\t\t\t\t<i class=\"ri-delete-bin-line\" data-bs-container=\"#tooltips-container\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" title=\"Delete Chat\"></i>
\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<div class=\"card-body p-0\">
\t\t\t\t\t<ul class=\"conversation-list p-3\" data-simplebar style=\"max-height: 520px;\">
\t\t\t\t\t\t<li class=\"clearfix\">
\t\t\t\t\t\t\t<div class=\"chat-avatar\">
\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-5.jpg\" class=\"rounded\" alt=\"James Z\"/>
\t\t\t\t\t\t\t\t<i>10:00</i>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"conversation-text\">
\t\t\t\t\t\t\t\t<div class=\"ctext-wrap\">
\t\t\t\t\t\t\t\t\t<i>James Z</i>
\t\t\t\t\t\t\t\t\t<p>
\t\t\t\t\t\t\t\t\t\tHello!
\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"conversation-actions dropdown\">
\t\t\t\t\t\t\t\t<button class=\"btn btn-sm btn-link fs-18\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
\t\t\t\t\t\t\t\t\t<i class=\"ri-more-2-fill\"></i>
\t\t\t\t\t\t\t\t</button>

\t\t\t\t\t\t\t\t<div class=\"dropdown-menu dropdown-menu-animated dropdown-menu-end\">
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Copy Message</a>
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Edit</a>
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Delete</a>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</li>
\t\t\t\t\t\t<li class=\"clearfix odd\">
\t\t\t\t\t\t\t<div class=\"chat-avatar\">
\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-1.jpg\" class=\"rounded\" alt=\"Geneva M\"/>
\t\t\t\t\t\t\t\t<i>10:01</i>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"conversation-text\">
\t\t\t\t\t\t\t\t<div class=\"ctext-wrap\">
\t\t\t\t\t\t\t\t\t<i>Geneva M</i>
\t\t\t\t\t\t\t\t\t<p>
\t\t\t\t\t\t\t\t\t\tHi, How are you? What about our next meeting?
\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"conversation-actions dropdown\">
\t\t\t\t\t\t\t\t<button class=\"btn btn-sm btn-link fs-18\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
\t\t\t\t\t\t\t\t\t<i class=\"ri-more-2-fill\"></i>
\t\t\t\t\t\t\t\t</button>

\t\t\t\t\t\t\t\t<div class=\"dropdown-menu dropdown-menu-animated\">
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Copy Message</a>
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Edit</a>
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Delete</a>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</li>
\t\t\t\t\t\t<li class=\"clearfix\">
\t\t\t\t\t\t\t<div class=\"chat-avatar\">
\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-5.jpg\" class=\"rounded\" alt=\"James Z\"/>
\t\t\t\t\t\t\t\t<i>10:01</i>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"conversation-text\">
\t\t\t\t\t\t\t\t<div class=\"ctext-wrap\">
\t\t\t\t\t\t\t\t\t<i>James Z</i>
\t\t\t\t\t\t\t\t\t<p>
\t\t\t\t\t\t\t\t\t\tYeah everything is fine
\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"conversation-actions dropdown\">
\t\t\t\t\t\t\t\t<button class=\"btn btn-sm btn-link fs-18\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
\t\t\t\t\t\t\t\t\t<i class=\"ri-more-2-fill\"></i>
\t\t\t\t\t\t\t\t</button>

\t\t\t\t\t\t\t\t<div class=\"dropdown-menu dropdown-menu-animated dropdown-menu-end\">
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Copy Message</a>
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Edit</a>
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Delete</a>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</li>
\t\t\t\t\t\t<li class=\"clearfix odd\">
\t\t\t\t\t\t\t<div class=\"chat-avatar\">
\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-1.jpg\" class=\"rounded\" alt=\"Geneva M\"/>
\t\t\t\t\t\t\t\t<i>10:02</i>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"conversation-text\">
\t\t\t\t\t\t\t\t<div class=\"ctext-wrap\">
\t\t\t\t\t\t\t\t\t<i>Geneva M</i>
\t\t\t\t\t\t\t\t\t<p>
\t\t\t\t\t\t\t\t\t\tWow that's great
\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"conversation-actions dropdown\">
\t\t\t\t\t\t\t\t<button class=\"btn btn-sm btn-link fs-18\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
\t\t\t\t\t\t\t\t\t<i class=\"ri-more-2-fill\"></i>
\t\t\t\t\t\t\t\t</button>

\t\t\t\t\t\t\t\t<div class=\"dropdown-menu dropdown-menu-animated\">
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Copy Message</a>
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Edit</a>
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Delete</a>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</li>
\t\t\t\t\t\t<li class=\"clearfix\">
\t\t\t\t\t\t\t<div class=\"chat-avatar\">
\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-5.jpg\" alt=\"James Z\" class=\"rounded\"/>
\t\t\t\t\t\t\t\t<i>10:02</i>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"conversation-text\">
\t\t\t\t\t\t\t\t<div class=\"ctext-wrap\">
\t\t\t\t\t\t\t\t\t<i>James Z</i>
\t\t\t\t\t\t\t\t\t<p>
\t\t\t\t\t\t\t\t\t\tLet's have it today if you are free
\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"conversation-actions dropdown\">
\t\t\t\t\t\t\t\t<button class=\"btn btn-sm btn-link fs-18\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
\t\t\t\t\t\t\t\t\t<i class=\"ri-more-2-fill\"></i>
\t\t\t\t\t\t\t\t</button>

\t\t\t\t\t\t\t\t<div class=\"dropdown-menu dropdown-menu-animated dropdown-menu-end\">
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Copy Message</a>
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Edit</a>
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Delete</a>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</li>
\t\t\t\t\t\t<li class=\"clearfix odd\">
\t\t\t\t\t\t\t<div class=\"chat-avatar\">
\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-1.jpg\" alt=\"Geneva M\" class=\"rounded\"/>
\t\t\t\t\t\t\t\t<i>10:03</i>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"conversation-text\">
\t\t\t\t\t\t\t\t<div class=\"ctext-wrap\">
\t\t\t\t\t\t\t\t\t<i>Geneva M</i>
\t\t\t\t\t\t\t\t\t<p>
\t\t\t\t\t\t\t\t\t\tSure thing! let me know if 2pm works for you
\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"conversation-actions dropdown\">
\t\t\t\t\t\t\t\t<button class=\"btn btn-sm btn-link fs-18\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
\t\t\t\t\t\t\t\t\t<i class=\"ri-more-2-fill\"></i>
\t\t\t\t\t\t\t\t</button>

\t\t\t\t\t\t\t\t<div class=\"dropdown-menu dropdown-menu-animated\">
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Copy Message</a>
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Edit</a>
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Delete</a>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</li>
\t\t\t\t\t\t<li class=\"clearfix\">
\t\t\t\t\t\t\t<div class=\"chat-avatar\">
\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-5.jpg\" alt=\"James Z\" class=\"rounded\"/>
\t\t\t\t\t\t\t\t<i>10:04</i>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"conversation-text\">
\t\t\t\t\t\t\t\t<div class=\"ctext-wrap\">
\t\t\t\t\t\t\t\t\t<i>James Z</i>
\t\t\t\t\t\t\t\t\t<p>
\t\t\t\t\t\t\t\t\t\tSorry, I have another meeting scheduled at 2pm. Can we have it at 3pm instead?
\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"conversation-actions dropdown\">
\t\t\t\t\t\t\t\t<button class=\"btn btn-sm btn-link fs-18\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
\t\t\t\t\t\t\t\t\t<i class=\"ri-more-2-fill\"></i>
\t\t\t\t\t\t\t\t</button>

\t\t\t\t\t\t\t\t<div class=\"dropdown-menu dropdown-menu-animated dropdown-menu-end\">
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Copy Message</a>
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Edit</a>
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Delete</a>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</li>
\t\t\t\t\t\t<li class=\"clearfix\">
\t\t\t\t\t\t\t<div class=\"chat-avatar\">
\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-5.jpg\" alt=\"James Z\" class=\"rounded\"/>
\t\t\t\t\t\t\t\t<i>10:04</i>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"conversation-text\">
\t\t\t\t\t\t\t\t<div class=\"ctext-wrap\">
\t\t\t\t\t\t\t\t\t<i>James Z</i>
\t\t\t\t\t\t\t\t\t<p>
\t\t\t\t\t\t\t\t\t\tWe can also discuss about the presentation talk format if you have some extra mins
\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"conversation-actions dropdown\">
\t\t\t\t\t\t\t\t<button class=\"btn btn-sm btn-link fs-18\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
\t\t\t\t\t\t\t\t\t<i class=\"ri-more-2-fill\"></i>
\t\t\t\t\t\t\t\t</button>

\t\t\t\t\t\t\t\t<div class=\"dropdown-menu dropdown-menu-animated dropdown-menu-end\">
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Copy Message</a>
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Edit</a>
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Delete</a>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</li>
\t\t\t\t\t\t<li class=\"clearfix odd\">
\t\t\t\t\t\t\t<div class=\"chat-avatar\">
\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-1.jpg\" alt=\"Geneva M\" class=\"rounded\"/>
\t\t\t\t\t\t\t\t<i>10:05</i>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"conversation-text\">
\t\t\t\t\t\t\t\t<div class=\"ctext-wrap\">
\t\t\t\t\t\t\t\t\t<i>Geneva M</i>
\t\t\t\t\t\t\t\t\t<p>
\t\t\t\t\t\t\t\t\t\t3pm it is. Sure, let's discuss about presentation format, it would be great to finalize today. I am attaching the last year format and assets here...
\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<div class=\"card mt-2 mb-1 shadow-none border text-start\">
\t\t\t\t\t\t\t\t\t<div class=\"p-2\">
\t\t\t\t\t\t\t\t\t\t<div class=\"row align-items-center\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-auto\">
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"avatar-sm\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"avatar-title bg-primary rounded\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ZIP
\t\t\t\t\t\t\t\t\t\t\t\t\t</span>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t<div class=\"col ps-0\">
\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"text-muted fw-bold\">Jidox-sketch.zip</a>
\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mb-0 text-muted\">2.3 MB</p>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t<div
\t\t\t\t\t\t\t\t\t\t\t\tclass=\"col-auto\">
\t\t\t\t\t\t\t\t\t\t\t\t<!-- Button -->
\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"btn btn-link btn-lg text-muted\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-download-2-line\"></i>
\t\t\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"conversation-actions dropdown\">
\t\t\t\t\t\t\t\t<button class=\"btn btn-sm btn-link fs-18\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
\t\t\t\t\t\t\t\t\t<i class=\"ri-more-2-fill\"></i>
\t\t\t\t\t\t\t\t</button>

\t\t\t\t\t\t\t\t<div class=\"dropdown-menu dropdown-menu-animated\">
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Copy Message</a>
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Edit</a>
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Delete</a>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</li>
\t\t\t\t\t</ul>

\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t<div class=\"col\">
\t\t\t\t\t\t\t<div class=\"bg-light p-3 rounded\">
\t\t\t\t\t\t\t\t<form class=\"needs-validation\" novalidate=\"\" name=\"chat-form\" id=\"chat-form\">
\t\t\t\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t\t\t\t<div class=\"col mb-2 mb-sm-0\">
\t\t\t\t\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control border-0\" placeholder=\"Enter your text\" required=\"\"/>
\t\t\t\t\t\t\t\t\t\t\t<div class=\"invalid-feedback\">
\t\t\t\t\t\t\t\t\t\t\t\tPlease enter your messsage
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<div class=\"col-sm-auto\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"btn-group\">
\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\" class=\"btn btn-light\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-attachment-2\"></i>
\t\t\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t\t\t\t<button type=\"submit\" class=\"btn btn-success chat-send w-100\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-send-plane-2-line\"></i>
\t\t\t\t\t\t\t\t\t\t\t\t</button>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end row-->
\t\t\t\t\t\t\t\t</form>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<!-- end col-->
\t\t\t\t\t</div>
\t\t\t\t\t<!-- end row -->
\t\t\t\t</div>
\t\t\t\t<!-- end card-body -->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end chat area-->

\t</div>
\t<!-- end row-->
";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

    }

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

    public function isTraitable()
    {
        return false;
    }

    public function getDebugInfo()
    {
        return array (  113 => 11,  103 => 10,  90 => 7,  80 => 6,  60 => 3,  37 => 1,);
    }

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

{% block title %}Chat
{% endblock %}

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

{% block body %}
\t<div class=\"row\">
\t\t<!-- start chat users-->
\t\t<div class=\"col-xl-3 col-lg-4\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">

\t\t\t\t\t<div class=\"d-flex align-items-start mb-3\">
\t\t\t\t\t\t<img src=\"/images/users/avatar-1.jpg\" class=\"me-2 rounded-circle\" height=\"42\" alt=\"Brandon Smith\">
\t\t\t\t\t\t<div class=\"w-100\">
\t\t\t\t\t\t\t<h5 class=\"mb-0\">
\t\t\t\t\t\t\t\t<a href=\"pages-profile.html\" class=\"text-reset lh-base\">Tosha Minner</a>
\t\t\t\t\t\t\t</h5>
\t\t\t\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t\t\t\t<small class=\"ri-checkbox-blank-circle-fill text-success\"></small>
\t\t\t\t\t\t\t\tOnline
\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<a href=\"javascript: void(0);\" class=\"text-reset fs-20\">
\t\t\t\t\t\t\t<i class=\"ri-settings-5-line\"></i>
\t\t\t\t\t\t</a>
\t\t\t\t\t</div>

\t\t\t\t\t<!-- start search box -->
\t\t\t\t\t<div class=\"app-search\">
\t\t\t\t\t\t<form>
\t\t\t\t\t\t\t<div class=\"mb-2 w-100 position-relative\">
\t\t\t\t\t\t\t\t<input type=\"search\" class=\"form-control\" placeholder=\"People, groups &amp; messages...\">
\t\t\t\t\t\t\t\t<span class=\"ri-search-line search-icon\"></span>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</form>
\t\t\t\t\t</div>
\t\t\t\t\t<!-- end search box -->

\t\t\t\t\t<h6 class=\"fs-13 text-muted text-uppercase mt-2\">Group Chats</h6>
\t\t\t\t\t<div class=\"py-2\">
\t\t\t\t\t\t<a href=\"javascript: void(0);\" class=\"text-reset mb-2 d-block\">
\t\t\t\t\t\t\t<i class=\"ri-checkbox-blank-circle-line me-1 text-success\"></i>
\t\t\t\t\t\t\t<span class=\"mb-0 mt-1\">App Development</span>
\t\t\t\t\t\t</a>

\t\t\t\t\t\t<a href=\"javascript: void(0);\" class=\"text-reset mb-2 d-block\">
\t\t\t\t\t\t\t<i class=\"ri-checkbox-blank-circle-line me-1 text-warning\"></i>
\t\t\t\t\t\t\t<span class=\"mb-0 mt-1\">Office Work</span>
\t\t\t\t\t\t</a>
\t\t\t\t\t</div>

\t\t\t\t\t<h6 class=\"fs-13 text-muted text-uppercase mb-2\">Contacts</h6>
\t\t\t\t</div>
\t\t\t\t<!-- end card-body-->

\t\t\t\t<div
\t\t\t\t\tclass=\"card-body p-0 pb-3\">
\t\t\t\t\t<!-- users -->
\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t<div class=\"col\">
\t\t\t\t\t\t\t<div data-simplebar style=\"max-height: 380px;\">
\t\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"text-body\">
\t\t\t\t\t\t\t\t\t<div class=\"d-flex align-items-start py-2 px-3\">
\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-2.jpg\" class=\"me-2 rounded-circle\" height=\"42\" alt=\"Brandon Smith\"/>
\t\t\t\t\t\t\t\t\t\t<div class=\"w-100\">
\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"my-0\">
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"float-end text-muted fw-normal fs-12\">4:30am</span>
\t\t\t\t\t\t\t\t\t\t\t\tBrandon Smith
\t\t\t\t\t\t\t\t\t\t\t</h5>
\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-1 mb-0 text-muted\">
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"w-25 float-end text-end\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"badge bg-danger-subtle text-danger\">3</span>
\t\t\t\t\t\t\t\t\t\t\t\t</span>
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"w-75\">How are you today?</span>
\t\t\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t</a>

\t\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"text-body\">
\t\t\t\t\t\t\t\t\t<div class=\"d-flex align-items-start py-2 px-3 bg-light-subtle border-top border-bottom border-light\">
\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-5.jpg\" class=\"me-2 rounded-circle\" height=\"42\" alt=\"James Z\"/>
\t\t\t\t\t\t\t\t\t\t<div class=\"w-100\">
\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"my-0\">
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"float-end text-muted fw-normal fs-12\">5:30am</span>
\t\t\t\t\t\t\t\t\t\t\t\tJames Zavel
\t\t\t\t\t\t\t\t\t\t\t</h5>
\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-1 mb-0 text-muted\">
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"w-75\">typing...</span>
\t\t\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t</a>

\t\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"text-body\">
\t\t\t\t\t\t\t\t\t<div class=\"d-flex align-items-start py-2 px-3\">
\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-7.jpg\" class=\"me-2 rounded-circle\" height=\"42\" alt=\"Maria C\"/>
\t\t\t\t\t\t\t\t\t\t<div class=\"w-100\">
\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"my-0\">
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"float-end text-muted fw-normal fs-12\">Thu</span>
\t\t\t\t\t\t\t\t\t\t\t\tMaria C
\t\t\t\t\t\t\t\t\t\t\t</h5>
\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-1 mb-0 text-muted\">
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"w-25 float-end text-end\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"badge bg-danger-subtle text-danger\">2</span>
\t\t\t\t\t\t\t\t\t\t\t\t</span>
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"w-75\">Are we going to have this week's planning meeting today?</span>
\t\t\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t</a>

\t\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"text-body\">
\t\t\t\t\t\t\t\t\t<div class=\"d-flex align-items-start py-2 px-3\">
\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-10.jpg\" class=\"me-2 rounded-circle\" height=\"42\" alt=\"Rhonda D\"/>
\t\t\t\t\t\t\t\t\t\t<div class=\"w-100\">
\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"my-0\">
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"float-end text-muted fw-normal fs-12\">Wed</span>
\t\t\t\t\t\t\t\t\t\t\t\tRhonda D
\t\t\t\t\t\t\t\t\t\t\t</h5>
\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-1 mb-0 text-muted\">
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"w-75\">Please check these design assets...</span>
\t\t\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t</a>

\t\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"text-body\">
\t\t\t\t\t\t\t\t\t<div class=\"d-flex align-items-start py-2 px-3\">
\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-3.jpg\" class=\"me-2 rounded-circle\" height=\"42\" alt=\"Michael H\"/>
\t\t\t\t\t\t\t\t\t\t<div class=\"w-100\">
\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"my-0\">
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"float-end text-muted fw-normal fs-12\">Tue</span>
\t\t\t\t\t\t\t\t\t\t\t\tMichael H
\t\t\t\t\t\t\t\t\t\t\t</h5>
\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-1 mb-0 text-muted\">
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"w-75\">Are you free for 15 min? I would like to discuss something...</span>
\t\t\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t</a>

\t\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"text-body\">
\t\t\t\t\t\t\t\t\t<div class=\"d-flex align-items-start py-2 px-3\">
\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-6.jpg\" class=\"me-2 rounded-circle\" height=\"42\" alt=\"Thomas R\"/>
\t\t\t\t\t\t\t\t\t\t<div class=\"w-100\">
\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"my-0\">
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"float-end text-muted fw-normal fs-12\">Tue</span>
\t\t\t\t\t\t\t\t\t\t\t\tThomas R
\t\t\t\t\t\t\t\t\t\t\t</h5>
\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-1 mb-0 text-muted\">
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"w-75\">Let's have meeting today between me, you and Tony...</span>
\t\t\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t</a>

\t\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"text-body\">
\t\t\t\t\t\t\t\t\t<div class=\"d-flex align-items-start py-2 px-3\">
\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-8.jpg\" class=\"me-2 rounded-circle\" height=\"42\" alt=\"Thomas J\"/>
\t\t\t\t\t\t\t\t\t\t<div class=\"w-100\">
\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"my-0\">
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"float-end text-muted fw-normal fs-12\">Tue</span>
\t\t\t\t\t\t\t\t\t\t\t\tThomas J
\t\t\t\t\t\t\t\t\t\t\t</h5>
\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-1 mb-0 text-muted\">
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"w-75\">Howdy?</span>
\t\t\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t</a>

\t\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"text-body\">
\t\t\t\t\t\t\t\t\t<div class=\"d-flex align-items-start py-2 px-3\">
\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-4.jpg\" class=\"me-2 rounded-circle\" height=\"42\" alt=\"Ricky J\"/>
\t\t\t\t\t\t\t\t\t\t<div class=\"w-100\">
\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"my-0\">
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"float-end text-muted fw-normal fs-12\">Mon</span>
\t\t\t\t\t\t\t\t\t\t\t\tRicky J
\t\t\t\t\t\t\t\t\t\t\t</h5>
\t\t\t\t\t\t\t\t\t\t\t<p class=\"mt-1 mb-0 text-muted\">
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"w-75\">Are you interested in learning?</span>
\t\t\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end slimscroll-->
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<!-- End col -->
\t\t\t\t\t</div>
\t\t\t\t\t<!-- end users -->
\t\t\t\t</div>
\t\t\t</div>
\t\t\t<!-- end card-->
\t\t</div>
\t\t<!-- end chat users-->

\t\t<!-- chat area -->
\t\t<div class=\"col-xl-9 col-lg-8\">

\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body py-2 px-3 border-bottom border-light\">
\t\t\t\t\t<div class=\"row justify-content-between py-1\">
\t\t\t\t\t\t<div class=\"col-sm-7\">
\t\t\t\t\t\t\t<div class=\"d-flex align-items-start\">
\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-5.jpg\" class=\"me-2 rounded-circle\" height=\"36\" alt=\"Brandon Smith\">
\t\t\t\t\t\t\t\t<div>
\t\t\t\t\t\t\t\t\t<h5 class=\"my-0 font-15\">
\t\t\t\t\t\t\t\t\t\t<a href=\"pages-profile.html\" class=\"text-reset\">James Zavel</a>
\t\t\t\t\t\t\t\t\t</h5>
\t\t\t\t\t\t\t\t\t<p class=\"mt-1 mb-0 text-muted fs-12\">
\t\t\t\t\t\t\t\t\t\t<small class=\"ri-checkbox-blank-circle-fill text-danger\"></small>
\t\t\t\t\t\t\t\t\t\tOffline
\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<div class=\"col-auto\">
\t\t\t\t\t\t\t<div id=\"tooltips-container\">
\t\t\t\t\t\t\t\t<a href=\"javascript: void(0);\" class=\"text-reset fs-20 p-1 d-inline-block\">
\t\t\t\t\t\t\t\t\t<i class=\"ri-phone-line\" data-bs-container=\"#tooltips-container\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" title=\"Voice Call\"></i>
\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t<a href=\"javascript: void(0);\" class=\"text-reset fs-20 p-1 d-inline-block\">
\t\t\t\t\t\t\t\t\t<i class=\"ri-vidicon-line\" data-bs-container=\"#tooltips-container\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" title=\"Video Call\"></i>
\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t<a href=\"javascript: void(0);\" class=\"text-reset fs-20 p-1 d-inline-block\">
\t\t\t\t\t\t\t\t\t<i class=\"ri-group-line\" data-bs-container=\"#tooltips-container\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" title=\"Add Users\"></i>
\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t<a href=\"javascript: void(0);\" class=\"text-reset fs-20 p-1 d-inline-block\">
\t\t\t\t\t\t\t\t\t<i class=\"ri-delete-bin-line\" data-bs-container=\"#tooltips-container\" data-bs-toggle=\"tooltip\" data-bs-placement=\"top\" title=\"Delete Chat\"></i>
\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<div class=\"card-body p-0\">
\t\t\t\t\t<ul class=\"conversation-list p-3\" data-simplebar style=\"max-height: 520px;\">
\t\t\t\t\t\t<li class=\"clearfix\">
\t\t\t\t\t\t\t<div class=\"chat-avatar\">
\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-5.jpg\" class=\"rounded\" alt=\"James Z\"/>
\t\t\t\t\t\t\t\t<i>10:00</i>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"conversation-text\">
\t\t\t\t\t\t\t\t<div class=\"ctext-wrap\">
\t\t\t\t\t\t\t\t\t<i>James Z</i>
\t\t\t\t\t\t\t\t\t<p>
\t\t\t\t\t\t\t\t\t\tHello!
\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"conversation-actions dropdown\">
\t\t\t\t\t\t\t\t<button class=\"btn btn-sm btn-link fs-18\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
\t\t\t\t\t\t\t\t\t<i class=\"ri-more-2-fill\"></i>
\t\t\t\t\t\t\t\t</button>

\t\t\t\t\t\t\t\t<div class=\"dropdown-menu dropdown-menu-animated dropdown-menu-end\">
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Copy Message</a>
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Edit</a>
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Delete</a>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</li>
\t\t\t\t\t\t<li class=\"clearfix odd\">
\t\t\t\t\t\t\t<div class=\"chat-avatar\">
\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-1.jpg\" class=\"rounded\" alt=\"Geneva M\"/>
\t\t\t\t\t\t\t\t<i>10:01</i>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"conversation-text\">
\t\t\t\t\t\t\t\t<div class=\"ctext-wrap\">
\t\t\t\t\t\t\t\t\t<i>Geneva M</i>
\t\t\t\t\t\t\t\t\t<p>
\t\t\t\t\t\t\t\t\t\tHi, How are you? What about our next meeting?
\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"conversation-actions dropdown\">
\t\t\t\t\t\t\t\t<button class=\"btn btn-sm btn-link fs-18\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
\t\t\t\t\t\t\t\t\t<i class=\"ri-more-2-fill\"></i>
\t\t\t\t\t\t\t\t</button>

\t\t\t\t\t\t\t\t<div class=\"dropdown-menu dropdown-menu-animated\">
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Copy Message</a>
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Edit</a>
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Delete</a>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</li>
\t\t\t\t\t\t<li class=\"clearfix\">
\t\t\t\t\t\t\t<div class=\"chat-avatar\">
\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-5.jpg\" class=\"rounded\" alt=\"James Z\"/>
\t\t\t\t\t\t\t\t<i>10:01</i>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"conversation-text\">
\t\t\t\t\t\t\t\t<div class=\"ctext-wrap\">
\t\t\t\t\t\t\t\t\t<i>James Z</i>
\t\t\t\t\t\t\t\t\t<p>
\t\t\t\t\t\t\t\t\t\tYeah everything is fine
\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"conversation-actions dropdown\">
\t\t\t\t\t\t\t\t<button class=\"btn btn-sm btn-link fs-18\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
\t\t\t\t\t\t\t\t\t<i class=\"ri-more-2-fill\"></i>
\t\t\t\t\t\t\t\t</button>

\t\t\t\t\t\t\t\t<div class=\"dropdown-menu dropdown-menu-animated dropdown-menu-end\">
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Copy Message</a>
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Edit</a>
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Delete</a>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</li>
\t\t\t\t\t\t<li class=\"clearfix odd\">
\t\t\t\t\t\t\t<div class=\"chat-avatar\">
\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-1.jpg\" class=\"rounded\" alt=\"Geneva M\"/>
\t\t\t\t\t\t\t\t<i>10:02</i>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"conversation-text\">
\t\t\t\t\t\t\t\t<div class=\"ctext-wrap\">
\t\t\t\t\t\t\t\t\t<i>Geneva M</i>
\t\t\t\t\t\t\t\t\t<p>
\t\t\t\t\t\t\t\t\t\tWow that's great
\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"conversation-actions dropdown\">
\t\t\t\t\t\t\t\t<button class=\"btn btn-sm btn-link fs-18\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
\t\t\t\t\t\t\t\t\t<i class=\"ri-more-2-fill\"></i>
\t\t\t\t\t\t\t\t</button>

\t\t\t\t\t\t\t\t<div class=\"dropdown-menu dropdown-menu-animated\">
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Copy Message</a>
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Edit</a>
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Delete</a>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</li>
\t\t\t\t\t\t<li class=\"clearfix\">
\t\t\t\t\t\t\t<div class=\"chat-avatar\">
\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-5.jpg\" alt=\"James Z\" class=\"rounded\"/>
\t\t\t\t\t\t\t\t<i>10:02</i>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"conversation-text\">
\t\t\t\t\t\t\t\t<div class=\"ctext-wrap\">
\t\t\t\t\t\t\t\t\t<i>James Z</i>
\t\t\t\t\t\t\t\t\t<p>
\t\t\t\t\t\t\t\t\t\tLet's have it today if you are free
\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"conversation-actions dropdown\">
\t\t\t\t\t\t\t\t<button class=\"btn btn-sm btn-link fs-18\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
\t\t\t\t\t\t\t\t\t<i class=\"ri-more-2-fill\"></i>
\t\t\t\t\t\t\t\t</button>

\t\t\t\t\t\t\t\t<div class=\"dropdown-menu dropdown-menu-animated dropdown-menu-end\">
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Copy Message</a>
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Edit</a>
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Delete</a>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</li>
\t\t\t\t\t\t<li class=\"clearfix odd\">
\t\t\t\t\t\t\t<div class=\"chat-avatar\">
\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-1.jpg\" alt=\"Geneva M\" class=\"rounded\"/>
\t\t\t\t\t\t\t\t<i>10:03</i>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"conversation-text\">
\t\t\t\t\t\t\t\t<div class=\"ctext-wrap\">
\t\t\t\t\t\t\t\t\t<i>Geneva M</i>
\t\t\t\t\t\t\t\t\t<p>
\t\t\t\t\t\t\t\t\t\tSure thing! let me know if 2pm works for you
\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"conversation-actions dropdown\">
\t\t\t\t\t\t\t\t<button class=\"btn btn-sm btn-link fs-18\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
\t\t\t\t\t\t\t\t\t<i class=\"ri-more-2-fill\"></i>
\t\t\t\t\t\t\t\t</button>

\t\t\t\t\t\t\t\t<div class=\"dropdown-menu dropdown-menu-animated\">
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Copy Message</a>
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Edit</a>
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Delete</a>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</li>
\t\t\t\t\t\t<li class=\"clearfix\">
\t\t\t\t\t\t\t<div class=\"chat-avatar\">
\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-5.jpg\" alt=\"James Z\" class=\"rounded\"/>
\t\t\t\t\t\t\t\t<i>10:04</i>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"conversation-text\">
\t\t\t\t\t\t\t\t<div class=\"ctext-wrap\">
\t\t\t\t\t\t\t\t\t<i>James Z</i>
\t\t\t\t\t\t\t\t\t<p>
\t\t\t\t\t\t\t\t\t\tSorry, I have another meeting scheduled at 2pm. Can we have it at 3pm instead?
\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"conversation-actions dropdown\">
\t\t\t\t\t\t\t\t<button class=\"btn btn-sm btn-link fs-18\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
\t\t\t\t\t\t\t\t\t<i class=\"ri-more-2-fill\"></i>
\t\t\t\t\t\t\t\t</button>

\t\t\t\t\t\t\t\t<div class=\"dropdown-menu dropdown-menu-animated dropdown-menu-end\">
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Copy Message</a>
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Edit</a>
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Delete</a>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</li>
\t\t\t\t\t\t<li class=\"clearfix\">
\t\t\t\t\t\t\t<div class=\"chat-avatar\">
\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-5.jpg\" alt=\"James Z\" class=\"rounded\"/>
\t\t\t\t\t\t\t\t<i>10:04</i>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"conversation-text\">
\t\t\t\t\t\t\t\t<div class=\"ctext-wrap\">
\t\t\t\t\t\t\t\t\t<i>James Z</i>
\t\t\t\t\t\t\t\t\t<p>
\t\t\t\t\t\t\t\t\t\tWe can also discuss about the presentation talk format if you have some extra mins
\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"conversation-actions dropdown\">
\t\t\t\t\t\t\t\t<button class=\"btn btn-sm btn-link fs-18\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
\t\t\t\t\t\t\t\t\t<i class=\"ri-more-2-fill\"></i>
\t\t\t\t\t\t\t\t</button>

\t\t\t\t\t\t\t\t<div class=\"dropdown-menu dropdown-menu-animated dropdown-menu-end\">
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Copy Message</a>
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Edit</a>
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Delete</a>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</li>
\t\t\t\t\t\t<li class=\"clearfix odd\">
\t\t\t\t\t\t\t<div class=\"chat-avatar\">
\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-1.jpg\" alt=\"Geneva M\" class=\"rounded\"/>
\t\t\t\t\t\t\t\t<i>10:05</i>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"conversation-text\">
\t\t\t\t\t\t\t\t<div class=\"ctext-wrap\">
\t\t\t\t\t\t\t\t\t<i>Geneva M</i>
\t\t\t\t\t\t\t\t\t<p>
\t\t\t\t\t\t\t\t\t\t3pm it is. Sure, let's discuss about presentation format, it would be great to finalize today. I am attaching the last year format and assets here...
\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<div class=\"card mt-2 mb-1 shadow-none border text-start\">
\t\t\t\t\t\t\t\t\t<div class=\"p-2\">
\t\t\t\t\t\t\t\t\t\t<div class=\"row align-items-center\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-auto\">
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"avatar-sm\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"avatar-title bg-primary rounded\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\t.ZIP
\t\t\t\t\t\t\t\t\t\t\t\t\t</span>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t<div class=\"col ps-0\">
\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"text-muted fw-bold\">Jidox-sketch.zip</a>
\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mb-0 text-muted\">2.3 MB</p>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t<div
\t\t\t\t\t\t\t\t\t\t\t\tclass=\"col-auto\">
\t\t\t\t\t\t\t\t\t\t\t\t<!-- Button -->
\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"javascript:void(0);\" class=\"btn btn-link btn-lg text-muted\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-download-2-line\"></i>
\t\t\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<div class=\"conversation-actions dropdown\">
\t\t\t\t\t\t\t\t<button class=\"btn btn-sm btn-link fs-18\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">
\t\t\t\t\t\t\t\t\t<i class=\"ri-more-2-fill\"></i>
\t\t\t\t\t\t\t\t</button>

\t\t\t\t\t\t\t\t<div class=\"dropdown-menu dropdown-menu-animated\">
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Copy Message</a>
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Edit</a>
\t\t\t\t\t\t\t\t\t<a class=\"dropdown-item\" href=\"#\">Delete</a>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</li>
\t\t\t\t\t</ul>

\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t<div class=\"col\">
\t\t\t\t\t\t\t<div class=\"bg-light p-3 rounded\">
\t\t\t\t\t\t\t\t<form class=\"needs-validation\" novalidate=\"\" name=\"chat-form\" id=\"chat-form\">
\t\t\t\t\t\t\t\t\t<div class=\"row\">
\t\t\t\t\t\t\t\t\t\t<div class=\"col mb-2 mb-sm-0\">
\t\t\t\t\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control border-0\" placeholder=\"Enter your text\" required=\"\"/>
\t\t\t\t\t\t\t\t\t\t\t<div class=\"invalid-feedback\">
\t\t\t\t\t\t\t\t\t\t\t\tPlease enter your messsage
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<div class=\"col-sm-auto\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"btn-group\">
\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\" class=\"btn btn-light\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-attachment-2\"></i>
\t\t\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t\t\t\t<button type=\"submit\" class=\"btn btn-success chat-send w-100\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-send-plane-2-line\"></i>
\t\t\t\t\t\t\t\t\t\t\t\t</button>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<!-- end col -->
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end row-->
\t\t\t\t\t\t\t\t</form>
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<!-- end col-->
\t\t\t\t\t</div>
\t\t\t\t\t<!-- end row -->
\t\t\t\t</div>
\t\t\t\t<!-- end card-body -->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end chat area-->

\t</div>
\t<!-- end row-->
{% endblock %}", "apps-chat.html.twig", "/home/ct9/Desktop/Ishan/Jidox/jidox_symfony/templates/apps-chat.html.twig");
    }
}
