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

/* extended-dragula.html.twig */
class __TwigTemplate_08c55975dc49b8392ff293e9db97fc35 extends Template
{
    private $source;
    private $macros = [];

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

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

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

    protected function doGetParent(array $context)
    {
        // line 1
        return "partials/layout-vertical.html.twig";
    }

    protected function doDisplay(array $context, array $blocks = [])
    {
        $macros = $this->macros;
        $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "extended-dragula.html.twig"));

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

        $this->parent = $this->loadTemplate("partials/layout-vertical.html.twig", "extended-dragula.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 "Dragula
";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

    }

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

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

        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

    }

    // line 8
    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 9
        echo "\t";
        echo twig_include($this->env, $context, "partials/page-title.html.twig", ["sub_title" => "Extended UI", "page_title" => "Dragula"]);
        echo "
";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

    }

    // line 12
    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 13
        echo "
\t<div class=\"row\">
\t\t<div class=\"col-12\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Simple Drag and Drop Example</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">
\t\t\t\t\t\tJust specify the data attribute
\t\t\t\t\t\t<code>data-plugin='dragula'</code>
\t\t\t\t\t\tto have drag and drop support in your container.
\t\t\t\t\t</p>

\t\t\t\t\t<div class=\"row\" id=\"simple-dragula\" data-plugin=\"dragula\">
\t\t\t\t\t\t<div class=\"col-md-4\">
\t\t\t\t\t\t\t<div class=\"card mb-0 mt-3 text-white bg-primary\">
\t\t\t\t\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t\t\t\t\t<blockquote class=\"card-bodyquote mb-0\">
\t\t\t\t\t\t\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere
\t\t\t\t\t\t\t\t\t\t\t                                                                erat a ante.</p>
\t\t\t\t\t\t\t\t\t\t<footer>Someone famous in
\t\t\t\t\t\t\t\t\t\t\t<cite title=\"Source Title\">Source Title</cite>
\t\t\t\t\t\t\t\t\t\t</footer>
\t\t\t\t\t\t\t\t\t</blockquote>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end card-body-->
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end card-->
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<!-- end col-->

\t\t\t\t\t\t<div class=\"col-md-4\">
\t\t\t\t\t\t\t<div class=\"card mb-0 mt-3 bg-secondary text-white\">
\t\t\t\t\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t\t\t\t\t<blockquote class=\"card-bodyquote mb-0\">
\t\t\t\t\t\t\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere
\t\t\t\t\t\t\t\t\t\t\t                                                                erat a ante.</p>
\t\t\t\t\t\t\t\t\t\t<footer>Someone famous in
\t\t\t\t\t\t\t\t\t\t\t<cite title=\"Source Title\">Source Title</cite>
\t\t\t\t\t\t\t\t\t\t</footer>
\t\t\t\t\t\t\t\t\t</blockquote>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end card-body-->
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end card-->
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<!-- end col-->

\t\t\t\t\t\t<div class=\"col-md-4\">
\t\t\t\t\t\t\t<div class=\"card mb-0 mt-3 text-white bg-success\">
\t\t\t\t\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t\t\t\t\t<blockquote class=\"card-bodyquote mb-0\">
\t\t\t\t\t\t\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere
\t\t\t\t\t\t\t\t\t\t\t                                                                erat a ante.</p>
\t\t\t\t\t\t\t\t\t\t<footer>Someone famous in
\t\t\t\t\t\t\t\t\t\t\t<cite title=\"Source Title\">Source Title</cite>
\t\t\t\t\t\t\t\t\t\t</footer>
\t\t\t\t\t\t\t\t\t</blockquote>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end card-body-->
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end card-->
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<!-- end col-->

\t\t\t\t\t\t<div class=\"col-md-4\">
\t\t\t\t\t\t\t<div class=\"card mb-0 mt-3 text-white bg-info text-xs-center\">
\t\t\t\t\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t\t\t\t\t<blockquote class=\"card-bodyquote mb-0\">
\t\t\t\t\t\t\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere
\t\t\t\t\t\t\t\t\t\t\t                                                                erat a ante.</p>
\t\t\t\t\t\t\t\t\t\t<footer>Someone famous in
\t\t\t\t\t\t\t\t\t\t\t<cite title=\"Source Title\">Source Title</cite>
\t\t\t\t\t\t\t\t\t\t</footer>
\t\t\t\t\t\t\t\t\t</blockquote>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end card-body-->
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end card-->
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<!-- end col-->

