templates/arriendos/sinAmoblar.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block inner_head %}
  3.     <div class="parallax inner-head" style="background-position: 50% 0px;">
  4.         <div class="container">
  5.             <div class="row">
  6.                 <div class="col-md-12">
  7.                     <i class="fa fa-users"></i>
  8.                     <h4>Arriendos</h4>
  9.                     <ol class="breadcrumb">
  10.                         <li><a href="{{ path('inicio') }}">Inicio</a></li>
  11.                         <li ><a href="{{ path('arriendos') }}">Arriendos</a></li>
  12.                         <li class="active">Sin amoblar</li>
  13.                     </ol>
  14.                 </div>
  15.             </div>
  16.         </div>
  17.     </div>
  18. {% endblock %}
  19. {% block body %}
  20.     <div class="contain-wrapp padding-bottom-40">
  21.         <div class="container">
  22.             <div class="row">
  23.                 <form id="form_filtro_propiedades">
  24.                     <!-- Start products -->
  25.                     <div class="col-sm-8">
  26.                         <div class="filter-block margin-bottom-20">
  27.                             <div class="row">
  28.                                 <div class="margin-bottom-15 col-sm-4">
  29.                                     <label>Ordenar por :</label>
  30.                                     <select  id="filtro_propiedad_ordenar" name="filtro_propiedad_ordenar" class="form-control">
  31.                                         <option value="">Seleccionar</option>
  32.                                         <option value="fecha">último en agregar</option>
  33.                                         <option value="menor_precio">menor precio</option>
  34.                                         <option value="mayor_precio">mayor precio</option>
  35.                                     </select>
  36.                                 </div>
  37.                                 <div class="col-sm-8">
  38.                                     <div class="result">
  39.                                         <span class="totalResultados highlight primary">{{totalPropiedades}} resultados</span>
  40.                                     </div>
  41.                                 </div>
  42.                             </div>
  43.                         </div>
  44.                         <div id="gallery" class="masonry gallery">
  45.                             <div class="row">
  46.                                 {% for propiedad in arrPropiedades %}
  47.                                     <div data-filter="home" class="grid-item col-sm-4 col-xs-6">
  48.                                         <div class="img-wrapper">
  49.                                             <div class="img-caption ecadaZoomInDown animated zoomOutDown">
  50.                                                 {% for imagen in propiedad.imagenes %}
  51.                                                     {% if loop.first %}
  52.                                                         <a href="{{ asset('uploads/' ~ imagen.nombre) }}" data-pretty="prettyPhoto" class="zoomer">
  53.                                                             <i class="fa fa-eye"></i>
  54.                                                         </a> 
  55.                                                     {% endif %}
  56.                                                 {% endfor %}
  57.                                             </div>
  58.                                             {% for imagen in propiedad.imagenes %}
  59.                                                 {% if loop.first %}
  60.                                                     <img src="{{ asset('uploads/' ~ imagen.nombre) }}" class="img-responsive" alt="" style="height:220px;width: 350px;" />
  61.                                                 {% endif %}
  62.                                             {% endfor %}
  63.                                         </div>
  64.                                         <div class="img-containt text-center">
  65.                                             <div><a href="{{ path('propiedad_detalle', { 'id': propiedad.id }) }}">{% if propiedad.titulo|length > 25 %}{{propiedad.titulo|slice(0, 25) ~ '...'}}{% else %}{{propiedad.titulo}}{% endif %}</a></div>
  66.                                             <strong>{% if propiedad.valor > 0 %} $ {{propiedad.valor|number_format(0, '', '.') }} {% else %} {{propiedad.uf}} UF {% endif %}</strong>
  67.                                             <ul class="img-footer">
  68.                                                 <li><i class="fa fa-bed"></i> {{propiedad.dormitorios}} </li>
  69.                                                 <li><i class="fa fa-bath"></i> {{propiedad.banios}} </li>
  70.                                             </ul>
  71.                                         </div>
  72.                                     </div>
  73.                                 {% endfor %}
  74.                             </div>
  75.                         </div>
  76.                         <div class="clearfix"></div>
  77.                     </div>
  78.                     <!-- End products -->
  79.                     <!-- START - Aside -->
  80.                     <div class="col-sm-4">
  81.                         <div class="filter-sidebar">
  82.                             <aside>
  83.                                 <div class="widget">
  84.                                     <h5 class="widget-head">Región</h5>
  85.                                     <div class="margin-bottom-15">
  86.                                         <select class="form-control" onchange="cargarComunas(this);" id="filtro_propiedad_region" name="filtro_propiedad_region">
  87.                                             <option value="">Seleccionar</option>
  88.                                             {% for region in oRegiones %}
  89.                                                 <option value="{{region.id}}">{{region.nombre}}</option>
  90.                                             {% endfor %}
  91.                                         </select>
  92.                                     </div>
  93.                                     <h5 class="widget-head">Comuna</h5>
  94.                                     <div class="margin-bottom-15">
  95.                                         <select class="form-control" id="filtro_propiedad_comuna" name="filtro_propiedad_comuna">
  96.                                             <option value="">Seleccionar</option> 
  97.                                         </select>
  98.                                     </div>
  99.                                 </div>
  100.                                 <div class="widget">
  101.                                     <h5 class="widget-head">Filtros</h5>
  102.                                     <div id="filters">
  103.                                         <div class="filter-attributes form-inline">
  104.                                             <h6>Modalidad :</h6>
  105.                                             <div class="form-group">
  106.                                                 <div class="checkbox">
  107.                                                     <div class="custom-checkbox">
  108.                                                         <label for="filtro_propiedad_modalidad_1" class="custom-checkbox">Arriendo
  109.                                                             <input type="checkbox" name="filtro_propiedad_modalidad[]" id="filtro_propiedad_modalidad_1" value="1" checked="checked">
  110.                                                             <div class="checkmark"></div>
  111.                                                         </label>
  112.                                                     </div>
  113.                                                 </div>
  114.                                             </div>
  115.                                             <div class="form-group">
  116.                                                 <div class="checkbox">
  117.                                                     <div class="custom-checkbox">
  118.                                                         <label for="filtro_propiedad_modalidad_2" class="custom-checkbox">Arriendo amoblado
  119.                                                             <input type="checkbox" name="filtro_propiedad_modalidad[]" id="filtro_propiedad_modalidad_2" value="2">
  120.                                                             <div class="checkmark"></div>
  121.                                                         </label>
  122.                                                     </div>
  123.                                                 </div>
  124.                                             </div>
  125.                                             <div class="form-group">
  126.                                                 <div class="checkbox">
  127.                                                     <div class="custom-checkbox">
  128.                                                         <label for="filtro_propiedad_modalidad_3" class="custom-checkbox">Venta
  129.                                                             <input type="checkbox" name="filtro_propiedad_modalidad[]" id="filtro_propiedad_modalidad_3" value="3">
  130.                                                             <div class="checkmark"></div>
  131.                                                         </label>
  132.                                                     </div>
  133.                                                 </div>
  134.                                             </div>
  135.                                         </div>
  136.                                         <div class="filter-attributes form-inline">
  137.                                             <h6>Tipo de propiedad:</h6>
  138.                                             <div class="form-group">
  139.                                                 <div class="checkbox">
  140.                                                     <div class="custom-checkbox">
  141.                                                         <label for="filtro_propiedad_tipo_1" class="custom-checkbox">Casa
  142.                                                             <input type="checkbox" name="filtro_propiedad_tipo[]" id="filtro_propiedad_tipo_1" value="1">
  143.                                                             <div class="checkmark"></div>
  144.                                                         </label>
  145.                                                     </div>
  146.                                                 </div>
  147.                                             </div>
  148.                                             <div class="form-group">
  149.                                                 <div class="checkbox">
  150.                                                     <div class="custom-checkbox">
  151.                                                         <label for="filtro_propiedad_tipo_2" class="custom-checkbox">Comercial
  152.                                                             <input type="checkbox" name="filtro_propiedad_tipo[]" id="filtro_propiedad_tipo_2" value="2">
  153.                                                             <div class="checkmark"></div>
  154.                                                         </label>
  155.                                                     </div>
  156.                                                 </div>
  157.                                             </div>
  158.                                             <div class="form-group">
  159.                                                 <div class="checkbox">
  160.                                                     <div class="custom-checkbox">
  161.                                                         <label for="filtro_propiedad_tipo_3" class="custom-checkbox">Departamento
  162.                                                             <input type="checkbox" name="filtro_propiedad_tipo[]" id="filtro_propiedad_tipo_3" value="3">
  163.                                                             <div class="checkmark"></div>
  164.                                                         </label>
  165.                                                     </div>
  166.                                                 </div>
  167.                                             </div>
  168.                                             <div class="form-group">
  169.                                                 <div class="checkbox">
  170.                                                     <div class="custom-checkbox">
  171.                                                         <label for="filtro_propiedad_tipo_4" class="custom-checkbox">Estacionamiento
  172.                                                             <input type="checkbox" name="filtro_propiedad_tipo[]" id="filtro_propiedad_tipo_4" value="4">
  173.                                                             <div class="checkmark"></div>
  174.                                                         </label>
  175.                                                     </div>
  176.                                                 </div>
  177.                                             </div>
  178.                                             <div class="form-group">
  179.                                                 <div class="checkbox">
  180.                                                     <div class="custom-checkbox">
  181.                                                         <label for="filtro_propiedad_tipo_5" class="custom-checkbox">Hotel
  182.                                                             <input type="checkbox" name="filtro_propiedad_tipo[]" id="filtro_propiedad_tipo_5" value="5">
  183.                                                             <div class="checkmark"></div>
  184.                                                         </label>
  185.                                                     </div>
  186.                                                 </div>
  187.                                             </div>
  188.                                             <div class="form-group">
  189.                                                 <div class="checkbox">
  190.                                                     <div class="custom-checkbox">
  191.                                                         <label for="filtro_propiedad_tipo_6" class="custom-checkbox">Oficina
  192.                                                             <input type="checkbox" name="filtro_propiedad_tipo[]" id="filtro_propiedad_tipo_6" value="6">
  193.                                                             <div class="checkmark"></div>
  194.                                                         </label>
  195.                                                     </div>
  196.                                                 </div>
  197.                                             </div>
  198.                                             <div class="form-group">
  199.                                                 <div class="checkbox">
  200.                                                     <div class="custom-checkbox">
  201.                                                         <label for="filtro_propiedad_tipo_7" class="custom-checkbox">Parcela
  202.                                                             <input type="checkbox" name="filtro_propiedad_tipo[]" id="filtro_propiedad_tipo_7" value="7">
  203.                                                             <div class="checkmark"></div>
  204.                                                         </label>
  205.                                                     </div>
  206.                                                 </div>
  207.                                             </div>
  208.                                         </div>
  209.                                         <div class="filter-attributes">
  210.                                             <h6>Dormitorios :</h6>
  211.                                             <div class="form-group">
  212.                                                 <select name="filtro_propiedad_dormitorios" id="filtro_propiedad_dormitorios" class="form-control">
  213.                                                     <option value="">Seleccionar</option>
  214.                                                     <option value="1">1</option>
  215.                                                     <option value="2">2</option>
  216.                                                     <option value="3">3</option>
  217.                                                     <option value="4">4</option>
  218.                                                     <option value="5">+5</option>
  219.                                                 </select>
  220.                                             </div>
  221.                                         </div>
  222.                                         <div class="filter-attributes">
  223.                                             <h6>Baños :</h6>
  224.                                             <div class="form-group">
  225.                                                 <select name="filtro_propiedad_banios" id="filtro_propiedad_banios" class="form-control">
  226.                                                     <option value="">Seleccionar</option>
  227.                                                     <option value="1">1</option>
  228.                                                     <option value="2">2</option>
  229.                                                     <option value="3">+3</option>
  230.                                                 </select>
  231.                                             </div>
  232.                                         </div>
  233.                                         <div class="filter-attributes">
  234.                                             <h6>Valor hasta :</h6>
  235.                                             <div class="form-group">
  236.                                                 <select name="filtro_propiedad_valor" id="filtro_propiedad_valor" class="form-control">
  237.                                                     <option value="">Seleccionar</option>
  238.                                                     <option value="101000">$ 100.000</option>
  239.                                                     <option value="151000">$ 150.000</option>
  240.                                                     <option value="201000">$ 200.000</option>
  241.                                                     <option value="251000">$ 250.000</option>
  242.                                                     <option value="301000">$ 300.000</option>
  243.                                                     <option value="351000">$ 350.000</option>
  244.                                                     <option value="401000">$ 400.000</option>
  245.                                                     <option value="451000">$ 450.000</option>
  246.                                                     <option value="501000">$ 500.000</option>
  247.                                                     <option value="99999999">$ +500.000</option>
  248.                                                 </select>
  249.                                             </div>
  250.                                         </div>
  251.                                         <input type="button" id="clear_filters" class="btn-e btn-e-primary btn-sm" value="Limpiar filtro">
  252.                                     </div>
  253.                                 </div>
  254.                             </aside>
  255.                         </div>
  256.                     </div>
  257.                     <!-- END - Aside -->
  258.                 </form>    
  259.                 <!-- START - Pagination -->
  260.                 <div class="col-md-12">
  261.                     <nav class="no-full">
  262.                         <ul class="pagination pagination-center">
  263.                             <li class="pagPrevLi disabled"><a onclick="cargarPagina(1, false); return false;" href="#" aria-label="Previous" data="1"><span aria-hidden="true">«</span></a></li>
  264.                             {% for i in 1..numPaginas %}
  265.                                 {% set classActiva = '' %}
  266.                                 {% if i == 1 %}
  267.                                     {% set classActiva = 'active' %}
  268.                                 {% endif %}
  269.                                    <li class="{{classActiva}}"><a onclick="cargarPagina({{i}}, false); return false;" class="pagLink" href="#" data="{{i}}" >{{i}}</a></li>
  270.                             {% endfor %}
  271.                             <li class="pagNextLi"><a class="pagNext" onclick="cargarPagina(2, false); return false;" href="#" aria-label="Next" data="2"><span aria-hidden="true">»</span></a></li>
  272.                         </ul>
  273.                     </nav>
  274.                 </div>
  275.                 <!-- END - Pagination -->
  276.             </div>
  277.         </div>
  278.     </div>
  279. {% endblock %}
  280. {% block javascripts %}
  281.     <script>
  282.         function cargarComunas(obj){
  283.             $('#filtro_propiedad_comuna').html('<option value="">Seleccionar</option>');
  284.             var idRegion = $(obj).val();
  285.             var path = Routing.generate("cargar_comunas_filtro");
  286.             $.ajax({
  287.                 url: path,
  288.                 type: 'POST',
  289.                 data: {idRegion: idRegion},
  290.                 success: function (results) {
  291.                     $.each(results, function(index, val) {
  292.                         $('#filtro_propiedad_comuna').append('<option value="'+index+'">'+val+'</option>');
  293.                     });
  294.                     $('#filtro_propiedad_comuna').trigger("chosen:updated");
  295.                 },
  296.                 error: function (e) {
  297.                     console.log(e);
  298.                 }
  299.             });
  300.         }
  301.         function cargarPagina(page, flag){
  302.             var numPaginas = '{{numPaginas}}';
  303.             page = parseInt(page);
  304.             if(page >= 1){
  305.                 $('.pagPrevLi').removeClass('disabled');
  306.                 var path       = Routing.generate("arriendos_aplicar_filtro");
  307.                 var formulario = $("#form_filtro_propiedades").serialize()+ '&filtro_propiedad_pagina=' + page+ '&filtro_propiedad_flag=' + flag;
  308.                 $.ajax({
  309.                     type: "POST",
  310.                     url: path,
  311.                     data: formulario,
  312.                     success: function(results) {
  313.                         $('.pagination li').removeClass('active');
  314.                         if(page == numPaginas){
  315.                             $('.pagNextLi').addClass('disabled');
  316.                         }else{
  317.                             $('.pagNextLi').removeClass('disabled');
  318.                             $('.pagNext').attr("data",  page + 1);                            
  319.                         }
  320.                         if(page == 1){ $('.pagPrevLi').addClass('disabled'); }
  321.                         $('.pagLink[data="'+page+'"]').parent().addClass('active');
  322.                         $("#gallery .row").html(results);
  323.                     }
  324.                 });
  325.                 }
  326.         }
  327.         $(document).ready(function() {        
  328.              $('#navbar-menu ul li').removeClass('active');
  329.             $('#navbar-menu ul li.li_arriendos').addClass('active');
  330.             $('#filtro_propiedad_region').chosen();
  331.             $('#filtro_propiedad_comuna').chosen();
  332.             $('#form_filtro_propiedades').on("change", function(){
  333.                 var page       = $('.pagination .active a').attr('data');
  334.                 var numPaginas = '{{numPaginas}}';
  335.                 
  336.                 var path = Routing.generate("arriendos_aplicar_filtro");    
  337.                 var formulario = $("#form_filtro_propiedades").serialize()+ '&filtro_propiedad_pagina=' + 1;
  338.                 $.ajax({
  339.                     url: path,
  340.                     type: 'POST',
  341.                     data: formulario,
  342.                     success: function (results) {                        
  343.                         $("#gallery .row").html(results);
  344.                     },
  345.                     error: function (e) {
  346.                         console.log(e);
  347.                     }
  348.                 });
  349.             });
  350.         });
  351.     </script>
  352. {% endblock %}