{% if categories is not empty %}
<section class="unselectable" data-section="catalog" data-catalog-type="categories"
	data-catalog-level="{{ level ?? 0 }}">
	{% for category in categories %}
	<a id="{{ category.getId() }}" class="category" type="button"
		onclick="core.catalog.parameters.set('category', {{ category.identifier }}); core.catalog.search()"
		onkeydown="event.keyCode === 13 && (core.catalog.parameters.set('category', {{ category.identifier }}), core.catalog.search())"
		tabindex="3">
		{% if category.images %}
		<img src="{{ category.images.0.storage }}" alt="{{ category.name[language] }}" ondrugstart="return false;">
		{% endif %}
		<p>{{ category.name[language] }}</p>
	</a>
	{% endfor %}
</section>
{% endif %}
