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


{% block title %}
    {{ page_title }}
{% endblock %}


{% block body %}

z

    {{ form_start(form) }}
        <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3" data-masonry='{"percentPosition": true }'>
            {% for good in form.good %}
                <div class="col mb-4">
                    <div class="card h-100">
{#                        {% if good.vars.value.gafType == true %}
                            <div class="triangle"></div>
                        {% endif %}#}
                        {% if good.vars.value.imagePath is not null %}
                            <img class="card-img-top" src="{{ absolute_url('/uploads/goodsPictures/' ~ good.vars.value.imagePath) }}" alt="{{ good.vars.value.goods }}"/>
                        {% endif %}
                        <div class="card-body">
                            <h5 class="card-title">
                                {{ good.vars.value.id }} - {{ user.id }} -
                                {{ good.vars.value.goods }}
                                {% if good.vars.value.asAWhole %}
                                    <i class="fas fa-box-open icon-lot"></i> <!-- Icône de lot -->
                                {% endif %}
                            </h5>
                            <p class="card-text">{{ good.vars.value.price }} € {% if good.vars.value.asAWhole %} par emprunt{% endif %}</p>
                            {% if not good.vars.value.gafType %}<p><i class="fab fa-whatsapp"></i>  <a href="https://api.whatsapp.com/send?phone={{ good.vars.value.user.phone }}">{{ good.vars.value.user.fName }} {{ good.vars.value.user.id }}</a></p>{% endif %}
                            <p>{{ form_row(good.quantity) }}</p>
                            <p class="card-text">
                                <small class="text-muted">Posté : {{ good.vars.value.creationdate | date("d/m/Y") }}</small>
                            </p>
                        </div>
                    </div>
                </div>
            {% endfor %}
        </div>

    <button class="btn btn-primary btn-lg btn-block" id="submitButtonSeek">
        Envoyer
    </button>

    {{ form_end(form) }}





{% endblock %}



{% block bodyScript %}
    <script src="https://cdn.jsdelivr.net/npm/masonry-layout@4.2.2/dist/masonry.pkgd.min.js"
            integrity="sha384-GNFwBvfVxBkLMJpYMOABq3c+d3KnQxudP/mGPkzpZSTYykLBNsZEnG2D9G/X/+7D" crossorigin="anonymous"
            async></script>





{% endblock %}