{% for category in categories | sortbyfield('name') %}
{% if check_for_clubs_from_category(category, app.request.locale) %}
{% set img = (category.listImage) ? category.listImage | first : null %}
<li class="tile-menu-item"
data-label="{{ category.name }}" data-category="{{ category.id }}">
<a href="#">
{{ category.name }}
</a>
{% if img is not null and img is not empty %}
{% set fullSrc = croppedImgSrc(img.media.url, img.cropping, { w: 350, h: 350, q: 80, fit: 'crop' }) %}
{% set previewSrc = croppedImgSrc(img.media.url, img.cropping, jml_img_large.preview) %}
<figure class="tile-figure">
<img class="lazy" src="{{ previewSrc }}" data-src="{{ fullSrc }}" alt="{{ category.name }}"/>
</figure>
{% endif %}
<i class="tile-menu-bg {{ category.colorClass }}"></i>
</li>
{% endif %}
{% endfor %}