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

/* partials/right-sidebar.html.twig */
class __TwigTemplate_fa83ab8d92dc825f21081e59f3873e01 extends Template
{
    private $source;
    private $macros = [];

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

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

        $this->parent = false;

        $this->blocks = [
        ];
    }

    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", "partials/right-sidebar.html.twig"));

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

        // line 1
        echo "<!-- Theme Settings -->
<div class=\"offcanvas offcanvas-end\" tabindex=\"-1\" id=\"theme-settings-offcanvas\">
    <div class=\"d-flex align-items-center bg-primary p-3 offcanvas-header\">
        <h5 class=\"text-white m-0\">Theme Settings</h5>
        <button type=\"button\" class=\"btn-close btn-close-white ms-auto\" data-bs-dismiss=\"offcanvas\" aria-label=\"Close\"></button>
    </div>

    <div class=\"offcanvas-body p-0\">
        <div data-simplebar class=\"h-100\">
            <div class=\"card mb-0 p-3\">
                <div class=\"alert alert-warning\" role=\"alert\">
                    <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
                </div>

                <h5 class=\"mt-0 fs-16 fw-bold mb-3\">Choose Layout</h5>
                <div class=\"d-flex flex-column gap-2\">
                    <div class=\"form-check form-switch\">
                        <input id=\"customizer-layout01\" name=\"data-layout\" type=\"checkbox\" value=\"vertical\" class=\"form-check-input\">
                        <label class=\"form-check-label\" for=\"customizer-layout01\">Vertical</label>
                    </div>
                    <div class=\"form-check form-switch\">
                        <input id=\"customizer-layout02\" name=\"data-layout\" type=\"checkbox\" value=\"horizontal\" class=\"form-check-input\">
                        <label class=\"form-check-label\" for=\"customizer-layout02\">Horizontal</label>
                    </div>
                </div>

                <h5 class=\"my-3 fs-16 fw-bold\">Color Scheme</h5>

                <div class=\"d-flex flex-column gap-2\">
                    <div class=\"form-check form-switch\">
                        <input class=\"form-check-input\" type=\"checkbox\" name=\"data-bs-theme\" id=\"layout-color-light\" value=\"light\">
                        <label class=\"form-check-label\" for=\"layout-color-light\">Light</label>
                    </div>

                    <div class=\"form-check form-switch\">
                        <input class=\"form-check-input\" type=\"checkbox\" name=\"data-bs-theme\" id=\"layout-color-dark\" value=\"dark\">
                        <label class=\"form-check-label\" for=\"layout-color-dark\">Dark</label>
                    </div>
                </div>

                <div id=\"layout-width\">
                    <h5 class=\"my-3 fs-16 fw-bold\">Layout Mode</h5>

                    <div class=\"d-flex flex-column gap-2\">
                        <div class=\"form-check form-switch\">
                            <input class=\"form-check-input\" type=\"checkbox\" name=\"data-layout-mode\" id=\"layout-mode-fluid\" value=\"fluid\">
                            <label class=\"form-check-label\" for=\"layout-mode-fluid\">Fluid</label>
                        </div>

                        <div id=\"layout-boxed\">
                            <div class=\"form-check form-switch\">
                                <input class=\"form-check-input\" type=\"checkbox\" name=\"data-layout-mode\" id=\"layout-mode-boxed\" value=\"boxed\">
                                <label class=\"form-check-label\" for=\"layout-mode-boxed\">Boxed</label>
                            </div>
                        </div>

                        <div id=\"layout-detached\">
                            <div class=\"form-check form-switch\">
                                <input class=\"form-check-input\" type=\"checkbox\" name=\"data-layout-mode\" id=\"data-layout-detached\" value=\"detached\">
                                <label class=\"form-check-label\" for=\"data-layout-detached\">Detached</label>
                            </div>
                        </div>
                    </div>
                </div>

                <h5 class=\"my-3 fs-16 fw-bold\">Topbar Color</h5>

                <div class=\"d-flex flex-column gap-2\">
                    <div class=\"form-check form-switch\">
                        <input class=\"form-check-input\" type=\"checkbox\" name=\"data-topbar-color\" id=\"topbar-color-light\" value=\"light\">
                        <label class=\"form-check-label\" for=\"topbar-color-light\">Light</label>
                    </div>

                    <div class=\"form-check form-switch\">
                        <input class=\"form-check-input\" type=\"checkbox\" name=\"data-topbar-color\" id=\"topbar-color-dark\" value=\"dark\">
                        <label class=\"form-check-label\" for=\"topbar-color-dark\">Dark</label>
                    </div>

                    <div class=\"form-check form-switch\">
                        <input class=\"form-check-input\" type=\"checkbox\" name=\"data-topbar-color\" id=\"topbar-color-brand\" value=\"brand\">
                        <label class=\"form-check-label\" for=\"topbar-color-brand\">Brand</label>
                    </div>
                </div>

                <div>
                    <h5 class=\"my-3 fs-16 fw-bold\">Menu Color</h5>

                    <div class=\"d-flex flex-column gap-2\">
                        <div class=\"form-check form-switch\">
                            <input class=\"form-check-input\" type=\"checkbox\" name=\"data-menu-color\" id=\"leftbar-color-light\" value=\"light\">
                            <label class=\"form-check-label\" for=\"leftbar-color-light\">Light</label>
                        </div>

                        <div class=\"form-check form-switch\">
                            <input class=\"form-check-input\" type=\"checkbox\" name=\"data-menu-color\" id=\"leftbar-color-dark\" value=\"dark\">
                            <label class=\"form-check-label\" for=\"leftbar-color-dark\">Dark</label>
                        </div>
                        <div class=\"form-check form-switch\">
                            <input class=\"form-check-input\" type=\"checkbox\" name=\"data-menu-color\" id=\"leftbar-color-brand\" value=\"brand\">
                            <label class=\"form-check-label\" for=\"leftbar-color-brand\">Brand</label>
                        </div>
                    </div>
                </div>

                <div id=\"sidebar-size\">
                    <h5 class=\"my-3 fs-16 fw-bold\">Sidebar Size</h5>

                    <div class=\"d-flex flex-column gap-2\">
                        <div class=\"form-check form-switch\">
                            <input class=\"form-check-input\" type=\"checkbox\" name=\"data-sidenav-size\" id=\"leftbar-size-default\" value=\"default\">
                            <label class=\"form-check-label\" for=\"leftbar-size-default\">Default</label>
                        </div>

                        <div class=\"form-check form-switch\">
                            <input class=\"form-check-input\" type=\"checkbox\" name=\"data-sidenav-size\" id=\"leftbar-size-compact\" value=\"compact\">
                            <label class=\"form-check-label\" for=\"leftbar-size-compact\">Compact</label>
                        </div>

                        <div class=\"form-check form-switch\">
                            <input class=\"form-check-input\" type=\"checkbox\" name=\"data-sidenav-size\" id=\"leftbar-size-small\" value=\"condensed\">
                            <label class=\"form-check-label\" for=\"leftbar-size-small\">Condensed</label>
                        </div>

                        <div class=\"form-check form-switch\">
                            <input class=\"form-check-input\" type=\"checkbox\" name=\"data-sidenav-size\" id=\"leftbar-size-small-hover\" value=\"sm-hover\">
                            <label class=\"form-check-label\" for=\"leftbar-size-small-hover\">Hover View</label>
                        </div>

                        <div class=\"form-check form-switch\">
                            <input class=\"form-check-input\" type=\"checkbox\" name=\"data-sidenav-size\" id=\"leftbar-size-full\" value=\"full\">
                            <label class=\"form-check-label\" for=\"leftbar-size-full\">Full Layout</label>
                        </div>

                        <div class=\"form-check form-switch\">
                            <input class=\"form-check-input\" type=\"checkbox\" name=\"data-sidenav-size\" id=\"leftbar-size-fullscreen\" value=\"fullscreen\">
                            <label class=\"form-check-label\" for=\"leftbar-size-fullscreen\">Fullscreen Layout</label>
                        </div>
                    </div>
                </div>

                <div id=\"layout-position\">
                    <h5 class=\"my-3 fs-16 fw-bold\">Layout Position</h5>

                    <div class=\"btn-group checkbox\" role=\"group\">
                        <input type=\"radio\" class=\"btn-check\" name=\"data-layout-position\" id=\"layout-position-fixed\" value=\"fixed\">
                        <label class=\"btn btn-soft-primary w-sm\" for=\"layout-position-fixed\">Fixed</label>

                        <input type=\"radio\" class=\"btn-check\" name=\"data-layout-position\" id=\"layout-position-scrollable\" value=\"scrollable\">
                        <label class=\"btn btn-soft-primary w-sm ms-0\" for=\"layout-position-scrollable\">Scrollable</label>
                    </div>
                </div>

                <div id=\"sidebar-user\">
                    <div class=\"d-flex justify-content-between align-items-center mt-3\">
                        <label class=\"fs-16 fw-bold m-0\" for=\"sidebaruser-check\">Sidebar User Info</label>
                        <div class=\"form-check form-switch\">
                            <input type=\"checkbox\" class=\"form-check-input\" name=\"sidebar-user\" id=\"sidebaruser-check\">
                        </div>
                    </div>
                </div>

            </div>
        </div>

    </div>
    <div class=\"offcanvas-footer border-top p-3 text-center\">
        <div class=\"row\">
            <div class=\"col-6\">
                <button type=\"button\" class=\"btn btn-light w-100\" id=\"reset-layout\">Reset</button>
            </div>
            <div class=\"col-6\">
                <a href=\"#\" role=\"button\" class=\"btn btn-primary w-100\">Buy Now</a>
            </div>
        </div>
    </div>
