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

/* ui-collapse.html.twig */
class __TwigTemplate_305be398dc37ba0053443d41b593e6d2 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'],
        ];
    }

    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", "ui-collapse.html.twig"));

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

        $this->parent = $this->loadTemplate("partials/layout-vertical.html.twig", "ui-collapse.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 "Accordions
";
        
        $__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" => "Base UI", "page_title" => "Collapse"]);
        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-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Collapse</h4>
\t\t\t\t\t<p class=\"text-muted fs-14 mb-3\">
\t\t\t\t\t\tBootstrap's collapse provides the way to toggle the visibility of any content or element. 
\t\t\t\t\t\t                                            Please read the official
\t\t\t\t\t\t<a href=\"https://getbootstrap.com/docs/5.2/components/collapse/\" target=\"_blank\">Bootstrap</a>
\t\t\t\t\t\tdocumentation for a full list of options.
\t\t\t\t\t</p>

\t\t\t\t\t<p>
\t\t\t\t\t\t<a class=\"btn btn-primary\" data-bs-toggle=\"collapse\" href=\"#collapseExample\" aria-expanded=\"false\" aria-controls=\"collapseExample\">
\t\t\t\t\t\t\tLink with href
\t\t\t\t\t\t</a>
\t\t\t\t\t\t<button class=\"btn btn-primary ms-1\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapseExample\" aria-expanded=\"false\" aria-controls=\"collapseExample\">
\t\t\t\t\t\t\tButton with data-bs-target
\t\t\t\t\t\t</button>
\t\t\t\t\t</p>
\t\t\t\t\t<div class=\"collapse show\" id=\"collapseExample\">
\t\t\t\t\t\t<div class=\"card card-body mb-0\">
\t\t\t\t\t\t\tAnim pariatur cliche reprehenderit, enim eiusmod high life
\t\t\t\t\t\t\t                                                accusamus terry
\t\t\t\t\t\t\t                                                richardson ad squid. Nihil anim keffiyeh helvetica, craft beer
\t\t\t\t\t\t\t                                                labore wes
\t\t\t\t\t\t\t                                                anderson cred nesciunt sapiente ea proident.
\t\t\t\t\t\t</div>
\t\t\t\t\t</div>

\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\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Collapse Horizontal</h4>
\t\t\t\t\t<p class=\"text-muted fs-14 mb-3\">The collapse plugin also supports horizontal collapsing. Add the
\t\t\t\t\t\t<code>.collapse-horizontal</code>
\t\t\t\t\t\tmodifier class to transition the
\t\t\t\t\t\t<code>width</code>
\t\t\t\t\t\tinstead of
\t\t\t\t\t\t<code>height</code>
\t\t\t\t\t\tand set a
\t\t\t\t\t\t<code>width</code>
\t\t\t\t\t\ton the immediate child element.</p>

\t\t\t\t\t<p>
\t\t\t\t\t\t<button class=\"btn btn-primary\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapseWidthExample\" aria-expanded=\"false\" aria-controls=\"collapseWidthExample\">
\t\t\t\t\t\t\tToggle width collapse
\t\t\t\t\t\t</button>
\t\t\t\t\t</p>
\t\t\t\t\t<div style=\"min-height: 112px;\">
\t\t\t\t\t\t<div class=\"collapse collapse-horizontal\" id=\"collapseWidthExample\">
\t\t\t\t\t\t\t<div class=\"card card-body mb-0\" style=\"width: 300px;\">
\t\t\t\t\t\t\t\tThis is some placeholder content for a horizontal collapse. It's hidden by default and shown when triggered.
\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<!-- 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-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Multiple Targets</h4>
\t\t\t\t\t<p class=\"text-muted fs-14 mb-3\">
\t\t\t\t\t\tMultiple
\t\t\t\t\t\t<code>&lt;button&gt;</code>
\t\t\t\t\t\tor
\t\t\t\t\t\t<code>&lt;a&gt;</code>
\t\t\t\t\t\tcan show and hide an element if 
\t\t\t\t\t\t                                            they each reference it with their
\t\t\t\t\t\t<code>href</code>
\t\t\t\t\t\tor
\t\t\t\t\t\t<code>data-bs-target</code>
\t\t\t\t\t\tattribute
\t\t\t\t\t</p>

\t\t\t\t\t<p>
\t\t\t\t\t\t<a class=\"btn btn-primary\" data-bs-toggle=\"collapse\" href=\"#multiCollapseExample1\" role=\"button\" aria-expanded=\"false\" aria-controls=\"multiCollapseExample1\">Toggle first element</a>
\t\t\t\t\t\t<button class=\"btn btn-primary\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#multiCollapseExample2\" aria-expanded=\"false\" aria-controls=\"multiCollapseExample2\">Toggle second element</button>
\t\t\t\t\t\t<button class=\"btn btn-primary\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\".multi-collapse\" aria-expanded=\"false\" aria-controls=\"multiCollapseExample1 multiCollapseExample2\">Toggle both elements</button>
\t\t\t\t\t</p>
\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=\"collapse multi-collapse\" id=\"multiCollapseExample1\">
\t\t\t\t\t\t\t\t<div class=\"card card-body mb-0\">
\t\t\t\t\t\t\t\t\tAnim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
\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\">
\t\t\t\t\t\t\t<div class=\"collapse multi-collapse\" id=\"multiCollapseExample2\">
\t\t\t\t\t\t\t\t<div class=\"card card-body mb-0\">
\t\t\t\t\t\t\t\t\tAnim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
\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<!-- 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);

    }

    public function getTemplateName()
    {
        return "ui-collapse.html.twig";
    }

    public function isTraitable()
    {
        return false;
    }

    public function getDebugInfo()
    {
        return array (  132 => 13,  122 => 12,  109 => 9,  99 => 8,  81 => 6,  61 => 3,  38 => 1,);
    }

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

