{% extends "base.html" %}

{% block title %}{{ '| '+ title }}{% endblock %}

{% block content %}
<div id="main-wrapper">
	{% include '_nav.html' %}
	<div id="main-container-locations">
		<div id="location-list">
			<div id="location-button-list">
				<div class="location-button" data-location="digital-hub">Digital Depot at The Digital Hub</div>
				<div class="location-button" data-location="digital-bank">The Bank at The Digital Hub</div>
				<div class="location-button" data-location="pallas-projects">Pallas Projects/Studios</div>
				<div class="location-button" data-location="fire-station">Fire Station Artists Studios</div>
				<div class="location-button" data-location="beckett">Samuel Beckett Theatre</div>
			</div>
			<div id="location-information">
				<div id="location-text">
					The Digital Hub, 10-13 Thomas St, The Liberties, Dublin 8, D08 PX8H
				</div>
				<a id="location-direction" target="_blank" href="https://www.google.com/maps/dir//115-117,+The+Coombe,+The+Liberties,+Dublin,+D08+A970/@53.3391179,-6.3569591,12z/data=!4m8!4m7!1m0!1m5!1m1!1s0x48670e89423ed249:0x8aa3669566840ff9!2m2!1d-6.274559!2d53.3391463?entry=ttu">
					<div class="location-button">↳ Directions</div>
				</a>
			</div>
		</div>
		<div id="location-images">
			<div id="location-image">
				<img id="location-img" src="{{ url_for('static', filename='images/locations/digital-hub.webp') }}">
			</div>
		</div>	
	</div>
</div>

<script type="module" src="{{ url_for('static', filename='js/skybox.js') }}"></script>
<script type="module" src="{{ url_for('static', filename='js/locations.js') }}"></script>
{% endblock content %}