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

	{% block main %}
		<section role="loc-index">
			<h1>
				Location Listing
			</h1>
			{% if options.mode == "add" %}
				<h2>Add New Location</h2>
				{{ include("forms/add-location.twig") }}
			{% elseif options.mode =='bulk-add' %}
				<h2>Add Multiple Locations</h2>
				{{ include("forms/bulk-add-location.twig") }}
			{% elseif options.mode == "edit" %}
				<h2>Editing
					{{ options.location.name }}</h2>
				{% for image in options.location.images %}
					<a target="_blank" href="/assets/images/examples/{{ image.path }}">
						<img src="/assets/images/examples/{{ image.path }}"/>
					</a>
				{% endfor %}
				{{ include("forms/edit-location.twig") }}
			{% else %}
				<h2>Take care. These are bad places.</h2>
				<a href="/den/locations/modify/add">Add Location</a>
				|
				<a href="/den/locations/bulk-add">Add Multiple Locations</a>
				<br>
					<h3>Bad Spaces</h3>
					Page
					{{ options.curentPage }}
					of
					{{ options.list.total }}<br>
						{% for location in options.list.locations %}
							<sup>ID:{{ location.id }}</sup>
							<a href="/den/locations/modify/edit/{{ location.uuid }}">
								{{ location.name }}</a><br/>
						{% endfor %}
						<a href="/den/locations/page/{{ options.prevPage }}">Previous</a>
						<a href="/den/locations/page/{{ options.nextPage }}">Next</a>
					{% endif %}



				</section>
			{% endblock %}
