{% extends '@Admin/base.html.twig' %}

{% block title %}
    {{ '_ALBUMS_'|trans({},'admin') }}
    <a href="{{ url('admin') }}/albums/new/s" class="btn btn-primary btn-sm">{{ '_NEW_ALBUM_'|trans({},'admin') }}</a>
{% endblock %}

{% block body %}
    <div class="row galleryNavbar">
        <ul class="nav nav-pills nav-justified">
            {% for gallery in albumsGallery %}
            <li role="presentation" {% if gallery.id == selectedGallery %}class="active"{% endif %}>
                <a href="{{ url('admin') }}/albums/{{ gallery.id }}">{{ gallery.name }}</a>
            </li>
            {% endfor %}
        </ul>
    </div>
<div class="row albums">
    {% for album in albums %}
    <div class="col-xs-3 col-md-4 album">
        <div class="panel panel-default mb-3 box-shadow">
            <img style="height: 260px; width: 100%; display: block;" src="{{ album.getAlbumCover() }}">
            <div class="panel-body">
                <p class="card-text">{{ album.name|raw }}</p>
                <div>
                    <a href="{{ url('admin') }}/albums/pictures/{{ album.id }}" class="btn btn-primary btn-sm">{{ '_PICTURES_'|trans({},'admin') }}</a>
                    <a href="{{ url('admin') }}/albums/edit/{{ album.id }}" class="btn btn-primary btn-sm {{ album.displayStatus() }}">{{ '_EDIT_'|trans({},'admin') }}</a>
                </div>
            </div>
        </div>
    </div>
    {% endfor %}
</div>
    <nav aria-label="Page navigation" class="text-center">
        {{ knp_pagination_render(albums) }}
    </nav>
{% endblock %}