\t\t\t\t\t\t<div class=\"col-md-4\">
\t\t\t\t\t\t\t<div class=\"card mb-0 mt-3 text-white bg-warning text-xs-center\">
\t\t\t\t\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t\t\t\t\t<blockquote class=\"card-bodyquote mb-0\">
\t\t\t\t\t\t\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere
\t\t\t\t\t\t\t\t\t\t\t                                                                erat a ante.</p>
\t\t\t\t\t\t\t\t\t\t<footer>Someone famous in
\t\t\t\t\t\t\t\t\t\t\t<cite title=\"Source Title\">Source Title</cite>
\t\t\t\t\t\t\t\t\t\t</footer>
\t\t\t\t\t\t\t\t\t</blockquote>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end card-body-->
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end card-->
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<!-- end col-->

\t\t\t\t\t\t<div class=\"col-md-4\">
\t\t\t\t\t\t\t<div class=\"card mb-0 mt-3 text-white bg-danger text-xs-center\">
\t\t\t\t\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t\t\t\t\t<blockquote class=\"card-bodyquote mb-0\">
\t\t\t\t\t\t\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere
\t\t\t\t\t\t\t\t\t\t\t                                                                erat a ante.</p>
\t\t\t\t\t\t\t\t\t\t<footer>Someone famous in
\t\t\t\t\t\t\t\t\t\t\t<cite title=\"Source Title\">Source Title</cite>
\t\t\t\t\t\t\t\t\t\t</footer>
\t\t\t\t\t\t\t\t\t</blockquote>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end card-body-->
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end card-->
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<!-- end col-->

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

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


\t<div class=\"row\">
\t\t<div class=\"col-12\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Move stuff between containers</h4>
\t\t\t\t\t<p class=\"text-muted fs-14 mb-3\">
\t\t\t\t\t\tJust specify the data attribute
\t\t\t\t\t\t<code>data-plugin='dragula'</code>
\t\t\t\t\t\tand
\t\t\t\t\t\t<code>data-containers='[\"first-container-id\", \"second-container-id\"]'</code>.
\t\t\t\t\t</p>

\t\t\t\t\t<div class=\"row\" data-plugin=\"dragula\" data-containers='[\"company-list-left\", \"company-list-right\"]'>
\t\t\t\t\t\t<div class=\"col-md-6\">
\t\t\t\t\t\t\t<div class=\"bg-dragula p-2 p-lg-4\">
\t\t\t\t\t\t\t\t<h5 class=\"mt-0\">Part 1</h5>
\t\t\t\t\t\t\t\t<div id=\"company-list-left\" class=\"py-2\">

\t\t\t\t\t\t\t\t\t<div class=\"card mb-0 mt-2\">
\t\t\t\t\t\t\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"d-flex align-items-start\">
\t\t\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-1.jpg\" alt=\"image\" class=\"me-3 d-none d-sm-block avatar-sm rounded-circle\">
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"w-100 overflow-hidden\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"mb-1 mt-0\">Louis K. Bond</h5>
\t\t\t\t\t\t\t\t\t\t\t\t\t<p>
\t\t\t\t\t\t\t\t\t\t\t\t\t\tFounder & CEO
\t\t\t\t\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"fst-italic\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<b>\"</b>Disrupt pork belly poutine, asymmetrical tousled succulents selfies. You probably haven't heard of them tattooed master cleanse live-edge keffiyeh.</span>
\t\t\t\t\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t\t<!-- end w-100 -->
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t<!-- end d-flex -->
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<!-- end card-body -->
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end col -->

\t\t\t\t\t\t\t\t\t<div class=\"card mb-0 mt-2\">
\t\t\t\t\t\t\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"d-flex align-items-start\">
\t\t\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-2.jpg\" alt=\"image\" class=\"me-3 d-none d-sm-block avatar-sm rounded-circle\">
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"w-100 overflow-hidden\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"mb-1 mt-0\">Dennis N. Cloutier</h5>
\t\t\t\t\t\t\t\t\t\t\t\t\t<p>
\t\t\t\t\t\t\t\t\t\t\t\t\t\tSoftware Engineer
\t\t\t\t\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"fst-italic\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<b>\"</b>Disrupt pork belly poutine, asymmetrical tousled succulents selfies. You probably haven't heard of them tattooed master cleanse live-edge keffiyeh.</span>
\t\t\t\t\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t\t<!-- end w-100 -->
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t<!-- end d-flex -->
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<!-- end card-body -->
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end col -->

\t\t\t\t\t\t\t\t\t<div class=\"card mb-0 mt-2\">
\t\t\t\t\t\t\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"d-flex align-items-start\">
\t\t\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-3.jpg\" alt=\"image\" class=\"me-3 d-none d-sm-block avatar-sm rounded-circle\">
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"w-100 overflow-hidden\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"mb-1 mt-0\">Susan J. Sander</h5>
\t\t\t\t\t\t\t\t\t\t\t\t\t<p>
\t\t\t\t\t\t\t\t\t\t\t\t\t\tWeb Designer
\t\t\t\t\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"fst-italic\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<b>\"</b>Disrupt pork belly poutine, asymmetrical tousled succulents selfies. You probably haven't heard of them tattooed master cleanse live-edge keffiyeh.</span>
\t\t\t\t\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t\t<!-- end w-100 -->
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t<!-- end d-flex -->
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<!-- end card-body -->
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end col -->

