{{ header }}
  {% if products %}
    <div class="ftr-grid">
      {% for product in products %}
        <div class="ftr-grid__card ftr-product-card">
          <div class="ftr-dropdown ftr-js-dropdown">
            <div class="ftr-js-dropdown__display">
              <span class="ftr-dropdown__display"></span>
            </div>
            <div class="ftr-dropdown__content ftr-js-dropdown__content">
              <a href="javascript:addToCart({ product_id:{{ product.product_id }}, layout_id:{{ layout_id }} });" class="ftr-dropdown__content__item ftr-js-ripple-effect">{{ button_cart }}</a>
              <a href="{{ product.remove }}" class="ftr-dropdown__content__item ftr-js-ripple-effect">{{ button_remove }}</a>
            </div>
          </div>
          <a href="{{ product.href }}" class="ftr-product-card__content">
            <div class="ftr-product-card__image">
              <img src="{{ product.thumb }}" alt="{{ product.name }}" />
            </div>
            <div class="ftr-product-card__info">
              <span class="ftr-text--m ftr-block ftr-text-dark">{{ product.name }}</span>
              <span class="ftr-text--s ftr-block ftr-text--grey">{{ product.stock }}</span>
              <span class="ftr-text--s ftr-block ftr-text--grey">{{ column_model }} {{ product.model }}</span>
              {% if product.price %}
                {% if product.special %}
                  <span class="ftr-text--s ftr-block ftr-text--grey"><s>{{ product.price }}</s></span>
                  <span class="ftr-text--s ftr-block ftr-text--grey">{{ product.special }}</span>
                {% else %}
                  <span class="ftr-text--s ftr-block ftr-text--grey">{{ product.price }}</span>
                {% endif %}
              {% endif %}
            </div>
          </a>
        </div>
      {% endfor %}
      {% if (pagination) %}
        <div class="ftr-pagination ftr-h--full">
          {{ pagination }}
        </div>
      {% endif %}
    </div>
  {% else %}
    <div class="ftr-card ftr-in-space--xl ftr-text--center">
      <i class="material-icons ftr-text--xl ftr-block ftr-text--primary">&#xE87E;</i>
      <span class="ftr-text--m ftr-in-space--xl">{{ text_empty }}</span>
      <a href="{{ continue }}" class="ftr-btn ftr-inline ftr-background--primary ftr-js-ripple-effect">
        {{ button_continue }}
      </a>
    </div>
  {% endif %}
{{ footer }}
