<div class="row">
{# Opciones #}
{% if app.user %}
{% if is_granted('ROLE_ADMIN') %}
<div class="row">
<ul class="collection with-header redondearBordes">
<li class="collection-header"><h6>Opciones de Administracion</h6></li>
<li class="collection-item grey lighten-3">
<a href="{{ path('album_nuevo') }}" class="waves-effect waves-light btn-small colorOficial white-text"><i class="material-icons left">video_label</i>Agregar Album</a>
</li>
</ul>
</div>
{% endif %}
{% endif %}
{# Opciones #}
<h6 class="tituloColorOficial">Galeria de Ilustraciones</h6>
<p class="gris90 bajadaNota">A continuacion podras ver todas todas nuestras galeria de Ilustraciones de Forma Libre y Gratuita</p>
{# Si hay album #}
{% if albums|length > 0 %}
{# Iteramos sobre albumns #}
{% for album in albums|sort((a, b) => a.nombre <=> b.nombre) %}
<div class="col s12 m4 l4 redondearBordes">
{# Album #}
<a href="{{ path('album_ver',{'idAlbum': album.id}) }}">
<div class="card hoverable">
<div class="card-image">
{% if album.getPortada() %}
{% set imagen = album.getPortada() %}
<img class="responsive-img imagenListadoAlbum" src="{{ asset(imagen.url) }}">
{% else %}
<img class="responsive-img imagenListadoAlbum" src="{{ asset('img/imagen-no-disponible.png') }}">
{% endif %}
</div>
</div>
</a>
{# Album #}
</div>
{% endfor %}
{# Iteramos sobre albumns #}
{% endif %}
{# Si hay album #}
</div>