\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end company-list-1-->
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end div.bg-light-->
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<!-- end col -->

\t\t\t\t\t\t<div class=\"col-md-6\">
\t\t\t\t\t\t\t<div class=\"bg-dragula p-2 p-lg-4\">
\t\t\t\t\t\t\t\t<h5 class=\"mt-0\">Part 2</h5>
\t\t\t\t\t\t\t\t<div id=\"company-list-right\" class=\"py-2\">
\t\t\t\t\t\t\t\t\t<div class=\"card mb-0 mt-2\">

\t\t\t\t\t\t\t\t\t\t<div class=\"card-body p-3\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"d-flex align-items-start\">
\t\t\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-4.jpg\" alt=\"image\" class=\"me-3 d-none d-sm-block avatar-sm rounded-circle\">
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"w-100 overflow-hidden\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"mb-1 mt-0\">James M. Short</h5>
\t\t\t\t\t\t\t\t\t\t\t\t\t<p>
\t\t\t\t\t\t\t\t\t\t\t\t\t\tWeb Developer
\t\t\t\t\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"fst-italic\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<b>\"</b>Disrupt pork belly poutine, asymmetrical tousled succulents selfies. You probably haven't heard of them tattooed master cleanse live-edge keffiyeh
\t\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\t</p>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t\t<!-- end w-100 -->
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t<!-- end d-flex -->
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<!-- end card-body -->
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end col -->

\t\t\t\t\t\t\t\t\t<div class=\"card mb-0 mt-2\">
\t\t\t\t\t\t\t\t\t\t<div class=\"card-body p-3\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"d-flex align-items-start\">
\t\t\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-5.jpg\" alt=\"image\" class=\"me-3 d-none d-sm-block avatar-sm rounded-circle\">
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"w-100 overflow-hidden\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"mb-1 mt-0\">Gabriel J. Snyder</h5>
\t\t\t\t\t\t\t\t\t\t\t\t\t<p>
\t\t\t\t\t\t\t\t\t\t\t\t\t\tBusiness Analyst
\t\t\t\t\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"fst-italic\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<b>\"</b>Disrupt pork belly poutine, asymmetrical tousled succulents selfies. You probably haven't heard of them tattooed master cleanse live-edge keffiyeh
\t\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\t</p>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t\t<!-- end w-100 -->
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t<!-- end d-flex -->
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<!-- end card-body -->
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end col -->

\t\t\t\t\t\t\t\t\t<div class=\"card mb-0 mt-2\">
\t\t\t\t\t\t\t\t\t\t<div class=\"card-body p-3\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"d-flex align-items-start\">
\t\t\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-6.jpg\" alt=\"image\" class=\"me-3 d-none d-sm-block avatar-sm rounded-circle\">
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"w-100 overflow-hidden\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"mb-1 mt-0\">Louie C. Mason</h5>
\t\t\t\t\t\t\t\t\t\t\t\t\t<p>Human Resources</p>
\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"fst-italic\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<b>\"</b>Disrupt pork belly poutine, asymmetrical tousled succulents selfies. You probably haven't heard of them tattooed master cleanse live-edge keffiyeh
\t\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\t</p>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t\t<!-- end w-100 -->
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t<!-- end d-flex -->
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<!-- end card-body -->
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end col -->

\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end company-list-2-->
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end div.bg-light-->
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<!-- end col -->

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


\t<div class=\"row\">
\t\t<div class=\"col-12\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Move stuff between containers using handle</h4>
\t\t\t\t\t<p class=\"text-muted fs-14 mb-3\">
\t\t\t\t\t\tJust specify the data attribute
\t\t\t\t\t\t<code>data-plugin='dragula'</code>,
\t\t\t\t\t\t<code>data-containers='[\"first-container-id\", \"second-container-id\"]'</code>
\t\t\t\t\t\tand
\t\t\t\t\t\t<code>data-handle-class='dragula-handle'</code>.
\t\t\t\t\t</p>

\t\t\t\t\t<div class=\"row\" data-plugin=\"dragula\" data-containers='[\"handle-dragula-left\", \"handle-dragula-right\"]' data-handleclass=\"dragula-handle\">
\t\t\t\t\t\t<div class=\"col-md-6\">
\t\t\t\t\t\t\t<div class=\"bg-dragula p-2 p-lg-4\">
\t\t\t\t\t\t\t\t<h5 class=\"mt-0\">Part 1</h5>
\t\t\t\t\t\t\t\t<div id=\"handle-dragula-left\" class=\"py-2\">

