templates/includes/product-list-item.html.twig line 1

Open in your IDE?
  1. {% set detailLink = app_product_detaillink(item) %}
  3. <article class="product product--row">
  4.     <div class="product__img">
  5.         <favorite-button
  6.             product-id="{{ item.id }}"
  7.             :is-current-favorite="{{ item.id in favoriteIds ? 'true' : 'false' }}"
  8.         ></favorite-button>
  9.     </div>
  11.     <div class="product__info">
  12.         <div class="product__text">
  13.             <p class="title"><a href="{{ detailLink }}">{{ item.name }}</a></p>
  14.         {% if item.onOrder %}
  15.             <span class="d-inline-flex align-items-center mb-1">
  16.                 <span class="badge bg-danger">{{ 'Op bestelling!'|trans }}</span>
  17.                 {% set orderMessage = product_order_message(item) %}
  18.                 {% if orderMessage %}
  19.                     <ranking-info-button :message="{{ orderMessage|json_encode }}"></ranking-info-button>
  20.                 {% endif %}
  21.             </span>
  22.         {% endif %}
  23.             <p>{{ 'Code'|trans }}: {{ item.code }} — {{ 'Merk'|trans }}: {{ item.brand }}</p>
  24.             {% if item.categoryTypes %}
  25.                 <p>{{ 'Categorietype'|trans }}: {{ item.categoryTypes|map(t => t.name)|join(', ') }}</p>
  26.             {% endif %}
  27.         </div>
  28.     </div>
  31.         <div class="product__price">
  32.             {% if not item.OSPrice.getAmount.isZero %}
  33.                 <div class="price {% if item.promoDate1 and item.promoDate2 and date(item.promoDate1) < date() and date(item.promoDate2) > date() %}
  34.                     price--promo
  35.                 {% endif %}">{{ item.OSPrice }}<small class="price-unit">/{{ item.unit }}</small></div>
  36.                 {% if( item.discount ) %}
  37.                     {% if( item.OSPrice != item.OSDefaultPrice )  %}
  38.                         <p class="old-price">{{ item.OSDefaultPrice }}</p>
  39.                     {% endif %}
  40.                     <div class="promo">-{{ item.discount }}%</div>
  41.                 {% endif %}
  42.             {% endif %}
  44.             {% if
  45.                 item.promoDate1 and item.promoDate2 and
  46.                 date(item.promoDate1) < date() and date(item.promoDate2) > date()
  47.             %}
  48.                 {# Show promo price even when prices should not show #}
  49.                 {% if item.OSPrice.getAmount.isZero %}
  51.                     {% if item.promoPrice %}
  52.                         <div class="price price--promo">{{ item.promoPrice | currency }}<small class="price-unit">/{{ item.unit }}</small></div>
  53.                     {% endif %}
  54.                     {% if( item.promoPercentage ) %}
  55.                         <div class="promo">-{{ item.promoPercentage }}%</div>
  56.                     {% endif %}
  57.                 {% endif %}
  59.                 <p class="date">({{ 'Promotie vanaf'|trans}} {{ item.promoDate1|date('d/m/Y') }} {{'tot'|trans}} {{ item.promoDate2|date('d/m/Y') }})</p>
  60.             {% endif %}
  61.         </div>
  64.     <div class="product__controls">
  65.        {% if cartList is defined and cartList %}
  66.            <change-cartitem-quantity
  67.                product-id="{{ item.id }}"
  68.                :current-quantity="{{ cartItem.count }}"
  69.                unit="{{ item.unit }}"
  70.                minimum-unit="{{ item.unitMinimum }}"
  71.            ></change-cartitem-quantity>
  72.            <remove-cart-item-button
  73.                product-id="{{ item.id }}"
  74.            ></remove-cart-item-button>
  75.         {% else %}
  76.             <add-to-cart
  77.                 product-id="{{ item.id }}"
  78.                 unit="{{ item.unit }}"
  79.                 minimum-unit="{{ item.unitMinimum }}"
  80.                 amount-in-cart="{{ cartItems[item.id] ?? 0 }}"
  81.             ></add-to-cart>
  82.         {% endif %}
  83.     </div>
  84. </article>