<div class="container position-relative">
<?php echo $this->element('Frontend/Inmuebles/filtro') ?>
    <?php //echo $this->element('Frontend/Home/buscador') ?>
</div>

<section id="tabs-properties" class="mb-5">
    <div class="content-tabs-properties-list">

        <div class="d-flex">
            <ul class="list-inline mx-auto justify-content-center" id="tabs-home">
                <li>
                    <button data-tab="1" class="active">Inmuebles destacados</button>
                </li>
                <li>
                    <button data-tab="2">Venta</button>
                </li>
                <li>
                    <button data-tab="3">Alquiler</button>
                </li>
                <li>
                    <button data-tab="4">Obra Nueva</button>
                </li>
            </ul>
        </div> 
    </div> 
    <div class="container">
        <div class="row content-properties grid" data-tab="1">
            <?php
            foreach ($destacados as $l) {
                if(!empty($l['Inmueble']['id'])) {
                    ?>
                    <div class="col-sm-6 col-lg-4 item">
                        <?php 
                        echo $this->element('Frontend/Inmuebles/listado-grid', array('inmueble' => $l)); 
                        ?>
                    </div>
                    <?php 
                }
            }
            ?>
        </div>
        <div class="row content-properties grid d-none" data-tab="2">
            <?php
            foreach ($inmueblesVenta as $l) {
                if(!empty($l['Inmueble']['id'])) {
                    ?>
                    <div class="col-sm-6 col-lg-4 item">
                        <?php echo $this->element('Frontend/Inmuebles/listado-grid', array('inmueble' => $l)); ?>
                    </div>
                    <?php 
                }
            }
            ?>
        </div>
        <div class="row content-properties grid d-none" data-tab="3">
            <?php
            foreach ($inmueblesAlquiler as $l) {
                if(!empty($l['Inmueble']['id'])) {
                    ?>
                    <div class="col-sm-6 col-lg-4 item">
                        <?php echo $this->element('Frontend/Inmuebles/listado-grid', array('inmueble' => $l)); ?>
                    </div>
                    <?php 
                }
            }
            ?>
        </div>
        <div class="row content-properties grid d-none" data-tab="4">
            <?php
            foreach ($inmueblesObraNueva as $l) {
                if(!empty($l['Inmueble']['id'])) {
                    ?>
                    <div class="col-sm-6 col-lg-4 item">
                        <?php echo $this->element('Frontend/Inmuebles/listado-grid', array('inmueble' => $l)); ?>
                    </div>
                    <?php 
                }
            }
            ?>
        </div>
    </div>
</section>


<?php echo $this->element('Frontend/services') ?>


<style type="text/css">
    html, body {
      margin: 0;
      padding: 0;
  }

  * {
      box-sizing: border-box;
  }

  html.pages-home .content-properties-searcher {
    border-radius: 10px;
    margin-top: -80px;
  }

  .slider {
    width: 50%;
    margin: 100px auto;
}

.slick-slide {
  margin: 0px 20px;
}

.slick-slide img {
  width: 100%;
}

.slick-prev:before,
.slick-next:before {
  color: black;
}


.slick-slide {
  transition: all ease-in-out .3s;
  opacity: .2;
}

.slick-active {
  opacity: .5;
}

.slick-current {
  opacity: 1;
}
</style>

<?php echo $this->element('Frontend/team') ?>