</div>  ";
        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

    }

    public function getTemplateName()
    {
        return "partials/right-sidebar.html.twig";
    }

    public function getDebugInfo()
    {
        return array (  43 => 1,);
    }

    public function getSourceContext()
    {
        return new Source("<!-- Theme Settings -->
<div class=\"offcanvas offcanvas-end\" tabindex=\"-1\" id=\"theme-settings-offcanvas\">
    <div class=\"d-flex align-items-center bg-primary p-3 offcanvas-header\">
        <h5 class=\"text-white m-0\">Theme Settings</h5>
        <button type=\"button\" class=\"btn-close btn-close-white ms-auto\" data-bs-dismiss=\"offcanvas\" aria-label=\"Close\"></button>
    </div>

    <div class=\"offcanvas-body p-0\">
        <div data-simplebar class=\"h-100\">
            <div class=\"card mb-0 p-3\">
                <div class=\"alert alert-warning\" role=\"alert\">
                    <strong>Customize </strong> the overall color scheme, sidebar menu, etc.
                </div>

                <h5 class=\"mt-0 fs-16 fw-bold mb-3\">Choose Layout</h5>
                <div class=\"d-flex flex-column gap-2\">
                    <div class=\"form-check form-switch\">
                        <input id=\"customizer-layout01\" name=\"data-layout\" type=\"checkbox\" value=\"vertical\" class=\"form-check-input\">
                        <label class=\"form-check-label\" for=\"customizer-layout01\">Vertical</label>
                    </div>
                    <div class=\"form-check form-switch\">
                        <input id=\"customizer-layout02\" name=\"data-layout\" type=\"checkbox\" value=\"horizontal\" class=\"form-check-input\">
                        <label class=\"form-check-label\" for=\"customizer-layout02\">Horizontal</label>
                    </div>
                </div>

                <h5 class=\"my-3 fs-16 fw-bold\">Color Scheme</h5>

                <div class=\"d-flex flex-column gap-2\">
                    <div class=\"form-check form-switch\">
                        <input class=\"form-check-input\" type=\"checkbox\" name=\"data-bs-theme\" id=\"layout-color-light\" value=\"light\">
                        <label class=\"form-check-label\" for=\"layout-color-light\">Light</label>
                    </div>

                    <div class=\"form-check form-switch\">
                        <input class=\"form-check-input\" type=\"checkbox\" name=\"data-bs-theme\" id=\"layout-color-dark\" value=\"dark\">
                        <label class=\"form-check-label\" for=\"layout-color-dark\">Dark</label>
                    </div>
                </div>

                <div id=\"layout-width\">
                    <h5 class=\"my-3 fs-16 fw-bold\">Layout Mode</h5>

                    <div class=\"d-flex flex-column gap-2\">
                        <div class=\"form-check form-switch\">
                            <input class=\"form-check-input\" type=\"checkbox\" name=\"data-layout-mode\" id=\"layout-mode-fluid\" value=\"fluid\">
                            <label class=\"form-check-label\" for=\"layout-mode-fluid\">Fluid</label>
                        </div>

                        <div id=\"layout-boxed\">
                            <div class=\"form-check form-switch\">
                                <input class=\"form-check-input\" type=\"checkbox\" name=\"data-layout-mode\" id=\"layout-mode-boxed\" value=\"boxed\">
                                <label class=\"form-check-label\" for=\"layout-mode-boxed\">Boxed</label>
                            </div>
                        </div>

                        <div id=\"layout-detached\">
                            <div class=\"form-check form-switch\">
                                <input class=\"form-check-input\" type=\"checkbox\" name=\"data-layout-mode\" id=\"data-layout-detached\" value=\"detached\">
                                <label class=\"form-check-label\" for=\"data-layout-detached\">Detached</label>
                            </div>
                        </div>
                    </div>
                </div>

                <h5 class=\"my-3 fs-16 fw-bold\">Topbar Color</h5>

                <div class=\"d-flex flex-column gap-2\">
                    <div class=\"form-check form-switch\">
                        <input class=\"form-check-input\" type=\"checkbox\" name=\"data-topbar-color\" id=\"topbar-color-light\" value=\"light\">
                        <label class=\"form-check-label\" for=\"topbar-color-light\">Light</label>
                    </div>

                    <div class=\"form-check form-switch\">
                        <input class=\"form-check-input\" type=\"checkbox\" name=\"data-topbar-color\" id=\"topbar-color-dark\" value=\"dark\">
                        <label class=\"form-check-label\" for=\"topbar-color-dark\">Dark</label>
                    </div>

                    <div class=\"form-check form-switch\">
                        <input class=\"form-check-input\" type=\"checkbox\" name=\"data-topbar-color\" id=\"topbar-color-brand\" value=\"brand\">
                        <label class=\"form-check-label\" for=\"topbar-color-brand\">Brand</label>
                    </div>
                </div>

                <div>
                    <h5 class=\"my-3 fs-16 fw-bold\">Menu Color</h5>

                    <div class=\"d-flex flex-column gap-2\">
                        <div class=\"form-check form-switch\">
                            <input class=\"form-check-input\" type=\"checkbox\" name=\"data-menu-color\" id=\"leftbar-color-light\" value=\"light\">
                            <label class=\"form-check-label\" for=\"leftbar-color-light\">Light</label>
                        </div>

                        <div class=\"form-check form-switch\">
                            <input class=\"form-check-input\" type=\"checkbox\" name=\"data-menu-color\" id=\"leftbar-color-dark\" value=\"dark\">
                            <label class=\"form-check-label\" for=\"leftbar-color-dark\">Dark</label>
                        </div>
                        <div class=\"form-check form-switch\">
                            <input class=\"form-check-input\" type=\"checkbox\" name=\"data-menu-color\" id=\"leftbar-color-brand\" value=\"brand\">
                            <label class=\"form-check-label\" for=\"leftbar-color-brand\">Brand</label>
                        </div>
                    </div>
                </div>

                <div id=\"sidebar-size\">
                    <h5 class=\"my-3 fs-16 fw-bold\">Sidebar Size</h5>

                    <div class=\"d-flex flex-column gap-2\">
                        <div class=\"form-check form-switch\">
                            <input class=\"form-check-input\" type=\"checkbox\" name=\"data-sidenav-size\" id=\"leftbar-size-default\" value=\"default\">
                            <label class=\"form-check-label\" for=\"leftbar-size-default\">Default</label>
                        </div>

                        <div class=\"form-check form-switch\">
                            <input class=\"form-check-input\" type=\"checkbox\" name=\"data-sidenav-size\" id=\"leftbar-size-compact\" value=\"compact\">
                            <label class=\"form-check-label\" for=\"leftbar-size-compact\">Compact</label>
                        </div>

                        <div class=\"form-check form-switch\">
                            <input class=\"form-check-input\" type=\"checkbox\" name=\"data-sidenav-size\" id=\"leftbar-size-small\" value=\"condensed\">
                            <label class=\"form-check-label\" for=\"leftbar-size-small\">Condensed</label>
                        </div>

                        <div class=\"form-check form-switch\">
                            <input class=\"form-check-input\" type=\"checkbox\" name=\"data-sidenav-size\" id=\"leftbar-size-small-hover\" value=\"sm-hover\">
                            <label class=\"form-check-label\" for=\"leftbar-size-small-hover\">Hover View</label>
                        </div>

                        <div class=\"form-check form-switch\">
                            <input class=\"form-check-input\" type=\"checkbox\" name=\"data-sidenav-size\" id=\"leftbar-size-full\" value=\"full\">
                            <label class=\"form-check-label\" for=\"leftbar-size-full\">Full Layout</label>
                        </div>

                        <div class=\"form-check form-switch\">
                            <input class=\"form-check-input\" type=\"checkbox\" name=\"data-sidenav-size\" id=\"leftbar-size-fullscreen\" value=\"fullscreen\">
                            <label class=\"form-check-label\" for=\"leftbar-size-fullscreen\">Fullscreen Layout</label>
                        </div>
                    </div>
                </div>

                <div id=\"layout-position\">
                    <h5 class=\"my-3 fs-16 fw-bold\">Layout Position</h5>

                    <div class=\"btn-group checkbox\" role=\"group\">
                        <input type=\"radio\" class=\"btn-check\" name=\"data-layout-position\" id=\"layout-position-fixed\" value=\"fixed\">
                        <label class=\"btn btn-soft-primary w-sm\" for=\"layout-position-fixed\">Fixed</label>

                        <input type=\"radio\" class=\"btn-check\" name=\"data-layout-position\" id=\"layout-position-scrollable\" value=\"scrollable\">
                        <label class=\"btn btn-soft-primary w-sm ms-0\" for=\"layout-position-scrollable\">Scrollable</label>
                    </div>
                </div>

                <div id=\"sidebar-user\">
                    <div class=\"d-flex justify-content-between align-items-center mt-3\">
                        <label class=\"fs-16 fw-bold m-0\" for=\"sidebaruser-check\">Sidebar User Info</label>
                        <div class=\"form-check form-switch\">
                            <input type=\"checkbox\" class=\"form-check-input\" name=\"sidebar-user\" id=\"sidebaruser-check\">
                        </div>
                    </div>
                </div>

            </div>
        </div>

    </div>
    <div class=\"offcanvas-footer border-top p-3 text-center\">
        <div class=\"row\">
            <div class=\"col-6\">
                <button type=\"button\" class=\"btn btn-light w-100\" id=\"reset-layout\">Reset</button>
            </div>
            <div class=\"col-6\">
                <a href=\"#\" role=\"button\" class=\"btn btn-primary w-100\">Buy Now</a>
            </div>
        </div>
    </div>
</div>  ", "partials/right-sidebar.html.twig", "/home/ct9/Desktop/Ishan/Jidox/jidox_symfony/templates/partials/right-sidebar.html.twig");
    }
}
