templates/default/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block slide %}
  3.     <div class="wrap-estate">
  4.         <div id="bg-slideestate" class="bg-slideestate"></div>
  5.         <div class="container">
  6.             <form id="form_buscar_propiedad" action="{{ path('buscar_propiedad') }}" method="POST">
  7.                 <div class="form-locations">
  8.                     <h5>
  9.                         Buscador de propiedades
  10.                     </h5>
  11.                     <div class="form-group">
  12.                         <label for="bus_propiedad_modalidad">Modalidad</label>
  13.                         <select id="bus_propiedad_modalidad" name="bus_propiedad_modalidad" class="form-control">
  14.                             {% for modalidad in oModalidad %}
  15.                                 <option value="{{modalidad.id}}">{{modalidad.modalidad}}</option>
  16.                             {% endfor %}
  17.                         </select>
  18.                     </div>
  19.                     <div class="form-group">
  20.                         <label for="bus_propiedad_tipoPropiedad">Tipo propiedad</label>
  21.                         <select id="bus_propiedad_tipoPropiedad" name="bus_propiedad_tipoPropiedad" class="form-control">
  22.                             <option value="">Seleccionar</option>
  23.                             {% for tipoPropiedad in oTipoPropiedad %}
  24.                                 <option value="{{tipoPropiedad.id}}">{{tipoPropiedad.tipo}}</option>
  25.                             {% endfor %}
  26.                         </select>
  27.                     </div>
  28.                     <div class="form-group">
  29.                         <label for="bus_propiedad_region">Región</label>
  30.                         <select class="form-control" onChange="cargarComunas(this);" id="bus_propiedad_region" name="bus_propiedad_region">
  31.                             <option value="">Seleccionar</option>
  32.                             {% for region in oRegiones %}
  33.                                 <option value="{{region.id}}">{{region.nombre}}</option>
  34.                             {% endfor %}
  35.                         </select>
  36.                     </div>
  37.                     <div class="form-group">
  38.                         <label for="bus_propiedad_comuna">Comuna</label>
  39.                         <select id="bus_propiedad_comuna" name="bus_propiedad_comuna" class="form-control">
  40.                             <option value="">Seleccionar</option>
  41.                         </select>
  42.                     </div>
  43.                     <div class="form-group">
  44.                         <label for="bus_propiedad_valor_hasta">Valor hasta</label>                    
  45.                         <select id="bus_propiedad_valor_hasta" name="bus_propiedad_valor_hasta" class="form-control">
  46.                             <option value="0">Seleccionar</option>
  47.                             <option value="150000">$ 0 - $ 150.000</option>
  48.                             <option value="300000">$ 150.000 - $ 300.000</option>
  49.                             <option value="450000">$ 300.000 - $ 450.000</option>
  50.                             <option value="600000">$ 450.000 - $ 600.000</option>
  51.                             <option value="750000">$ 600.000 - $ 750.000</option>
  52.                             <option value="900000">$ 750.000 - $ 900.000</option>
  53.                             <option value="1050000">$ 900.000 - $ 1.050.000</option>
  54.                             <option value="1200000">$ 1.050.000 - $ 1.200.000</option>
  55.                             <option value="999999999">$ +$ 1.200.000</option>
  56.                         </select>
  57.                     </div>
  58.                     <div class="form-group">
  59.                         <button  href="#" class="btn-e btn-e-primary btn-icon btn-block" type="submmit">
  60.                             Buscar <i class="fa fa-search"></i>
  61.                         </button>
  62.                     </div>
  63.                 </div>
  64.             </form>
  65.         </div>
  66.     </div>
  67. {% endblock %}
  68. {% block propiedades_destacadas %}
  69.     <div class="contain-wrapp gallery-home">
  70.         <div class="container">
  71.             <div class="row">
  72.                 <div class="col-md-8 col-md-offset-2">
  73.                     <div class="section-heading">
  74.                         <h3>Propiedades destacadas</h3>
  75.                         <i class="fa fa-user"></i>
  76.                     </div>
  77.                 </div>
  78.             </div>
  79.             <div class="row">
  80.                 <div id="gallery_inicio" class="col-md-12">
  81.                     <ul class="filter-items">
  82.                         <li><a href="#" data-filter="" class="active">Todos</a></li>
  83.                         <li><a href="#" data-filter="casa">Casa</a></li>
  84.                         <li><a href="#" data-filter="comercial">Comercial</a></li>
  85.                         <li><a href="#" data-filter="departamento">Departamento</a></li>
  86.                         <li><a href="#" data-filter="estacionamiento">Estacionamiento</a></li>
  87.                         <li><a href="#" data-filter="hotel">Hotel</a></li>
  88.                         <li><a href="#" data-filter="oficina">Oficina</a></li>
  89.                         <li><a href="#" data-filter="parcela">Parcela</a></li>
  90.                     </ul>
  91.                     <div id="gallery" class="masonry gallery">
  92.                         <div class="row">
  93.                             {% for propiedad in arrPropiedades %}
  94.                                 <div data-filter="{{propiedad.tipoPropiedad|lower}}" class="grid-item col-sm-4 col-xs-6">
  95.                                     <div class="img-wrapper">
  96.                                         <div class="img-caption ecadaZoomInDown">
  97.                                             {% for imagen in propiedad.imagenes %}
  98.                                                 {% if loop.first %}
  99.                                                     <a href="{{ asset('uploads/' ~ imagen.nombre) }}" data-pretty="prettyPhoto" class="zoomer">
  100.                                                         <i class="fa fa-eye"></i>
  101.                                                     </a> 
  102.                                                 {% endif %}
  103.                                             {% endfor %}
  104.                                         </div>
  105.                                         {% for imagen in propiedad.imagenes %}
  106.                                             {% if loop.first %}
  107.                                                 <img src="{{ asset('uploads/' ~ imagen.nombre) }}" class="img-responsive" alt="" style="height:260px;width: 350px;" />
  108.                                             {% endif %}
  109.                                         {% endfor %}
  110.                                     </div>
  111.                                     <div class="img-containt text-center" style="width: 350px;">
  112.                                         <div><a href="{{ path('propiedad_detalle', { 'id': propiedad.id }) }}">{% if propiedad.titulo|length > 35 %}{{propiedad.titulo|slice(0, 35) ~ '...'}}{% else %}{{propiedad.titulo}}{% endif %}</a></div>
  113.                                         <strong>{% if propiedad.valor > 0 %} $ {{propiedad.valor|number_format(0, '', '.') }} {% else %} {{propiedad.uf}} UF {% endif %}</strong>
  114.                                         <ul class="img-footer">
  115.                                             <li><i class="fa fa-bed"></i>{{propiedad.dormitorios}}</li>
  116.                                             <li><i class="fa fa-bath"></i>{{propiedad.banios}}</li>
  117.                                         </ul>
  118.                                     </div>
  119.                                 </div>
  120.                             {% endfor %}
  121.                         </div>
  122.                     </div>
  123.                     <!-- END - Images Gallery -->
  124.                 </div>
  125.             </div>
  126.             <div class="col-md-12">
  127.                 <nav class="no-full">
  128.                     <ul class="pagination pagination-center">
  129.                         <li class="pagPrevLi disabled"><a onclick="cargarPagina(1, false); return false;" href="#" aria-label="Previous" data="1"><span aria-hidden="true">«</span></a></li>
  130.                         {% for i in 1..numPaginas %}
  131.                             {% set classActiva = '' %}
  132.                             {% if i == 1 %}
  133.                                 {% set classActiva = 'active' %}
  134.                             {% endif %}
  135.                                <li class="{{classActiva}}"><a onclick="cargarPagina({{i}}, false); return false;" class="pagLink" href="#" data="{{i}}" >{{i}}</a></li>
  136.                         {% endfor %}
  137.                         <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>
  138.                     </ul>
  139.                 </nav>
  140.             </div>
  141.         </div>
  142.     </div>
  143. {% endblock %}
  144. {% block javascripts %}
  145.     <script>
  146.         
  147.         function cargarComunas(obj){
  148.             $('#bus_propiedad_comuna').html('<option value="">Seleccionar</option>');
  149.             var idRegion = $(obj).val();
  151.             var path = Routing.generate("cargar_comunas_buscador");
  153.             $.ajax({
  154.                 url: path,
  155.                 type: 'POST',
  156.                 data: {idRegion: idRegion},
  157.                 success: function (results) {
  158.                     $.each(results, function(index, val) {
  159.                         $('#bus_propiedad_comuna').append('<option value="'+index+'">'+val+'</option>');
  160.                     });
  161.                     $('#bus_propiedad_comuna').trigger("chosen:updated");
  162.                 },
  163.                 error: function (e) {
  164.                     console.log(e);
  165.                 }
  166.             });
  167.         }
  169.         $(document).ready(function() {
  171.             $('#bus_propiedad_region').chosen();
  172.             $('#bus_propiedad_comuna').chosen();
  174.             var vegas = function() {
  175.                 'use strict';
  176.                 $('#bg-slideestate').vegas({
  177.                     slides: [
  178.                      {
  179.                         src: "{{ asset('img/slider/vegas/real-estate/001.jpg') }}"
  180.                     },
  181.                     {
  182.                         src: "{{ asset('img/slider/vegas/real-estate/002.jpg') }}"
  183.                     },
  184.                     {
  185.                         src: "{{ asset('img/slider/vegas/real-estate/003.jpg') }}"
  186.                     }                      
  187.                     ],
  188.                     animation: 'kenburnsLeft',
  189.                     transitionDuration: 5000,
  190.                     delay: 7000
  191.                 });
  192.             }();
  194.             $('#navbar-menu ul li').removeClass('active');
  195.             $('#navbar-menu ul li.li_inicio').addClass('active');
  196.         });
  197.     </script>
  198. {% endblock %}