---
pagination:
  data: collections.galleryImages
  size: 1
  alias: picture
layout: layouts/base.njk
structuredData: none
eleventyComputed:
  imageURL: "{{ picture.baseUrl }}/{{ picture.filename }}"
  title: "Image: {{ picture.title }}"
  permalink: "/gallery/{{ picture.containingGallery | slugify }}/{{ picture.filename | slugify }}/"
  description: "{{ picture.title }} from gallery: {{ picture.containingGallery}}"
---
<article>
	<h1>{{ picture.title }}</h1>
	<div class="buttonContainer galleryButtons">
		{% if picture.previousImage %}
		<a href="../{{ picture.previousImage | slugify }}">
			<button type="button">Previous</button>
		</a>
		{% endif %}
		<a href="/gallery/{{ picture.containingGallery | slugify }}/">
			<button type="button">Gallery</button>
		</a>
		{% if picture.nextImage %}
		<a href="../{{ picture.nextImage | slugify }}">
			<button type="button">Next</button>
		</a>
		{% endif %}
	</div>
	<figure>
		<a href="{{ picture.baseUrl }}/{{ picture.filename }}">
			<img src="{{ picture.baseUrl }}/{{ picture.filename }}" alt="{{ picture.altText }}">
		</a>
		{% if picture.caption %}
		<figcaption>
			{{ picture.caption }}
		</figcaption>
		{% endif %}
	</figure>
</article>
