{extends Layout}

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

	<div id="objects">
		{{$i = 0}}
		{loop $objects as $object}
		<a href="{url object $object['id']}" {class "object", ($object['width'] < $object['height']) ? "portrait" : "landscape", ($i % 2 === 0) ? "even" : "odd"} {!$object|size}>
			{!$object|mainphoto}
			<img src="{url photo $object['mainphoto_file'],'photo','650x650'}" class="mobile-mainphoto">

			<div class="info">
				<div class="wrapper">
					<h2><strong>{$object['name']}</strong> {$object['address']}</h2>
					<p>{$object['short_description']}</p>

					<div class="free-spaces">{% Voľné priestory}: {{echo count($object['spaces']);}}</div>

					{if count($object['spaces']) > 0}
					<table class="desktop">
						<caption>{% V ponuke}</caption>
						{loop $object['spaces'] as $space}
						{if $space['lodger'] === null}
							<tr>
								<th>{$space['name']}</th>
								<td>{$space['floor_name']}&nbsp;/{$space['area']|trim:'0'|trim:',.'}&nbsp;m²</td>
							</tr>
						{/if}
						{/loop}
					</table>
					{/if}
				</div>
			</div>
		</a>
		{{$i++}}
		{/loop}
	</div>

	<div class="cleaner"><!-- ### --></div>

{/block}