{% extends "_base.html" %}

{% set work_selected = True %}
{% set all_selected = False if no_all_selected else True %}
{% set path = "work/" + (work_path or "all") %}

{% set sort_images = True %}
{% set expand_dialog = True %}

{% block main %}
{% for image in (sorted(images(path), reverse=True) if sort_images else images(path)) %}
<figure class="{{ 'clickable-fig' if expand_dialog else ''}}">
	<img class="tile" src="{{ (image.main or image.filenames[0]) | static }}" loading="lazy"
		alt="{{ image.category }}: {{ image.name }} ({{ image.year }})">
	<figcaption class="hbox">
		<div class="caption">
			<h1>{{ image.name }} / <time>{{ image.year }}</time></h1>
			{{ image.category | lang }}
		</div>
	</figcaption>
	<datalist>
		{% for variant in image.filenames %}
		<option value="{{ variant | static }}" label="{{ image.category }}: {{ image.name }} ({{ image.year }})" />
		{% endfor %}
	</datalist>
</figure>
{% endfor %}
{% endblock %}