{% extends 'base_explore.html.twig' %}
{% block title %}Busqueda Sitios{% endblock %}
{% block body %}
{{ include('components/home_navbar/header.html.twig') }}
<!-- Left Side Navigation -->
<div id="leftSide">
<div class="leftUserWraper dropup">
<a href="#" class="avatarAction dropdown-toggle" data-toggle="dropdown">
{# <img class="avatar" src="{{ asset('web/images/avatar-1.png') }}" alt="avatar"><span class="counter">5</span>#}
<div class="userBottom pull-left">
<span class="bottomUserName">John Smith</span> <span class="fa fa-angle-up pull-right arrowUp"></span>
</div>
<div class="clearfix"></div>
</a>
<ul class="dropdown-menu" role="menu">
<li><a href="#"><span class="icon-settings"></span>Settings</a></li>
<li><a href="profile.html"><span class="icon-user"></span>Profile</a></li>
<li><a href="#"><span class="icon-bell"></span>Notifications <span class="badge pull-right bg-red">5</span></a></li>
<li class="divider"></li>
<li><a href="#"><span class="icon-power"></span>Logout</a></li>
</ul>
</div>
</div>
<div class="closeLeftSide"></div>
<!-- Content -->
<div id="wrapper">
<div id="mapView">
<div class="mapPlaceholder"><span class="fa fa-spin fa-spinner"></span> Cargando mapa...</div>
</div>
<div id="content">
<div class="filter">
<h1 class="osLight">Filtro de Sitios</h1>
<a href="#" class="handleFilter"><span class="icon-equalizer"></span></a>
<div class="clearfix"></div>
<form class="form-inline" action="{{ path('busqueda_sitios') }}" method="post">
<div class="form-group">
<input type="text" class="form-control" name="descripcion" id="descripcion_busqueda" placeholder="Descripcion del sitio" autocomplete="off" value="{{ data is defined ? (data.descripcion is defined ? data.descripcion : '') : '' }}">
</div>
<div class="hidden">
<select class="form-control" name="ciudades" id="select_ciudades_home">
<option value=""> Selecciona Ciudad </option>
{% for ciudad in ciudades %}
<option value="{{ ciudad.getId }}" {{ data.ciudades is defined ? ( ciudad.getId == data.ciudades ? 'selected' : '' ) : '' }}> {{ ciudad.getNombre }} </option>
{% endfor %}
</select>
</div>
<div class="hidden">
<select class="form-control" name="estado" id="select_estado">
<option value=""> Selecciona Estado </option>
<option value="Activo">Activo</option>
<option value="No Activo">No Activo</option>
</select>
</div>
<div class="form-group">
<button type="submit" class="btn btn-info">Buscar</button>
</div>
</form>
</div>
<div class="resultsList">
<div class="row">
{% for sitio in sitios %}
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
<a href="{{ path('sitio_individual', {'id': sitio.getId }) }}" class="card">
<div class="figure">
<img src="{{asset('uploads/imagen_principal/')}}{{ sitio.getImagenPrincipal }}" alt="image">
<div class="figCaption">
<div>{{ sitio.getValor }}</div>
</div>
<div class="figView"><span class="icon-eye"></span></div>
<div class="figType">{{ sitio.getEstado }}</div>
</div>
<h2>{{ sitio.getIdCiudad.getNombre }}</h2>
<div class="cardAddress"><span class="icon-pointer"></span> {{ sitio.getDireccion }}</div>
<div class="clearfix"></div>
</a>
</div>
{% endfor %}
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
{% endblock %}