{% extends "base/frame.twig" %}
{% block stylesheets %}
	<link rel="stylesheet" type="text/css" href="/assets/css/front/start.css?=sdfsdf">
	{% endblock %}

	{% block main %}
		<section role="listings">
			<h1>The Bad Space Listings</h1>
			<div role="paginate">
				<a href="/listings/page/{{ options.prevPage }}" title="previous page">
					<i class="ti ti-arrow-left"></i>
				</a>
				<span>
					Page
					{{ options.currentPage }}
					of
					{{ options.list.total }}
				</span>
				<a href="/listings/page/{{ options.nextPage }}" title="next page">
					<i class="ti ti-arrow-right"></i>
				</a>
			</div>
			{% for location in options.list.locations %}

				<a href="/location/{{ location.uuid }}">
					<label>{{ location.id }}</label>
					{{ location.name }}</a>
				<br/>
			{% endfor %}

			<div role="paginate">
				<a href="/listings/page/{{ options.prevPage }}" title="previous page">
					<i class="ti ti-arrow-left"></i>
				</a>
				<span>
					Page
					{{ options.currentPage }}
					of
					{{ options.list.total }}
				</span>
				<a href="/listings/page/{{ options.nextPage }}" title="next page">
					<i class="ti ti-arrow-right"></i>
				</a>
			</div>

		</section>
	{% endblock %}
