{% extends 'base.html.twig' %}
{% block title %}{{ allAlbum[0].categorieAlbum[0].name }}{% endblock %}
{% block metaTitle %}{{ allAlbum[0].categorieAlbum[0].name }}{% endblock %}
{% block metaDescription %}Découvrez l'album {{ allAlbum[0].categorieAlbum[0].name }}{% endblock %}
{% block body %}
<article id="article">
    <div class="container3">
        <h1 class="titreBottom center">Album photo</h1>
        <div class="row">
            {% for albums in allAlbum %}
            <div class="col-xl-3 col-lg-3 col-md-6 col-12 work-item" data-glightbox=".lightAlbum">
                <a href="{{ asset(albumImg ~ albums.imageName) }}" class="lightAlbum image fit thumb bgrps" data-bg="{{ asset(albumImg ~ albums.imageName) }}"></a>
                <div class="titre-album">{{ albums.translations[app.request.locale].name|default('') }}</div>
                <p>{{ albums.translations[app.request.locale].description|default('')|raw }}</p>
            </div>
            {% endfor %}
        </div>
    </div>
</article>
{% endblock %}