{% block title %}Accordions
{% endblock %}

{% block css %}{% endblock %}

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

{% block body %}
\t<div class=\"row\">
\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Collapse</h4>
\t\t\t\t\t<p class=\"text-muted fs-14 mb-3\">
\t\t\t\t\t\tBootstrap's collapse provides the way to toggle the visibility of any content or element. 
\t\t\t\t\t\t                                            Please read the official
\t\t\t\t\t\t<a href=\"https://getbootstrap.com/docs/5.2/components/collapse/\" target=\"_blank\">Bootstrap</a>
\t\t\t\t\t\tdocumentation for a full list of options.
\t\t\t\t\t</p>

\t\t\t\t\t<p>
\t\t\t\t\t\t<a class=\"btn btn-primary\" data-bs-toggle=\"collapse\" href=\"#collapseExample\" aria-expanded=\"false\" aria-controls=\"collapseExample\">
\t\t\t\t\t\t\tLink with href
\t\t\t\t\t\t</a>
\t\t\t\t\t\t<button class=\"btn btn-primary ms-1\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapseExample\" aria-expanded=\"false\" aria-controls=\"collapseExample\">
\t\t\t\t\t\t\tButton with data-bs-target
\t\t\t\t\t\t</button>
\t\t\t\t\t</p>
\t\t\t\t\t<div class=\"collapse show\" id=\"collapseExample\">
\t\t\t\t\t\t<div class=\"card card-body mb-0\">
\t\t\t\t\t\t\tAnim pariatur cliche reprehenderit, enim eiusmod high life
\t\t\t\t\t\t\t                                                accusamus terry
\t\t\t\t\t\t\t                                                richardson ad squid. Nihil anim keffiyeh helvetica, craft beer
\t\t\t\t\t\t\t                                                labore wes
\t\t\t\t\t\t\t                                                anderson cred nesciunt sapiente ea proident.
\t\t\t\t\t\t</div>
\t\t\t\t\t</div>

\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\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Collapse Horizontal</h4>
\t\t\t\t\t<p class=\"text-muted fs-14 mb-3\">The collapse plugin also supports horizontal collapsing. Add the
\t\t\t\t\t\t<code>.collapse-horizontal</code>
\t\t\t\t\t\tmodifier class to transition the
\t\t\t\t\t\t<code>width</code>
\t\t\t\t\t\tinstead of
\t\t\t\t\t\t<code>height</code>
\t\t\t\t\t\tand set a
\t\t\t\t\t\t<code>width</code>
\t\t\t\t\t\ton the immediate child element.</p>

\t\t\t\t\t<p>
\t\t\t\t\t\t<button class=\"btn btn-primary\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapseWidthExample\" aria-expanded=\"false\" aria-controls=\"collapseWidthExample\">
\t\t\t\t\t\t\tToggle width collapse
\t\t\t\t\t\t</button>
\t\t\t\t\t</p>
\t\t\t\t\t<div style=\"min-height: 112px;\">
\t\t\t\t\t\t<div class=\"collapse collapse-horizontal\" id=\"collapseWidthExample\">
\t\t\t\t\t\t\t<div class=\"card card-body mb-0\" style=\"width: 300px;\">
\t\t\t\t\t\t\t\tThis is some placeholder content for a horizontal collapse. It's hidden by default and shown when triggered.
\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<!-- 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-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Multiple Targets</h4>
\t\t\t\t\t<p class=\"text-muted fs-14 mb-3\">
\t\t\t\t\t\tMultiple
\t\t\t\t\t\t<code>&lt;button&gt;</code>
\t\t\t\t\t\tor
\t\t\t\t\t\t<code>&lt;a&gt;</code>
\t\t\t\t\t\tcan show and hide an element if 
\t\t\t\t\t\t                                            they each reference it with their
\t\t\t\t\t\t<code>href</code>
\t\t\t\t\t\tor
\t\t\t\t\t\t<code>data-bs-target</code>
\t\t\t\t\t\tattribute
\t\t\t\t\t</p>

\t\t\t\t\t<p>
\t\t\t\t\t\t<a class=\"btn btn-primary\" data-bs-toggle=\"collapse\" href=\"#multiCollapseExample1\" role=\"button\" aria-expanded=\"false\" aria-controls=\"multiCollapseExample1\">Toggle first element</a>
\t\t\t\t\t\t<button class=\"btn btn-primary\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#multiCollapseExample2\" aria-expanded=\"false\" aria-controls=\"multiCollapseExample2\">Toggle second element</button>
\t\t\t\t\t\t<button class=\"btn btn-primary\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\".multi-collapse\" aria-expanded=\"false\" aria-controls=\"multiCollapseExample1 multiCollapseExample2\">Toggle both elements</button>
\t\t\t\t\t</p>
\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=\"collapse multi-collapse\" id=\"multiCollapseExample1\">
\t\t\t\t\t\t\t\t<div class=\"card card-body mb-0\">
\t\t\t\t\t\t\t\t\tAnim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
\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\">
\t\t\t\t\t\t\t<div class=\"collapse multi-collapse\" id=\"multiCollapseExample2\">
\t\t\t\t\t\t\t\t<div class=\"card card-body mb-0\">
\t\t\t\t\t\t\t\t\tAnim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
\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<!-- 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 %}
", "ui-collapse.html.twig", "C:\\Users\\4\\Desktop\\Anant\\jidox\\jidox_symfony\\Jidox\\templates\\ui-collapse.html.twig");
    }
}
