templates/basic/filtro-principal-mobile.html.twig line 1

Open in your IDE?
  1. {% set route_mobile = app.request.attributes.get('_route') %}
  2. {% set params_mobile = app.request.attributes.get('_route_params') %}
  3. {% set preciomax_mobile = app.request.get('preciomax_mobile') %}
  4. {% set preciomin_mobile = app.request.get('preciomin_mobile') %}
  6. <div class="modal fade d-md-none" id="modal-filtro-principal" tabindex="-1" aria-labelledby="modal-filtro-principalLabel" aria-hidden="true">
  7.   <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
  8.     <div class="modal-content">
  9.       <div class="modal-header">
  10.         <h2 class="modal-title">Filtrar por:</h2>
  11.         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  12.           <span aria-hidden="true">&times;</span>
  13.         </button>
  14.       </div>
  15.       <div class="modal-body">
  16.         <div class="filtros">
  17.           {% if principal %}
  18.             {# <h3 class="light color-negro pt-5 mb-3">{{principal.nombre}}</h3> #}
  19.             <h3 class="light color-negro mb-3">{{principal.nombre}}<sup class="ml-2">(250)</sup></h3>
  20.           {% endif %}
  21.           {# filtro por firmeza #}
  22.           <ul class="filtro-firmeza mb-4">
  23.             {% for sub in subcategorias %}
  24.               {% set slugcategoria = sub.categoria %}
  25.               <li class="{% if referencia == sub.id %} active {% endif %} p-2"><a href="{{ path('subcategoria_slug', {id_sub: sub.id,subcategoria: sub.slug, categoria_slug: slugcategoria }) }}"><h4 class="subtitulo mb-0">{{ sub.nombre }}</h4></a></li>
  26.             {% endfor %}
  27.           </ul>
  28.           <hr>
  29.           {# filtro por precio #}
  30.           <div class="box-price mb-4">
  31.           <form id="formulariomobile" action="{{ path(route_mobile , params_mobile) }}" method="get" style="width: 100%">
  32.               <h2>Precio</h2>
  33.               <div class="priceSlider">
  34.                 <div class="min-max-range">
  35.                         <input type="hidden" id="range_input_mobile" value="" />
  36.                         <input type="hidden" id="preciomaximo_mobile" value="{{preciomaximo_mobile}}" />
  37.                         <input type="hidden" id="preciominimo_mobile" value="{{preciominimo_mobile}}" />
  38.                         <input type="hidden" name="preciomin_mobile" id="preciomin_mobile" value="{{ preciomin_mobile ? preciomin_mobile : preciominimo_mobile }}">
  39.                         <input type="hidden" name="preciomax_mobile" id="preciomax_mobile" value="{{ preciomax_mobile ? preciomax_mobile : preciomaximo_mobile }}">
  40.                 </div>                     
  42.                 <div style="clear: both;"></div>  
  43.                 
  44.               </div> 
  45.           </form>
  46.             {# <h2 class="color-negro mb-3">Precio</h2>    
  47.             <div class="price-slider">
  48.               <input value="250000" min="0" max="5000000" step="500" type="range"/>
  49.               <input value="500000" min="0" max="5000000" step="500" type="range"/>
  50.               <div class="d-flex justify-content-between align-items-center flex-wrap cajas-filtro-precio">
  51.                 <div class="mb-2 caja-singular">
  52.                   <input class="price rounded d-block w-100" type="number" value="5000" min="0" max="120000"/>
  53.                 </div>
  54.                 <div class="mb-2 caja-singular">
  55.                   <input class="price rounded d-block w-100" type="number" value="50000" min="0" max="120000"/>
  56.                 </div>
  57.                 <div class="mb-2 caja-singular">
  58.                   <button class="btn border-naranja d-block w-100">Filtrar</button>
  59.                 </div>
  60.               </div>
  61.             </div> #}
  62.             <!-- <div class="d-flex align-items-center">
  63.             <input class="price" type="text">
  64.             <input class="price" type="text">
  65.                 <div>
  66.                   
  67.                 </div>
  68.             </div> -->    
  69.           </div>
  70.         </div>
  71.       </div>
  72.     </div>
  73.   </div>
  74. </div>