{# ========================================================================== #}
{# :: Imports #}
{# ========================================================================== #}
{% import "components/download-row.njk" as downloadRow %}
{% import "components/download-folder.njk" as downloadFolder %}
{% import "components/overlay.njk" as overlay %}
{% import "components/image-carousel.njk" as imageCarousel %}

{# ========================================================================== #}
{# :: Default #}
{# ========================================================================== #}
{% macro default(classes, data) %}
	<div class="bp-c-download-list bp-js-download-list">
		{{overlay.default("", {
			id: data.id,
			content: imageCarousel.default("bp-c-download-list__carousel", data)
		})}}

		<ul class="bp-c-download-list__items">
			{% for item in data.items %}
				{% set ext = item.extension %}
				{% set isImage = ext === "jpg" or ext === "png" or ext === "svg" %}

				<li class="bp-c-download-list__item {% if loop.last and not data.folders %} bp-c-download-list__item--last {% endif %}">
					{{downloadRow.default("bp-c-download-row--image" if isImage else "", {
						item: item,
						overlayId: data.id,
						imageId: loop.index
					})}}
				</li>

			{% endfor %}

			{% for folder in data.folders %}
				<li class="bp-c-download-list__item {{'bp-c-download-list__item--last' if loop.last}}">
					{{downloadFolder.default("", folder)}}
				</li>
			{% endfor %}
		</ul>
	</div>

{% endmacro %}