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

{% block title %}Produit SAINT LEMAN{% endblock %}
{# template de la page achat avec les différent produit #}
{% block main %}
    <div class="product-container">
        <h1>CREATIONS SAINT LEMAN</h1>
        {% for message in app.flashes('message') %}
        <div class="alert alert-info">{{ message }}</div>
        {% endfor %}

        <div class="flex-product">
            
            {% for product in products %}
            <article class="products">
                <h2>{{product.getName()}}</h2>
                    <img src="{{asset("img/img_upload/"~product.getPicture())}}">
                <div>
                    <p>{{product.getType()}}</p>
                    <p>{{product.getDescription()}}</p>
                    <p>{{product.getPrice()}} EURO</p>
                </div>
            {% if app.user %}
                <a href="{{path('addBasket',{'id':product.getId()})}}">Ajouter Au Panier</a>
            {% elseif not app.user %}
                <a href="{{ url("login") }}">Connectez vous</a>
            {% endif %}
            </article>
            {% endfor %}
        </div>
    </div>
{%endblock main%}

{% block javascripts %}
{% endblock %}