<?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-range-slider.html.twig */
class __TwigTemplate_755afe35f1b165af6a573e01b54d969a 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-range-slider.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-range-slider.html.twig"));

        $this->parent = $this->loadTemplate("partials/layout-vertical.html.twig", "extended-range-slider.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 "Range Slider
";
        
        $__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" => "Range Slider"]);
        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\">Default</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">Start with default options</p>

\t\t\t\t\t<input type=\"text\" id=\"range_01\" data-plugin=\"range-slider\"/>

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

\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Prefix</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">Showing grid and adding prefix \"\$\"</p>

\t\t\t\t\t<input type=\"text\" id=\"range_03\" data-plugin=\"range-slider\" data-type=\"double\" data-grid=\"true\" data-min=\"0\" data-max=\"1000\" data-from=\"200\" data-to=\"800\" data-prefix=\"\$\"/>
\t\t\t\t</div>
\t\t\t\t<!-- end card-body -->
\t\t\t</div>
\t\t\t<!-- end card-->

\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Step</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">Increment with specific value only (step)</p>

\t\t\t\t\t<input type=\"text\" id=\"range_05\" data-plugin=\"range-slider\" data-type=\"double\" data-grid=\"true\" data-min=\"-1000\" data-max=\"1000\" data-from=\"-500\" data-to=\"500\" data-step=\"250\"/>
\t\t\t\t</div>
\t\t\t\t<!-- end card-body -->
\t\t\t</div>
\t\t\t<!-- end card-->

\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Prettify Numbers</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">Prettify enabled. Much better!</p>

\t\t\t\t\t<input type=\"text\" id=\"range_07\" data-plugin=\"range-slider\" data-grid=\"true\" data-min=\"1000\" data-max=\"1000000\" data-step=\"1000\" data-from=\"200000\" data-to=\"1000\" data-prettify_enabled=\"true\"/>
\t\t\t\t</div>
\t\t\t\t<!-- end card-body -->
\t\t\t</div>
\t\t\t<!-- end card-->

\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Extra Example</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">Want to show that max number is not the biggest one?</p>

\t\t\t\t\t<input type=\"text\" id=\"range_09\" data-plugin=\"range-slider\" data-grid=\"true\" data-min=\"18\" data-max=\"70\" data-prefix=\"Age\" data-max_postfix=\"+\" data-from=\"30\" data-to=\"1000\"/>
\t\t\t\t</div>
\t\t\t\t<!-- end card-body -->
\t\t\t</div>
\t\t\t<!-- end card-->

\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Postfixes</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">Using postfixes</p>

\t\t\t\t\t<input type=\"text\" id=\"range_11\" data-plugin=\"range-slider\" data-type=\"single\" data-grid=\"true\" data-min=\"-90\" data-max=\"90\" data-postfix=\" Â°\" data-from=\"0\"/>
\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\">Min-Max</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">Set min value, max value and start point</p>

\t\t\t\t\t<input type=\"text\" id=\"range_02\" data-plugin=\"range-slider\" data-min=\"100\" data-max=\"1000\" data-from=\"550\"/>
\t\t\t\t</div>
\t\t\t\t<!-- end card-body -->
\t\t\t</div>
\t\t\t<!-- end card-->

\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Range</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">Set up range with negative values</p>

\t\t\t\t\t<input type=\"text\" id=\"range_04\" data-plugin=\"range-slider\" data-min=\"-1000\" data-max=\"1000\" data-from=\"-500\" data-to=\"500\" data-type=\"double\" data-grid=\"true\"/>
\t\t\t\t</div>
\t\t\t\t<!-- end card-body -->
\t\t\t</div>
\t\t\t<!-- end card-->

\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Custom Values</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">Using any strings as values</p>

\t\t\t\t\t<input type=\"text\" id=\"range_06\" data-plugin=\"range-slider\" data-grid=\"true\" data-from=\"3\" data-values='Jan,Feb,Mar,Apr,May,Jun,Jul,Aug,Sep,Oct,Nov,Dec'/>
\t\t\t\t</div>
\t\t\t\t<!-- end card-body -->
\t\t\t</div>
\t\t\t<!-- end card-->

\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Disabled</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">Lock slider by using disable option</p>

\t\t\t\t\t<input type=\"text\" id=\"range_08\" data-plugin=\"range-slider\" data-min=\"100\" data-max=\"1000\" data-from=\"550\" data-disable=\"true\"/>
\t\t\t\t</div>
\t\t\t\t<!-- end card-body -->
\t\t\t</div>
\t\t\t<!-- end card-->

\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Use Decorate Both option</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">Use decorate_both option</p>

\t\t\t\t\t<input type=\"text\" id=\"range_10\" data-plugin=\"range-slider\" data-type=\"double\" data-min=\"100\" data-max=\"200\" data-from=\"145\" data-to=\"155\" data-prefix=\"Weight \" data-postfix=\" million pounds\" data-decorate_both=\"true\"/>
\t\t\t\t</div>
\t\t\t\t<!-- end card-body -->
\t\t\t</div>
\t\t\t<!-- end card-->

\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Hide</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">Or hide any part you wish</p>

\t\t\t\t\t<input type=\"text\" id=\"range_12\" data-plugin=\"range-slider\" data-type=\"double\" data-min=\"1000\" data-max=\"2000\" data-from=\"1200\" data-to=\"1800\" data-hide_min_max=\"true\" data-hide_from_to=\"true\" data-grid=\"true\"/>
\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 159
    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 160
        echo "\t<!-- Plgins only -->
\t<script src=\"/vendor/ion-rangeslider/js/ion.rangeSlider.min.js\"></script>
\t<script src=\"/js/pages/component.range-slider.js\"></script>
";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

    }

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

    public function isTraitable()
    {
        return false;
    }

    public function getDebugInfo()
    {
        return array (  297 => 160,  287 => 159,  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 %}Range Slider
{% endblock %}

{% block css %}{% endblock %}

{% block pagetitle %}
\t{{ include('partials/page-title.html.twig', { sub_title: 'Extended UI', page_title: 'Range Slider' }) }}
{% 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\">Default</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">Start with default options</p>

\t\t\t\t\t<input type=\"text\" id=\"range_01\" data-plugin=\"range-slider\"/>

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

\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Prefix</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">Showing grid and adding prefix \"\$\"</p>

\t\t\t\t\t<input type=\"text\" id=\"range_03\" data-plugin=\"range-slider\" data-type=\"double\" data-grid=\"true\" data-min=\"0\" data-max=\"1000\" data-from=\"200\" data-to=\"800\" data-prefix=\"\$\"/>
\t\t\t\t</div>
\t\t\t\t<!-- end card-body -->
\t\t\t</div>
\t\t\t<!-- end card-->

\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Step</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">Increment with specific value only (step)</p>

\t\t\t\t\t<input type=\"text\" id=\"range_05\" data-plugin=\"range-slider\" data-type=\"double\" data-grid=\"true\" data-min=\"-1000\" data-max=\"1000\" data-from=\"-500\" data-to=\"500\" data-step=\"250\"/>
\t\t\t\t</div>
\t\t\t\t<!-- end card-body -->
\t\t\t</div>
\t\t\t<!-- end card-->

\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Prettify Numbers</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">Prettify enabled. Much better!</p>

\t\t\t\t\t<input type=\"text\" id=\"range_07\" data-plugin=\"range-slider\" data-grid=\"true\" data-min=\"1000\" data-max=\"1000000\" data-step=\"1000\" data-from=\"200000\" data-to=\"1000\" data-prettify_enabled=\"true\"/>
\t\t\t\t</div>
\t\t\t\t<!-- end card-body -->
\t\t\t</div>
\t\t\t<!-- end card-->

\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Extra Example</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">Want to show that max number is not the biggest one?</p>

\t\t\t\t\t<input type=\"text\" id=\"range_09\" data-plugin=\"range-slider\" data-grid=\"true\" data-min=\"18\" data-max=\"70\" data-prefix=\"Age\" data-max_postfix=\"+\" data-from=\"30\" data-to=\"1000\"/>
\t\t\t\t</div>
\t\t\t\t<!-- end card-body -->
\t\t\t</div>
\t\t\t<!-- end card-->

\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Postfixes</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">Using postfixes</p>

\t\t\t\t\t<input type=\"text\" id=\"range_11\" data-plugin=\"range-slider\" data-type=\"single\" data-grid=\"true\" data-min=\"-90\" data-max=\"90\" data-postfix=\" Â°\" data-from=\"0\"/>
\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\">Min-Max</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">Set min value, max value and start point</p>

\t\t\t\t\t<input type=\"text\" id=\"range_02\" data-plugin=\"range-slider\" data-min=\"100\" data-max=\"1000\" data-from=\"550\"/>
\t\t\t\t</div>
\t\t\t\t<!-- end card-body -->
\t\t\t</div>
\t\t\t<!-- end card-->

\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Range</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">Set up range with negative values</p>

\t\t\t\t\t<input type=\"text\" id=\"range_04\" data-plugin=\"range-slider\" data-min=\"-1000\" data-max=\"1000\" data-from=\"-500\" data-to=\"500\" data-type=\"double\" data-grid=\"true\"/>
\t\t\t\t</div>
\t\t\t\t<!-- end card-body -->
\t\t\t</div>
\t\t\t<!-- end card-->

\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Custom Values</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">Using any strings as values</p>

\t\t\t\t\t<input type=\"text\" id=\"range_06\" data-plugin=\"range-slider\" data-grid=\"true\" data-from=\"3\" data-values='Jan,Feb,Mar,Apr,May,Jun,Jul,Aug,Sep,Oct,Nov,Dec'/>
\t\t\t\t</div>
\t\t\t\t<!-- end card-body -->
\t\t\t</div>
\t\t\t<!-- end card-->

\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Disabled</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">Lock slider by using disable option</p>

\t\t\t\t\t<input type=\"text\" id=\"range_08\" data-plugin=\"range-slider\" data-min=\"100\" data-max=\"1000\" data-from=\"550\" data-disable=\"true\"/>
\t\t\t\t</div>
\t\t\t\t<!-- end card-body -->
\t\t\t</div>
\t\t\t<!-- end card-->

\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Use Decorate Both option</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">Use decorate_both option</p>

\t\t\t\t\t<input type=\"text\" id=\"range_10\" data-plugin=\"range-slider\" data-type=\"double\" data-min=\"100\" data-max=\"200\" data-from=\"145\" data-to=\"155\" data-prefix=\"Weight \" data-postfix=\" million pounds\" data-decorate_both=\"true\"/>
\t\t\t\t</div>
\t\t\t\t<!-- end card-body -->
\t\t\t</div>
\t\t\t<!-- end card-->

\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Hide</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">Or hide any part you wish</p>

\t\t\t\t\t<input type=\"text\" id=\"range_12\" data-plugin=\"range-slider\" data-type=\"double\" data-min=\"1000\" data-max=\"2000\" data-from=\"1200\" data-to=\"1800\" data-hide_min_max=\"true\" data-hide_from_to=\"true\" data-grid=\"true\"/>
\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<!-- Plgins only -->
\t<script src=\"/vendor/ion-rangeslider/js/ion.rangeSlider.min.js\"></script>
\t<script src=\"/js/pages/component.range-slider.js\"></script>
{% endblock %}
", "extended-range-slider.html.twig", "C:\\Users\\4\\Desktop\\Anant\\jidox\\jidox_symfony\\Jidox\\templates\\extended-range-slider.html.twig");
    }
}
