<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form" %>
<script type="text/javascript">
	var map;
	function initialize() {
		var image = "";
		var myLatlng = new google.maps.LatLng('${pplace.latitud}', '${pplace.longitud}');
		var mapOptions = {
		    zoom: 14,
		    center: myLatlng,
		    disableDefaultUI: true,
		    mapTypeId: google.maps.MapTypeId.ROADMAP
	  	};
		map = new google.maps.Map(document.getElementById('primalSpaceMap'), mapOptions);
	  
		var marker = new google.maps.Marker({
			position: myLatlng,
		    map: map,
		    title: '${pplace.name}'
		});
	}

	google.maps.event.addDomListener(window, 'load', initialize);
</script>

<div class="page-container">
	<div id="parking-header">
		<h1 style="display:inline;"><c:out value="${pplace.name}"/></h1>
		<h3><c:out value="${pplace.address}"/>, <c:out value="${pplace.city}"/>, <c:out value="${pplace.zipCode}"/></h3>
	</div>

	<div id="parking-content">
		<div id="parking-resbox" class="raised-box">
			<div id="primalSpaceMap" class="event-complete" style="background-color: rgb(229, 227, 223); overflow: hidden; position: relative; height: 300px;"></div>
		</div>
	</div>
	
	<div id="parking-right-rail">
		<div class="parking-calendar">
			<fieldset>
				<label>From:</label>
				<input type="text" autocomplete="off" value="28 Aug 2013" class="datepicker input-small phorm_field_date hasDatepicker" placeholder="Date" id="id2_start_date" name="start_date">
				<select name="start_time" id="id2_start_time" class="timepicker input-small phorm_field_time">
					<option value="">Time</option>
					<option value="00:00:00">12:00am</option>
					<option value="00:30:00">12:30am</option>
					<option value="01:00:00">1:00am</option>
					<option value="01:30:00">1:30am</option>
					<option value="02:00:00">2:00am</option>
					<option value="02:30:00">2:30am</option>
					<option value="03:00:00">3:00am</option>
					<option value="03:30:00">3:30am</option>
					<option value="04:00:00">4:00am</option>
					<option value="04:30:00">4:30am</option>
					<option value="05:00:00">5:00am</option>
					<option value="05:30:00">5:30am</option>
					<option value="06:00:00">6:00am</option>
					<option value="06:30:00">6:30am</option>
					<option value="07:00:00">7:00am</option>
					<option value="07:30:00">7:30am</option>
					<option value="08:00:00">8:00am</option>
					<option value="08:30:00">8:30am</option>
					<option value="09:00:00">9:00am</option>
					<option value="09:30:00">9:30am</option>
					<option value="10:00:00">10:00am</option>
					<option value="10:30:00">10:30am</option>
					<option value="11:00:00">11:00am</option>
					<option value="11:30:00">11:30am</option>
					<option value="12:00:00">12:00pm (Noon)</option>
					<option value="12:30:00">12:30pm</option>
					<option value="13:00:00">1:00pm</option>
					<option value="13:30:00">1:30pm</option>
					<option value="14:00:00">2:00pm</option>
					<option value="14:30:00">2:30pm</option>
					<option value="15:00:00">3:00pm</option>
					<option value="15:30:00">3:30pm</option>
					<option value="16:00:00">4:00pm</option>
					<option value="16:30:00">4:30pm</option>
					<option value="17:00:00">5:00pm</option>
					<option value="17:30:00">5:30pm</option>
					<option value="18:00:00">6:00pm</option>
					<option value="18:30:00">6:30pm</option>
					<option value="19:00:00">7:00pm</option>
					<option value="19:30:00">7:30pm</option>
					<option value="20:00:00">8:00pm</option>
					<option value="20:30:00">8:30pm</option>
					<option value="21:00:00">9:00pm</option>
					<option value="21:30:00">9:30pm</option>
					<option value="22:00:00">10:00pm</option>
					<option value="22:30:00">10:30pm</option>
					<option value="23:00:00">11:00pm</option>
					<option value="23:30:00">11:30pm</option>
					<option value="23:59:59">Midnight</option>
				</select>
			</fieldset>
			<fieldset>
				<label>To:</label>
				<input type="text" autocomplete="off" value="28 Aug 2013" class="datepicker input-small phorm_field_date hasDatepicker" placeholder="Date" id="id2_start_date" name="start_date">
				<select name="start_time" id="id2_start_time" class="timepicker input-small phorm_field_time">
					<option value="">Time</option>
					<option value="00:00:00">12:00am</option>
					<option value="00:30:00">12:30am</option>
					<option value="01:00:00">1:00am</option>
					<option value="01:30:00">1:30am</option>
					<option value="02:00:00">2:00am</option>
					<option value="02:30:00">2:30am</option>
					<option value="03:00:00">3:00am</option>
					<option value="03:30:00">3:30am</option>
					<option value="04:00:00">4:00am</option>
					<option value="04:30:00">4:30am</option>
					<option value="05:00:00">5:00am</option>
					<option value="05:30:00">5:30am</option>
					<option value="06:00:00">6:00am</option>
					<option value="06:30:00">6:30am</option>
					<option value="07:00:00">7:00am</option>
					<option value="07:30:00">7:30am</option>
					<option value="08:00:00">8:00am</option>
					<option value="08:30:00">8:30am</option>
					<option value="09:00:00">9:00am</option>
					<option value="09:30:00">9:30am</option>
					<option value="10:00:00">10:00am</option>
					<option value="10:30:00">10:30am</option>
					<option value="11:00:00">11:00am</option>
					<option value="11:30:00">11:30am</option>
					<option value="12:00:00">12:00pm (Noon)</option>
					<option value="12:30:00">12:30pm</option>
					<option value="13:00:00">1:00pm</option>
					<option value="13:30:00">1:30pm</option>
					<option value="14:00:00">2:00pm</option>
					<option value="14:30:00">2:30pm</option>
					<option value="15:00:00">3:00pm</option>
					<option value="15:30:00">3:30pm</option>
					<option value="16:00:00">4:00pm</option>
					<option value="16:30:00">4:30pm</option>
					<option value="17:00:00">5:00pm</option>
					<option value="17:30:00">5:30pm</option>
					<option value="18:00:00">6:00pm</option>
					<option value="18:30:00">6:30pm</option>
					<option value="19:00:00">7:00pm</option>
					<option value="19:30:00">7:30pm</option>
					<option value="20:00:00">8:00pm</option>
					<option value="20:30:00">8:30pm</option>
					<option value="21:00:00">9:00pm</option>
					<option value="21:30:00">9:30pm</option>
					<option value="22:00:00">10:00pm</option>
					<option value="22:30:00">10:30pm</option>
					<option value="23:00:00">11:00pm</option>
					<option value="23:30:00">11:30pm</option>
					<option value="23:59:59">Midnight</option>
				</select>
			</fieldset>
			<div class="btn-toolbar">
				<button data-loading-text="Loading..." class="btn btn-large btn-success" type="submit">Book now</button>
			</div>
		</div>
	</div>
</div>