{% for offer in offers %}
    <div class="col-md-4 mb-4">
        <div class="card good-container"
             data-good="{{ offer.goods }}"
             data-remaining-quantity="{{ offer.quantity }}"
             data-good-id="{{ offer.id }}"
             data-type="{{ offer.gafType ? 'food' : 'non-food' }}">

            <div class="quantity-badge" data-offer-id="{{ offer.id }}">
                {{ offer.quantity|number_format(0, '.', '') }}
            </div>

            <img src="{{ absolute_url('/uploads/goodsPictures/' ~ offer.imagePath) }}" alt="{{ offer.goods }}"
                 class="card-img-top">
            <div class="card-body">
                <h2 class="card-title">{{ offer.goods }}</h2>
                <p class="card-text">{{ offer.description }}</p>
                <div class="price">{{ offer.price }} €</div>
                {% if order is defined %}
                    <button class="btn btn-primary add-to-basket-btn mt-3"
                            data-offer-id="{{ offer.id }}"
                            data-order-id="{{ order.id }}"
                            data-quantity="{% if not offer.gafType %}{{ offer.quantity }}{% else %}1{% endif %}"
                            data-csrf-token="{{ csrf_token('add_to_basket') }}">
                        Ajouter au panier
                    </button>
                {% endif %}
            </div>
        </div>
    </div>
{% endfor %}