\t\t\t\t\t\t\t\t\t<div class=\"card mb-0 mt-2\">
\t\t\t\t\t\t\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"d-flex align-items-start\">
\t\t\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-7.jpg\" alt=\"image\" class=\"me-3 d-none d-sm-block avatar-sm rounded-circle\">
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"w-100 overflow-hidden\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"mb-1 mt-1\">Louis K. Bond</h5>
\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mb-0\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\tFounder & CEO
\t\t\t\t\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t\t<!-- end w-100 -->
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"dragula-handle\"></span>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t<!-- end d-flex -->
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<!-- end card-body -->
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end col -->

\t\t\t\t\t\t\t\t\t<div class=\"card mb-0 mt-2\">
\t\t\t\t\t\t\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"d-flex align-items-start\">
\t\t\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-8.jpg\" alt=\"image\" class=\"me-3 d-none d-sm-block avatar-sm rounded-circle\">
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"w-100 overflow-hidden\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"mb-1 mt-1\">Dennis N. Cloutier</h5>
\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mb-0\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\tSoftware Engineer
\t\t\t\t\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t\t<!-- end w-100 -->
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"dragula-handle\"></span>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t<!-- end d-flex -->
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<!-- end card-body -->
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end col -->

\t\t\t\t\t\t\t\t\t<div class=\"card mb-0 mt-2\">
\t\t\t\t\t\t\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"d-flex align-items-start\">
\t\t\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-9.jpg\" alt=\"image\" class=\"me-3 d-none d-sm-block avatar-sm rounded-circle\">
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"w-100 overflow-hidden\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"mb-1 mt-1\">Susan J. Sander</h5>
\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mb-0\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\tWeb Designer
\t\t\t\t\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t\t<!-- end w-100 -->
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"dragula-handle\"></span>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t<!-- end d-flex -->
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<!-- end card-body -->
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end col -->

\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end company-list-1-->
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end div.bg-light-->
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<!-- end col -->

\t\t\t\t\t\t<div class=\"col-md-6\">
\t\t\t\t\t\t\t<div class=\"bg-dragula p-2 p-lg-4\">
\t\t\t\t\t\t\t\t<h5 class=\"mt-0\">Part 2</h5>
\t\t\t\t\t\t\t\t<div id=\"handle-dragula-right\" class=\"py-2\">
\t\t\t\t\t\t\t\t\t<div class=\"card mb-0 mt-2\">

\t\t\t\t\t\t\t\t\t\t<div class=\"card-body p-3\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"d-flex align-items-start\">
\t\t\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-10.jpg\" alt=\"image\" class=\"me-3 d-none d-sm-block avatar-sm rounded-circle\">
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"w-100 overflow-hidden\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"mb-1 mt-1\">James M. Short</h5>
\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mb-0\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\tWeb Developer
\t\t\t\t\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t\t<!-- end w-100 -->
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"dragula-handle\"></span>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t<!-- end d-flex -->
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<!-- end card-body -->
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end col -->

\t\t\t\t\t\t\t\t\t<div class=\"card mb-0 mt-2\">
\t\t\t\t\t\t\t\t\t\t<div class=\"card-body p-3\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"d-flex align-items-start\">
\t\t\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-5.jpg\" alt=\"image\" class=\"me-3 d-none d-sm-block avatar-sm rounded-circle\">
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"w-100 overflow-hidden\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"mb-1 mt-1\">Gabriel J. Snyder</h5>
\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mb-0\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\tBusiness Analyst
\t\t\t\t\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t\t<!-- end w-100 -->
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"dragula-handle\"></span>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t<!-- end d-flex -->
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<!-- end card-body -->
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end col -->

\t\t\t\t\t\t\t\t\t<div class=\"card mb-0 mt-2\">
\t\t\t\t\t\t\t\t\t\t<div class=\"card-body p-3\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"d-flex align-items-start\">
\t\t\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-3.jpg\" alt=\"image\" class=\"me-3 d-none d-sm-block avatar-sm rounded-circle\">
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"w-100 overflow-hidden\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"mb-1 mt-1\">Louie C. Mason</h5>
\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mb-0\">Human Resources</p>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t\t<!-- end w-100 -->
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"dragula-handle\"></span>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t<!-- end d-flex -->
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<!-- end card-body -->
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end col -->

\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end company-list-2-->
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end div.bg-light-->
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<!-- end col -->

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

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

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

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

    }

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

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

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

    }

    public function getTemplateName()
    {
        return "extended-dragula.html.twig";
    }

    public function isTraitable()
    {
        return false;
    }

    public function getDebugInfo()
    {
        return array (  625 => 488,  615 => 487,  133 => 13,  123 => 12,  110 => 9,  100 => 8,  82 => 6,  62 => 3,  39 => 1,);
    }

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

