{% extends 'boxes/box.html.twig' %}

{% block box %}
{% if not albumsArray is empty %}
<ul class="picture-list">
    {% for albumsObject in albumsArray %}
    <li>
        <a class="hover-overlay" href="{{ url('homepage') }}multimedia/albums/photos/{{ albumsObject.id }}/{{ albumsObject.name|trans|slugifyText }}" title="{{ albumsObject.name }}" onclick="{{ box.getEvent()|raw }}">
            <span class="more-pictures">{{ 'More'|trans }}</span>
        </a>
        <a class="picture-wrapper" href="{{ url('homepage') }}multimedia/albums/photos/{{ albumsObject.id }}/{{ albumsObject.name|trans|slugifyText }}" title="{{ albumsObject.name }}" onclick="{{ box.getEvent()|raw }}">
            <img src="{{ albumsObject.getAlbumCover("198_198") }}" alt="{{ albumsObject.name }}">
            <div class="ic_caption">{{ albumsObject.name|raw }}</div>
        </a>
    </li>
    {% endfor %}
</ul>
{% endif %}
{% endblock %}