{% for key,item in result %}
    <div class="table">
        <div class="title-type">
            <p>{{ item.product|getProduct(app.request.locale)['nomProduits'] }}</p>
            <span>
                <svg xmlns="http://www.w3.org/2000/svg" width="19" height="20" fill="none" viewBox="0 0 19 20">
                    <g clip-path="">
                        <path
                            fill="#000"
                            d="M9.5 0C14.747 0 19 4.477 19 10s-4.253 10-9.5 10S0 15.523 0 10 4.253 0 9.5 0Zm0 1.395c-2.168 0-4.247.907-5.78 2.52C2.187 5.53 1.325 7.718 1.325 10s.862 4.47 2.395 6.085c1.533 1.613 3.612 2.52 5.78 2.52s4.247-.907 5.78-2.52c1.534-1.614 2.395-3.803 2.395-6.085s-.861-4.47-2.395-6.085c-1.533-1.613-3.612-2.52-5.78-2.52Zm-.883 4.186c.365 0 .662.313.662.698v4.884h4.64a.648.648 0 0 1 .452.213c.119.13.185.304.185.485 0 .18-.066.354-.185.484a.648.648 0 0 1-.453.213H8.617a.647.647 0 0 1-.47-.204.717.717 0 0 1-.194-.494V6.28c0-.386.297-.699.663-.699Z"
                        />
                    </g>
                    <defs>
                        <clipPath id="a">
                            <path fill="#fff" d="M0 0h19v20H0z" />
                        </clipPath>
                    </defs>
                </svg>
                {{ item.duration|getdatadure(app.request.locale)['intitule'] }}
            </span>
        </div>
        <div class="qnt-type">
            <p>
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 20 20">
                    <path
                        fill="#000"
                        d="M19.74 17.875a11.316 11.316 0 0 0-6.29-5.081 6.75 6.75 0 1 0-6.9 0 11.315 11.315 0 0 0-6.29 5.081.75.75 0 1 0 1.293.75 9.76 9.76 0 0 1 16.894 0 .752.752 0 0 0 1.28.12.749.749 0 0 0 .014-.87ZM4.75 7a5.25 5.25 0 1 1 10.5 0 5.25 5.25 0 0 1-10.5 0Z"
                    />
                </svg>
            </p>
            <div class="quantity_inner">
                <button class="bt_minus" >
                    <svg viewBox="0 0 24 24">
                        <line x1="8" y1="13" x2="16" y2="13"></line>
                    </svg>
                </button>
                <input type="hidden" name="key" class="items" value="{{key}}"/>
                <input value="{{item.quantity}}" readonly name="quantity" size="2" class="quantity" data-max-count="{{ item.product|getProduct(app.request.locale)['nombrePersonne'] }}" />
                <button class="bt_plus">
                    <svg viewBox="0 0 24 24">
                        <line x1="12" y1="8" x2="12" y2="18"></line>
                        <line x1="7" y1="13" x2="17" y2="13"></line>
                    </svg>
                </button>
            </div>
        </div>
        <div class="prix-type">
            <p class="cart-{{key}}">{{ (item.price)|number_format }} DH</p>
        </div>
        <div class="btn-reserve">
            <button id="{{key}}" class="reserve-button removeElement">{{ 'reservation.sélectionné'|trans }}</button>
        </div>
    </div>
{% endfor %}