{% extends 'base.html.twig' %}

{% block title %}Meine Näh- und Stickarbeiten - Gallery{% endblock %}

{% block body %}
    <main>
        <section id="galerie" class="gallery">
            <div class="container">
                {% if products %}
                    <div class="gallery-grid">
                    {% for product in products %}
                        <div class="gallery-item">
                            {{ lazy_img(
                                asset('img/products/' ~ product.filename ),
                                product.description ?? product.name,
                                233,
                                350,
                                true
                            ) }}
                            <div class="gallery-caption small">Zum Vergrößern klicken</div>
                            <div class="gallery-caption product-name">{{ product.name }}</div>
                            <div class="gallery-description">{{ product.description|default('') }}</div>
                            <div class="gallery-designer">
                                <div class="gallery-designer label">Design:</div>
                                <div class="gallery-designer value">{{ product.designer }}</div>
                            </div>
                        </div>
                    {% endfor %}
                {% else %}
                    <div class="no-item">
                        Keine Produkte gefunden
                    </div>
                    </div>
                {% endif %}
            </div>
        </section>
    </main>

{% endblock %}