{% extends "base.html" %}

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

{% block content %}
<div id="main-wrapper">
	{% include '_nav.html' %}
	<div id="page-header">
		<a href="/exhibitions"><div class="hyperlink-header" id="exhibitions">\Exhibitions</div></a>
		<a href="/events"><div class="hyperlink-header" id="events">\Events</div></a>
		<a href="/conferences"><div class="hyperlink-header" id="conferences">\Conferences</div></a>
	</div>
	<hr>
	<div id="main-container">
		<div id="list-info-container">
			{% if title == 'Conferences'%}
				<p id="list-info-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ornare quis mauris consequat molestie. Cras porta porta dignissim.</p>
			{% endif %}
			{% if title == 'Exhibitions'%}
				<p class="list-info-text"><u>This year Beta Festival will have two main exhibitions:</u></p>
				<p class="list-info-text">An international thematic exhibition curated by Nora O’ Murchú and Aisling Murray called <b>Unsettling the Algorithm</b> including works by: !Mediengruppe Bitnik, Basil Al-Rawi, Caroline Campbell, Firas Shehadeh, Jennifer Gradecki and Derek Curry, Nora Al Badri, Patricia Domínguez and Suzanne Treister, Sebastian Schmieg, Tega Brain and Sam Lavigne, and TzuTung Lee and Winnie Soon.</p>
				<p class="list-info-text"><b>Local Artist Networks</b> spotlights exciting Irish voices with emergent practices. This strand of the programme is dedicated to new work by some of Ireland’s most exciting artists experimenting with art and technology this year this includes new work from Pallas Studios/Project artist Conan McIvor and new commissions from Aisling Phelan, Cailean Finn and Screen Service artists Mel Galley and Aindriú Ó’Deasún.</p>
			{% endif %}
			{% if title == 'Events'%}
				<p class="list-info-text">Beta Festival will feature a variety of performances, workshops and discussions as part of this year's programme including collaborations with D.A.T.A., Base, Fire Station Artists Studios, Creative Futures Academy and Creative Sparks Fab Lab.</p>
				<p class="list-info-text">We will also present Noire, the Cannes award-winning immersive experience directed by Stéphane Foenkinos and Pierre-Alain Giraud, based on the work by Tania de Montaigne, produced by Novaya in partnership with the Centre Pompidou, co-produced with Flash Forward Entertainment (Taiwan).</p>			
			{% endif %}
			</div>

		{% if title == 'Exhibitions'%}

		<hr>

		<div class="list-header">
			Unsettling the Algorithm
		</div>

		<div id="list-container" class="fadeInUp-animation">
		
		{% for event in content %}
		{% if event.exh_type == "UTA"%}
		<a href='/{{ title.lower() }}/{{ event.title }}'>
		<div class="list">
			<div class="list-image">
				<img src="{{ event.image }}" alt="{{ event.title }}" loading="lazy">
				<div class="list-image-overlay"></div>
			</div>
			<div class="list-title">{{ event.title }}</div>
			<div class="list-artists">
				<p>{{ event.artists | join(', ') }}</p>
			</div>
			<div class="list-details">
				{% if event.dates %}
				<div class="list-date">● {{ event.dates | join(', ') }}</div>
				{% endif %}
				{% if event.times %}
				<div class="list-date">● {{ event.times | join(', ')}}</div>
				{% endif %}
				
				<div class="list-date">● {{ event.location[0] }}</div>
			</div>
		</div>
		</a>
		{% endif %}
		{% endfor %}
		</div>

		<hr>

		<div class="list-header">
			Local Artists Network
		</div>

		<div id="list-container" class="fadeInUp-animation">
		
		{% for event in content %}
		{% if event.exh_type == "LAN"%}
		<a href='/{{ title.lower() }}/{{ event.title }}'>
		<div class="list">
			<div class="list-image">
				<img src="{{ event.image }}" alt="{{ event.title }}" loading="lazy">
				<div class="list-image-overlay"></div>
			</div>
			<div class="list-title">{{ event.title }}</div>
			<div class="list-artists">
				<p>{{ event.artists | join(', ') }}</p>
			</div>
			<div class="list-details">
				{% if event.dates %}
				<div class="list-date">● {{ event.dates | join(', ') }}</div>
				{% endif %}
				{% if event.times %}
				<div class="list-date">● {{ event.times | join(', ')}}</div>
				{% endif %}
				
				<div class="list-date">● {{ event.location[0] }}</div>
			</div>
		</div>
		</a>
		{% endif %}
		{% endfor %}
		</div>
		{% endif %}

		{% if title == 'Conferences' or title == 'Events'%}
		<div id="list-container" class="fadeInUp-animation">
		
			{% for event in content %}
			<a href='/{{ title.lower() }}/{{ event.title }}'>
			<div class="list">
				<div class="list-image">
					<img src="{{ event.image }}" alt="{{ event.title }}" loading="lazy">
					<div class="list-image-overlay"></div>
				</div>
				<div class="list-title">{{ event.title }}</div>
				<div class="list-artists">
					<p>{{ event.artists | join(', ') }}</p>
				</div>
				<div class="list-details">
					{% if event.dates %}
					<div class="list-date">● {{ event.dates | join(', ') }}</div>
					{% endif %}
					{% if event.times %}
					<div class="list-date">● {{ event.times | join(', ')}}</div>
					{% endif %}
					
					<div class="list-date">● {{ event.location[0] }}</div>
				</div>
			</div>
			</a>
			{% endfor %}
			</div>
		{% endif %}

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