{% block title %}Dragula
{% endblock %}

{% block css %}{% endblock %}

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

{% block body %}

\t<div class=\"row\">
\t\t<div class=\"col-12\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Simple Drag and Drop Example</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">
\t\t\t\t\t\tJust specify the data attribute
\t\t\t\t\t\t<code>data-plugin='dragula'</code>
\t\t\t\t\t\tto have drag and drop support in your container.
\t\t\t\t\t</p>

\t\t\t\t\t<div class=\"row\" id=\"simple-dragula\" data-plugin=\"dragula\">
\t\t\t\t\t\t<div class=\"col-md-4\">
\t\t\t\t\t\t\t<div class=\"card mb-0 mt-3 text-white bg-primary\">
\t\t\t\t\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t\t\t\t\t<blockquote class=\"card-bodyquote mb-0\">
\t\t\t\t\t\t\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere
\t\t\t\t\t\t\t\t\t\t\t                                                                erat a ante.</p>
\t\t\t\t\t\t\t\t\t\t<footer>Someone famous in
\t\t\t\t\t\t\t\t\t\t\t<cite title=\"Source Title\">Source Title</cite>
\t\t\t\t\t\t\t\t\t\t</footer>
\t\t\t\t\t\t\t\t\t</blockquote>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end card-body-->
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end card-->
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<!-- end col-->

\t\t\t\t\t\t<div class=\"col-md-4\">
\t\t\t\t\t\t\t<div class=\"card mb-0 mt-3 bg-secondary text-white\">
\t\t\t\t\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t\t\t\t\t<blockquote class=\"card-bodyquote mb-0\">
\t\t\t\t\t\t\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere
\t\t\t\t\t\t\t\t\t\t\t                                                                erat a ante.</p>
\t\t\t\t\t\t\t\t\t\t<footer>Someone famous in
\t\t\t\t\t\t\t\t\t\t\t<cite title=\"Source Title\">Source Title</cite>
\t\t\t\t\t\t\t\t\t\t</footer>
\t\t\t\t\t\t\t\t\t</blockquote>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end card-body-->
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end card-->
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<!-- end col-->

\t\t\t\t\t\t<div class=\"col-md-4\">
\t\t\t\t\t\t\t<div class=\"card mb-0 mt-3 text-white bg-success\">
\t\t\t\t\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t\t\t\t\t<blockquote class=\"card-bodyquote mb-0\">
\t\t\t\t\t\t\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere
\t\t\t\t\t\t\t\t\t\t\t                                                                erat a ante.</p>
\t\t\t\t\t\t\t\t\t\t<footer>Someone famous in
\t\t\t\t\t\t\t\t\t\t\t<cite title=\"Source Title\">Source Title</cite>
\t\t\t\t\t\t\t\t\t\t</footer>
\t\t\t\t\t\t\t\t\t</blockquote>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end card-body-->
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end card-->
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<!-- end col-->

\t\t\t\t\t\t<div class=\"col-md-4\">
\t\t\t\t\t\t\t<div class=\"card mb-0 mt-3 text-white bg-info text-xs-center\">
\t\t\t\t\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t\t\t\t\t<blockquote class=\"card-bodyquote mb-0\">
\t\t\t\t\t\t\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere
\t\t\t\t\t\t\t\t\t\t\t                                                                erat a ante.</p>
\t\t\t\t\t\t\t\t\t\t<footer>Someone famous in
\t\t\t\t\t\t\t\t\t\t\t<cite title=\"Source Title\">Source Title</cite>
\t\t\t\t\t\t\t\t\t\t</footer>
\t\t\t\t\t\t\t\t\t</blockquote>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end card-body-->
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end card-->
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<!-- end col-->

\t\t\t\t\t\t<div class=\"col-md-4\">
\t\t\t\t\t\t\t<div class=\"card mb-0 mt-3 text-white bg-warning text-xs-center\">
\t\t\t\t\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t\t\t\t\t<blockquote class=\"card-bodyquote mb-0\">
\t\t\t\t\t\t\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere
\t\t\t\t\t\t\t\t\t\t\t                                                                erat a ante.</p>
\t\t\t\t\t\t\t\t\t\t<footer>Someone famous in
\t\t\t\t\t\t\t\t\t\t\t<cite title=\"Source Title\">Source Title</cite>
\t\t\t\t\t\t\t\t\t\t</footer>
\t\t\t\t\t\t\t\t\t</blockquote>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end card-body-->
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end card-->
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<!-- end col-->

