<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>

<div class="section-container">
	<div class="row">
		<div class="span7">
			<h1>Mis plazas de parking</h1>
		</div>
		<div class="span3">
			<button data-url="/parkingPlace/register" data-action="add-vehicle" type="button" class="btn btn-large btn-primary pull-right">
				<i class="icon-plus-sign icon-white"></i> Añadir una plaza</button>
		</div>
	</div>
	<p>A continuación se muestra una lista de todos las plazas de parking que se has registrado en ParkAndSave.</p>
	<div id="vehicle-list">
		<c:choose>
			<c:when test="${not empty myPLaces}">
				<div class="infobox">
					<div class="inner-container">
						<ul class="listings">
							<c:forEach var="place" items="${myPLaces}" varStatus="status">
								<li id="${place.id}" class="clearfix">
									<div class="row">
										<div class="span6">
											<div class="listing-container">
												<div class="heading clearfix">
													<span class="title"><a title="${place.name}" href="/parkandsave/parkingPlace/get/${place.id}"><c:out value="${place.name}"/></a></span>
												</div>
												<div class="subhead clearfix">
													<div class="rating-area">
														<span class="unreviewed">
															<c:out value="${place.address}"/>, <c:out value="${place.city}"/> (<c:out value="${place.zipCode}"/>)
														</span> 
													</div>
												</div>
												<div class="btn-group">
								        			<a title="Editar su plaza de aparcamiento" href="/parkingPlace/modify/get/${place.id}" class="btn btn-primary">Editar</a> 
							            			<a title="Evitar la reserva de su plaza de aparcamiento" href="/parkingPlace/disable/get/${place.id}" rel="overlay" data-toggle="modal" class="btn">Inhabilitar</a>
							            			<a title="Eliminar su plaza de aparcamiento" href="/parkingPlace/delete/get/${place.id}" rel="overlay" data-toggle="modal" class="btn">Eliminar</a>
												</div>
											</div>
										</div>
										<div class="span3">
											<div class="static-map">
									            <img width="218" height="99" alt="Parking space location" 
									            	src="//maps.googleapis.com/maps/api/staticmap?center=${place.latitud}%2C${place.longitud}&amp;size=218x99&amp;zoom=15&amp;sensor=false">
<!-- 									            <img width="218" height="99" alt="Parking space location"  -->
<!-- 									            	src="//maps.googleapis.com/maps/api/staticmap?center=41.392314%2C2.158841&amp;size=218x99&amp;zoom=15&amp;sensor=false&amp;visual_refresh=true&amp;markers=icon%3Ahttps%253A%252F%252Fwww.parkatmyhouse.com%252Fmedia%252Fimg%252Ficons%252Fmap-markers%252Flarge%252Fmap-marker.png%7C41.392314%2C2.158841&amp;key=AIzaSyB2bEpYuQa2bDYdfP14jJb4qLCwO2SBm24"> -->
									        </div>
										</div>
									</div>
								</li>
							</c:forEach>
						</ul>
					</div>
				</div>
			</c:when>
			<c:otherwise>
				<div class="alert alert-info alert-block">
					<h4 class="alert-heading">No tiene actualmente ningún plazas de aparcamiento que figuran en alquiler</h4>
					Sólo se tarda unos pocos minutos y es completamente gratis para anunciar su plaza de aparcamiento en ParkAndSave. ¿Porqué no <a href="/parkingPlace/register">añade una ahora?</a>.
				</div>
			</c:otherwise>
		</c:choose>
	</div>
</div>
