{extends Layout}

{block content}
	{if empty($flash) === false}
	<div class="flashes">
	{loop $flash as $message}
		<div class="alert alert-{$message[0]}">{$message[1]}</div>
	{/loop}
	</div>
	{/if}

	<h1>{$object['name']}</h1>

	{if empty($object['short_description']) === false}
	<p>{$object['short_description']}</p>
	{/if}

	<div id="object-details" class="two-columns">
		<div class="column left-column">
			<div class="swiper-container">
				<div class="swiper-wrapper">
			{loop $object['photos'] as $photo}
				{if $photo['id'] !== $object['floorsphoto']}
					<div class="swiper-slide"><img src="{url photo $photo['file'],'thumb','642x390'}" alt="{$object['name']}"></div>
				{/if}
			{/loop}
				</div>

				<div class="pagination"></div>
			</div>

			<div class="description">
				<h2>{% Popis objektu}</h2>
				{!$object['description']|format}
			</div>

			<table id="hotspots-list" class="floors-list">
				<thead>
					<tr>
						<th class="list-col-1">{% Poschodie}</th>
						<th class="list-col-2">{% Priestorov}</th>
						<th class="list-col-3">{% K dispozícii}</th>
					</tr>
				</thead>
				<tbody>
				{loop $object['floors'] as $floor}
					<tr data-hotspot="{$floor['hotspot']}" data-hotspot-color="{$floor['hotspot_color']}" data-hotspot-target="{url floor $object['id'],$floor['id']}">
						<td class="list-col-1">
							<a href="{url floor $object['id'],$floor['id']}">{$floor['name']}</a>
						</td>
						<td class="list-col-2">
							<a href="{url floor $object['id'],$floor['id']}">{$floor['spaces_count']}</a>
						</td>
						<td class="list-col-3">
							<a href="{url floor $object['id'],$floor['id']}">{$floor['free_spaces_count']}</a>
						</td>
					</tr>
				{/loop}
				</tbody>
			</table>
		</div>

		<div class="column right-column">
			{if count($object['floors']) > 0}
			<a href="{url floorSelect $object['id']}" id="floor-select-button">
				<strong><span>{% Vybrať}</span> <span>{% priestor}</span></strong>

				<img src="{url photo $object['floorsphoto_file'],'thumb','304x308'}" alt="{$object['name']}">
			</a>
			{else}
			<div class="google-map-canvas" data-lng="{$object['gm_lng']}" data-lat="{$object['gm_lat']}" data-zoom="{$object['gm_zoom']}"></div>
			{/if}

			<div class="location">
				<h2>{% Lokalita}</h2>

				{!$object['address']|format_address}
			</div>

			{if count($object['floors']) > 0}
			<div class="google-map-canvas" data-lng="{$object['gm_lng']}" data-lat="{$object['gm_lat']}" data-zoom="{$object['gm_zoom']}"></div>
			{/if}

		</div>
	</div>
{/block}