{% extends 'base.html.twig' %}{% block inner_head %} <div class="parallax inner-head" style="background-position: 50% 0px;"> <div class="container"> <div class="row"> <div class="col-md-12"> <i class="fa fa-users"></i> <h4>Arriendos</h4> <ol class="breadcrumb"> <li><a href="{{ path('inicio') }}">Inicio</a></li> <li ><a href="{{ path('arriendos') }}">Arriendos</a></li> <li class="active">Amoblados</li> </ol> </div> </div> </div> </div>{% endblock %}{% block body %} <div class="contain-wrapp padding-bottom-40"> <div class="container"> <div class="row"> <form id="form_filtro_propiedades"> <!-- Start products --> <div class="col-sm-8"> <div class="filter-block margin-bottom-20"> <div class="row"> <div class="margin-bottom-15 col-sm-4"> <label>Ordenar por :</label> <select id="filtro_propiedad_ordenar" name="filtro_propiedad_ordenar" class="form-control"> <option value="">Seleccionar</option> <option value="fecha">último en agregar</option> <option value="menor_precio">menor precio</option> <option value="mayor_precio">mayor precio</option> </select> </div> <div class="col-sm-8"> <div class="result"> <span class="totalResultados highlight primary">{{totalPropiedades}} resultados</span> </div> </div> </div> </div> <div id="gallery" class="masonry gallery"> <div class="row"> {% for propiedad in arrPropiedades %} <div data-filter="home" class="grid-item col-sm-4 col-xs-6"> <div class="img-wrapper"> <div class="img-caption ecadaZoomInDown animated zoomOutDown"> {% for imagen in propiedad.imagenes %} {% if loop.first %} <a href="{{ asset('uploads/' ~ imagen.nombre) }}" data-pretty="prettyPhoto" class="zoomer"> <i class="fa fa-eye"></i> </a> {% endif %} {% endfor %} </div> {% for imagen in propiedad.imagenes %} {% if loop.first %} <img src="{{ asset('uploads/' ~ imagen.nombre) }}" class="img-responsive" alt="" style="height:220px;width: 350px;" /> {% endif %} {% endfor %} </div> <div class="img-containt text-center"> <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> <strong>{% if propiedad.valor > 0 %} $ {{propiedad.valor|number_format(0, '', '.') }} {% else %} {{propiedad.uf}} UF {% endif %}</strong> <ul class="img-footer"> <li><i class="fa fa-bed"></i> {{propiedad.dormitorios}} </li> <li><i class="fa fa-bath"></i> {{propiedad.banios}} </li> </ul> </div> </div> {% endfor %} </div> </div> <div class="clearfix"></div> </div> <!-- End products --> <!-- START - Aside --> <div class="col-sm-4"> <div class="filter-sidebar"> <aside> <div class="widget"> <h5 class="widget-head">Región</h5> <div class="margin-bottom-15"> <select class="form-control" onchange="cargarComunas(this);" id="filtro_propiedad_region" name="filtro_propiedad_region"> <option value="">Seleccionar</option> {% for region in oRegiones %} <option value="{{region.id}}">{{region.nombre}}</option> {% endfor %} </select> </div> <h5 class="widget-head">Comuna</h5> <div class="margin-bottom-15"> <select class="form-control" id="filtro_propiedad_comuna" name="filtro_propiedad_comuna"> <option value="">Seleccionar</option> </select> </div> </div> <div class="widget"> <h5 class="widget-head">Filtros</h5> <div id="filters"> <div class="filter-attributes form-inline"> <h6>Modalidad :</h6> <div class="form-group"> <div class="checkbox"> <div class="custom-checkbox"> <label for="filtro_propiedad_modalidad_1" class="custom-checkbox">Arriendo <input type="checkbox" name="filtro_propiedad_modalidad[]" id="filtro_propiedad_modalidad_1" value="1"> <div class="checkmark"></div> </label> </div> </div> </div> <div class="form-group"> <div class="checkbox"> <div class="custom-checkbox"> <label for="filtro_propiedad_modalidad_2" class="custom-checkbox">Arriendo amoblado <input type="checkbox" name="filtro_propiedad_modalidad[]" id="filtro_propiedad_modalidad_2" value="2" checked="checked"> <div class="checkmark"></div> </label> </div> </div> </div> <div class="form-group"> <div class="checkbox"> <div class="custom-checkbox"> <label for="filtro_propiedad_modalidad_3" class="custom-checkbox">Venta <input type="checkbox" name="filtro_propiedad_modalidad[]" id="filtro_propiedad_modalidad_3" value="3"> <div class="checkmark"></div> </label> </div> </div> </div> </div> <div class="filter-attributes form-inline"> <h6>Tipo de propiedad:</h6> <div class="form-group"> <div class="checkbox"> <div class="custom-checkbox"> <label for="filtro_propiedad_tipo_1" class="custom-checkbox">Casa <input type="checkbox" name="filtro_propiedad_tipo[]" id="filtro_propiedad_tipo_1" value="1"> <div class="checkmark"></div> </label> </div> </div> </div> <div class="form-group"> <div class="checkbox"> <div class="custom-checkbox"> <label for="filtro_propiedad_tipo_2" class="custom-checkbox">Comercial <input type="checkbox" name="filtro_propiedad_tipo[]" id="filtro_propiedad_tipo_2" value="2"> <div class="checkmark"></div> </label> </div> </div> </div> <div class="form-group"> <div class="checkbox"> <div class="custom-checkbox"> <label for="filtro_propiedad_tipo_3" class="custom-checkbox">Departamento <input type="checkbox" name="filtro_propiedad_tipo[]" id="filtro_propiedad_tipo_3" value="3"> <div class="checkmark"></div> </label> </div> </div> </div> <div class="form-group"> <div class="checkbox"> <div class="custom-checkbox"> <label for="filtro_propiedad_tipo_4" class="custom-checkbox">Estacionamiento <input type="checkbox" name="filtro_propiedad_tipo[]" id="filtro_propiedad_tipo_4" value="4"> <div class="checkmark"></div> </label> </div> </div> </div> <div class="form-group"> <div class="checkbox"> <div class="custom-checkbox"> <label for="filtro_propiedad_tipo_5" class="custom-checkbox">Hotel <input type="checkbox" name="filtro_propiedad_tipo[]" id="filtro_propiedad_tipo_5" value="5"> <div class="checkmark"></div> </label> </div> </div> </div> <div class="form-group"> <div class="checkbox"> <div class="custom-checkbox"> <label for="filtro_propiedad_tipo_6" class="custom-checkbox">Oficina <input type="checkbox" name="filtro_propiedad_tipo[]" id="filtro_propiedad_tipo_6" value="6"> <div class="checkmark"></div> </label> </div> </div> </div> <div class="form-group"> <div class="checkbox"> <div class="custom-checkbox"> <label for="filtro_propiedad_tipo_7" class="custom-checkbox">Parcela <input type="checkbox" name="filtro_propiedad_tipo[]" id="filtro_propiedad_tipo_7" value="7"> <div class="checkmark"></div> </label> </div> </div> </div> </div> <div class="filter-attributes"> <h6>Dormitorios :</h6> <div class="form-group"> <select name="filtro_propiedad_dormitorios" id="filtro_propiedad_dormitorios" class="form-control"> <option value="">Seleccionar</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">+5</option> </select> </div> </div> <div class="filter-attributes"> <h6>Baños :</h6> <div class="form-group"> <select name="filtro_propiedad_banios" id="filtro_propiedad_banios" class="form-control"> <option value="">Seleccionar</option> <option value="1">1</option> <option value="2">2</option> <option value="3">+3</option> </select> </div> </div> <div class="filter-attributes"> <h6>Valor hasta :</h6> <div class="form-group"> <select name="filtro_propiedad_valor" id="filtro_propiedad_valor" class="form-control"> <option value="">Seleccionar</option> <option value="101000">$ 100.000</option> <option value="151000">$ 150.000</option> <option value="201000">$ 200.000</option> <option value="251000">$ 250.000</option> <option value="301000">$ 300.000</option> <option value="351000">$ 350.000</option> <option value="401000">$ 400.000</option> <option value="451000">$ 450.000</option> <option value="501000">$ 500.000</option> <option value="99999999">$ +500.000</option> </select> </div> </div> <input type="button" id="clear_filters" class="btn-e btn-e-primary btn-sm" value="Limpiar filtro"> </div> </div> </aside> </div> </div> <!-- END - Aside --> </form> <!-- START - Pagination --> <div class="col-md-12"> <nav class="no-full"> <ul class="pagination pagination-center"> <li class="pagPrevLi disabled"><a onclick="cargarPagina(1, false); return false;" href="#" aria-label="Previous" data="1"><span aria-hidden="true">«</span></a></li> {% for i in 1..numPaginas %} {% set classActiva = '' %} {% if i == 1 %} {% set classActiva = 'active' %} {% endif %} <li class="{{classActiva}}"><a onclick="cargarPagina({{i}}, false); return false;" class="pagLink" href="#" data="{{i}}" >{{i}}</a></li> {% endfor %} <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> </ul> </nav> </div> <!-- END - Pagination --> </div> </div> </div>{% endblock %}{% block javascripts %} <script> function cargarComunas(obj){ $('#filtro_propiedad_comuna').html('<option value="">Seleccionar</option>'); var idRegion = $(obj).val(); var path = Routing.generate("cargar_comunas_filtro"); $.ajax({ url: path, type: 'POST', data: {idRegion: idRegion}, success: function (results) { $.each(results, function(index, val) { $('#filtro_propiedad_comuna').append('<option value="'+index+'">'+val+'</option>'); }); $('#filtro_propiedad_comuna').trigger("chosen:updated"); }, error: function (e) { console.log(e); } }); } function cargarPagina(page, flag){ var numPaginas = '{{numPaginas}}'; page = parseInt(page); if(page >= 1){ $('.pagPrevLi').removeClass('disabled'); var path = Routing.generate("arriendos_aplicar_filtro"); var formulario = $("#form_filtro_propiedades").serialize()+ '&filtro_propiedad_pagina=' + page+ '&filtro_propiedad_flag=' + flag; $.ajax({ type: "POST", url: path, data: formulario, success: function(results) { $('.pagination li').removeClass('active'); if(page == numPaginas){ $('.pagNextLi').addClass('disabled'); }else{ $('.pagNextLi').removeClass('disabled'); $('.pagNext').attr("data", page + 1); } if(page == 1){ $('.pagPrevLi').addClass('disabled'); } $('.pagLink[data="'+page+'"]').parent().addClass('active'); $("#gallery .row").html(results); } }); } } $(document).ready(function() { $('#navbar-menu ul li').removeClass('active'); $('#navbar-menu ul li.li_arriendos').addClass('active'); $('#filtro_propiedad_region').chosen(); $('#filtro_propiedad_comuna').chosen(); $('#form_filtro_propiedades').on("change", function(){ var page = $('.pagination .active a').attr('data'); var numPaginas = '{{numPaginas}}'; var path = Routing.generate("arriendos_aplicar_filtro"); var formulario = $("#form_filtro_propiedades").serialize()+ '&filtro_propiedad_pagina=' + 1; $.ajax({ url: path, type: 'POST', data: formulario, success: function (results) { $("#gallery .row").html(results); }, error: function (e) { console.log(e); } }); }); }); </script>{% endblock %}