\t\t\t\t\t\t<div class=\"col-md-4\">
\t\t\t\t\t\t\t<div class=\"card mb-0 mt-3 text-white bg-danger text-xs-center\">
\t\t\t\t\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t\t\t\t\t<blockquote class=\"card-bodyquote mb-0\">
\t\t\t\t\t\t\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere
\t\t\t\t\t\t\t\t\t\t\t                                                                erat a ante.</p>
\t\t\t\t\t\t\t\t\t\t<footer>Someone famous in
\t\t\t\t\t\t\t\t\t\t\t<cite title=\"Source Title\">Source Title</cite>
\t\t\t\t\t\t\t\t\t\t</footer>
\t\t\t\t\t\t\t\t\t</blockquote>
\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end card-body-->
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end card-->
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<!-- end col-->

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

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


\t<div class=\"row\">
\t\t<div class=\"col-12\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Move stuff between containers</h4>
\t\t\t\t\t<p class=\"text-muted fs-14 mb-3\">
\t\t\t\t\t\tJust specify the data attribute
\t\t\t\t\t\t<code>data-plugin='dragula'</code>
\t\t\t\t\t\tand
\t\t\t\t\t\t<code>data-containers='[\"first-container-id\", \"second-container-id\"]'</code>.
\t\t\t\t\t</p>

\t\t\t\t\t<div class=\"row\" data-plugin=\"dragula\" data-containers='[\"company-list-left\", \"company-list-right\"]'>
\t\t\t\t\t\t<div class=\"col-md-6\">
\t\t\t\t\t\t\t<div class=\"bg-dragula p-2 p-lg-4\">
\t\t\t\t\t\t\t\t<h5 class=\"mt-0\">Part 1</h5>
\t\t\t\t\t\t\t\t<div id=\"company-list-left\" class=\"py-2\">

\t\t\t\t\t\t\t\t\t<div class=\"card mb-0 mt-2\">
\t\t\t\t\t\t\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"d-flex align-items-start\">
\t\t\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-1.jpg\" alt=\"image\" class=\"me-3 d-none d-sm-block avatar-sm rounded-circle\">
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"w-100 overflow-hidden\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"mb-1 mt-0\">Louis K. Bond</h5>
\t\t\t\t\t\t\t\t\t\t\t\t\t<p>
\t\t\t\t\t\t\t\t\t\t\t\t\t\tFounder & CEO
\t\t\t\t\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"fst-italic\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<b>\"</b>Disrupt pork belly poutine, asymmetrical tousled succulents selfies. You probably haven't heard of them tattooed master cleanse live-edge keffiyeh.</span>
\t\t\t\t\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t\t<!-- end w-100 -->
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t<!-- end d-flex -->
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<!-- end card-body -->
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end col -->

\t\t\t\t\t\t\t\t\t<div class=\"card mb-0 mt-2\">
\t\t\t\t\t\t\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"d-flex align-items-start\">
\t\t\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-2.jpg\" alt=\"image\" class=\"me-3 d-none d-sm-block avatar-sm rounded-circle\">
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"w-100 overflow-hidden\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"mb-1 mt-0\">Dennis N. Cloutier</h5>
\t\t\t\t\t\t\t\t\t\t\t\t\t<p>
\t\t\t\t\t\t\t\t\t\t\t\t\t\tSoftware Engineer
\t\t\t\t\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"fst-italic\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<b>\"</b>Disrupt pork belly poutine, asymmetrical tousled succulents selfies. You probably haven't heard of them tattooed master cleanse live-edge keffiyeh.</span>
\t\t\t\t\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t\t<!-- end w-100 -->
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t<!-- end d-flex -->
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<!-- end card-body -->
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end col -->

\t\t\t\t\t\t\t\t\t<div class=\"card mb-0 mt-2\">
\t\t\t\t\t\t\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"d-flex align-items-start\">
\t\t\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-3.jpg\" alt=\"image\" class=\"me-3 d-none d-sm-block avatar-sm rounded-circle\">
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"w-100 overflow-hidden\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"mb-1 mt-0\">Susan J. Sander</h5>
\t\t\t\t\t\t\t\t\t\t\t\t\t<p>
\t\t\t\t\t\t\t\t\t\t\t\t\t\tWeb Designer
\t\t\t\t\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"fst-italic\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<b>\"</b>Disrupt pork belly poutine, asymmetrical tousled succulents selfies. You probably haven't heard of them tattooed master cleanse live-edge keffiyeh.</span>
\t\t\t\t\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t\t<!-- end w-100 -->
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t<!-- end d-flex -->
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<!-- end card-body -->
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end col -->

\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end company-list-1-->
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end div.bg-light-->
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<!-- end col -->

