{% assign exif = src | parseExif %}
<div class="photo-exif">
	<div class="img-wrapper">
		<img src="{{ src }}" alt="Image: {{ title }}" eleventy:ignore>
	</div>
	<div class="exif-wrapper">
		<ul>
			<li class="title">{{ title }}</li>
			<li>
				{%- include './icons/calendar' -%}
				<div class="value">{{ exif.tags.CreateDate | date:'%b %Y' }}</div>
			</li>
			{%- if location -%}
				<li>
					{%- include './icons/map-pin' %}
					<div class="value">{{ location }}</div>
				</li>
			{%- endif -%}
			{%- if exif.tags.GPSLatitude %}
				<li>
					{%- include './icons/locate-fixed' -%}
					<div class="value">{{ exif.tags.GPSLatitude | round:3 }}, {{ exif.tags.GPSLongitude | round:3 }}</div>
				</li>
			{% endif -%}
			<li>
				{%- include './icons/camera' -%}
				<div class="value">{{ exif.tags.Model }}</div>
			</li>
			<li>
				{%- include './icons/arrow-up' -%}
				<div class="value">ISO {{ exif.tags.ISO }}</div>
			</li>
			<li>
				{%- include './icons/aperture' -%}
				<div class="value">f/{{ exif.tags.FNumber }}</div>
			</li>
			<li>
				{%- include './icons/rabbit' -%}
				<div class="value">{{ exif.tags.ExposureTime }}</div>
			</li>
			<li>
				{%- include './icons/crop' -%}
				<div class="value">{{ exif.tags.ExifImageWidth }} ✕ {{ exif.tags.ExifImageHeight }}</div>
			</li>
		</ul>
	</div>
</div>