\t\t\t\t\t\t<div class=\"col-md-6\">
\t\t\t\t\t\t\t<div class=\"bg-dragula p-2 p-lg-4\">
\t\t\t\t\t\t\t\t<h5 class=\"mt-0\">Part 2</h5>
\t\t\t\t\t\t\t\t<div id=\"company-list-right\" class=\"py-2\">
\t\t\t\t\t\t\t\t\t<div class=\"card mb-0 mt-2\">

\t\t\t\t\t\t\t\t\t\t<div class=\"card-body p-3\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"d-flex align-items-start\">
\t\t\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-4.jpg\" alt=\"image\" class=\"me-3 d-none d-sm-block avatar-sm rounded-circle\">
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"w-100 overflow-hidden\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"mb-1 mt-0\">James M. Short</h5>
\t\t\t\t\t\t\t\t\t\t\t\t\t<p>
\t\t\t\t\t\t\t\t\t\t\t\t\t\tWeb Developer
\t\t\t\t\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"fst-italic\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<b>\"</b>Disrupt pork belly poutine, asymmetrical tousled succulents selfies. You probably haven't heard of them tattooed master cleanse live-edge keffiyeh
\t\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\t</p>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t\t<!-- end w-100 -->
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t<!-- end d-flex -->
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<!-- end card-body -->
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end col -->

\t\t\t\t\t\t\t\t\t<div class=\"card mb-0 mt-2\">
\t\t\t\t\t\t\t\t\t\t<div class=\"card-body p-3\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"d-flex align-items-start\">
\t\t\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-5.jpg\" alt=\"image\" class=\"me-3 d-none d-sm-block avatar-sm rounded-circle\">
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"w-100 overflow-hidden\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"mb-1 mt-0\">Gabriel J. Snyder</h5>
\t\t\t\t\t\t\t\t\t\t\t\t\t<p>
\t\t\t\t\t\t\t\t\t\t\t\t\t\tBusiness Analyst
\t\t\t\t\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"fst-italic\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<b>\"</b>Disrupt pork belly poutine, asymmetrical tousled succulents selfies. You probably haven't heard of them tattooed master cleanse live-edge keffiyeh
\t\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\t</p>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t\t<!-- end w-100 -->
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t<!-- end d-flex -->
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<!-- end card-body -->
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end col -->

\t\t\t\t\t\t\t\t\t<div class=\"card mb-0 mt-2\">
\t\t\t\t\t\t\t\t\t\t<div class=\"card-body p-3\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"d-flex align-items-start\">
\t\t\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-6.jpg\" alt=\"image\" class=\"me-3 d-none d-sm-block avatar-sm rounded-circle\">
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"w-100 overflow-hidden\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"mb-1 mt-0\">Louie C. Mason</h5>
\t\t\t\t\t\t\t\t\t\t\t\t\t<p>Human Resources</p>
\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mb-0 text-muted\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"fst-italic\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<b>\"</b>Disrupt pork belly poutine, asymmetrical tousled succulents selfies. You probably haven't heard of them tattooed master cleanse live-edge keffiyeh
\t\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\t</p>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t\t<!-- end w-100 -->
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t<!-- end d-flex -->
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<!-- end card-body -->
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end col -->

\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end company-list-2-->
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end div.bg-light-->
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<!-- end col -->

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


\t<div class=\"row\">
\t\t<div class=\"col-12\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Move stuff between containers using handle</h4>
\t\t\t\t\t<p class=\"text-muted fs-14 mb-3\">
\t\t\t\t\t\tJust specify the data attribute
\t\t\t\t\t\t<code>data-plugin='dragula'</code>,
\t\t\t\t\t\t<code>data-containers='[\"first-container-id\", \"second-container-id\"]'</code>
\t\t\t\t\t\tand
\t\t\t\t\t\t<code>data-handle-class='dragula-handle'</code>.
\t\t\t\t\t</p>

\t\t\t\t\t<div class=\"row\" data-plugin=\"dragula\" data-containers='[\"handle-dragula-left\", \"handle-dragula-right\"]' data-handleclass=\"dragula-handle\">
\t\t\t\t\t\t<div class=\"col-md-6\">
\t\t\t\t\t\t\t<div class=\"bg-dragula p-2 p-lg-4\">
\t\t\t\t\t\t\t\t<h5 class=\"mt-0\">Part 1</h5>
\t\t\t\t\t\t\t\t<div id=\"handle-dragula-left\" class=\"py-2\">

\t\t\t\t\t\t\t\t\t<div class=\"card mb-0 mt-2\">
\t\t\t\t\t\t\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"d-flex align-items-start\">
\t\t\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-7.jpg\" alt=\"image\" class=\"me-3 d-none d-sm-block avatar-sm rounded-circle\">
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"w-100 overflow-hidden\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"mb-1 mt-1\">Louis K. Bond</h5>
\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mb-0\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\tFounder & CEO
\t\t\t\t\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t\t<!-- end w-100 -->
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"dragula-handle\"></span>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t<!-- end d-flex -->
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<!-- end card-body -->
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end col -->

\t\t\t\t\t\t\t\t\t<div class=\"card mb-0 mt-2\">
\t\t\t\t\t\t\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"d-flex align-items-start\">
\t\t\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-8.jpg\" alt=\"image\" class=\"me-3 d-none d-sm-block avatar-sm rounded-circle\">
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"w-100 overflow-hidden\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"mb-1 mt-1\">Dennis N. Cloutier</h5>
\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mb-0\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\tSoftware Engineer
\t\t\t\t\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t\t<!-- end w-100 -->
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"dragula-handle\"></span>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t<!-- end d-flex -->
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<!-- end card-body -->
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end col -->

\t\t\t\t\t\t\t\t\t<div class=\"card mb-0 mt-2\">
\t\t\t\t\t\t\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"d-flex align-items-start\">
\t\t\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-9.jpg\" alt=\"image\" class=\"me-3 d-none d-sm-block avatar-sm rounded-circle\">
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"w-100 overflow-hidden\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"mb-1 mt-1\">Susan J. Sander</h5>
\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mb-0\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\tWeb Designer
\t\t\t\t\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t\t<!-- end w-100 -->
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"dragula-handle\"></span>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t<!-- end d-flex -->
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<!-- end card-body -->
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end col -->

\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end company-list-1-->
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end div.bg-light-->
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<!-- end col -->

\t\t\t\t\t\t<div class=\"col-md-6\">
\t\t\t\t\t\t\t<div class=\"bg-dragula p-2 p-lg-4\">
\t\t\t\t\t\t\t\t<h5 class=\"mt-0\">Part 2</h5>
\t\t\t\t\t\t\t\t<div id=\"handle-dragula-right\" class=\"py-2\">
\t\t\t\t\t\t\t\t\t<div class=\"card mb-0 mt-2\">

\t\t\t\t\t\t\t\t\t\t<div class=\"card-body p-3\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"d-flex align-items-start\">
\t\t\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-10.jpg\" alt=\"image\" class=\"me-3 d-none d-sm-block avatar-sm rounded-circle\">
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"w-100 overflow-hidden\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"mb-1 mt-1\">James M. Short</h5>
\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mb-0\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\tWeb Developer
\t\t\t\t\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t\t<!-- end w-100 -->
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"dragula-handle\"></span>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t<!-- end d-flex -->
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<!-- end card-body -->
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end col -->

\t\t\t\t\t\t\t\t\t<div class=\"card mb-0 mt-2\">
\t\t\t\t\t\t\t\t\t\t<div class=\"card-body p-3\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"d-flex align-items-start\">
\t\t\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-5.jpg\" alt=\"image\" class=\"me-3 d-none d-sm-block avatar-sm rounded-circle\">
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"w-100 overflow-hidden\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"mb-1 mt-1\">Gabriel J. Snyder</h5>
\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mb-0\">
\t\t\t\t\t\t\t\t\t\t\t\t\t\tBusiness Analyst
\t\t\t\t\t\t\t\t\t\t\t\t\t</p>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t\t<!-- end w-100 -->
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"dragula-handle\"></span>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t<!-- end d-flex -->
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<!-- end card-body -->
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end col -->

\t\t\t\t\t\t\t\t\t<div class=\"card mb-0 mt-2\">
\t\t\t\t\t\t\t\t\t\t<div class=\"card-body p-3\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"d-flex align-items-start\">
\t\t\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-3.jpg\" alt=\"image\" class=\"me-3 d-none d-sm-block avatar-sm rounded-circle\">
\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"w-100 overflow-hidden\">
\t\t\t\t\t\t\t\t\t\t\t\t\t<h5 class=\"mb-1 mt-1\">Louie C. Mason</h5>
\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"mb-0\">Human Resources</p>
\t\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t\t<!-- end w-100 -->
\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"dragula-handle\"></span>
\t\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t\t<!-- end d-flex -->
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t\t<!-- end card-body -->
\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t<!-- end col -->

\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t<!-- end company-list-2-->
\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t<!-- end div.bg-light-->
\t\t\t\t\t\t</div>
\t\t\t\t\t\t<!-- end col -->

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

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

{% endblock %}

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

\t<!-- Dragula Demo Component js -->
\t<script src=\"/js/pages/component.dragula.js\"></script>
{% endblock %}
", "extended-dragula.html.twig", "/home/ct9/Desktop/Ishan/Jidox/jidox_symfony/templates/extended-dragula.html.twig");
    }
}
