<span class="ftr-text--m ftr-block">
  {{ text_descricao_edicao_lista }}
</span>
<hr class="ftr-out-space--v-l">


{% for produto in produtos %}
  <div class="ftr-product-card__content ftr-in-space--b-l" onclick="edicaoListaEscolar('{{tipo_edicao}}',{{produto.product_id}});">
    {% if produto.thumb %}
      <div class="ftr-product-card__image">
        <img src="{{ produto.thumb }}" alt="{{ produto.name }}" title="{{ produto.name }}">
      </div>
    {% endif %}
    <div class="ftr-product-card__info">
      <input type="hidden" id="quantidade{{produto.product_id}}" autocomplete="off" value="{{ produto.quantity == 0 ? 1 : produto.quantity }}">
      <span class="ftr-text--m ftr-block">{{produto.model}} - {{produto.name}}</span>
      <span class="ftr-text--s ftr-text--primary ftr-block">{{ produto.price }}</span>
      {% if futuragrade_status %}
        {% if produto.color_description %}
          <span class="ftr-text--s ftr-block ftr-text--grey">{{produto.color_template_description}}: {{produto.color_description}}</span>
        {% endif %}
        {% if produto.size_description %}
          <span class="ftr-text--s ftr-block ftr-text--grey">, {{produto.size_template_description}}: {{produto.size_description}}</span>
        {% endif %}
        {% if produto.specification_description %}
          <span class="ftr-text--s ftr-block ftr-text--grey">, {{produto.specification_template_description}}: {{produto.specification_description}}</span>
        {% endif %}
      {% endif %}
    </div>
  </div>
{% endfor %}

<script>
  function edicaoListaEscolar(tipoedicao, productID) {
    $.ajax({
      url: 'index.php?route=listaescolar/listaescolar_produtos/alterarProdutoSessionLista',
      type: 'POST',
      data: {tipo_edicao : tipoedicao, product_session_key: {{product_info.key}}, product_id: productID, quantidade : $("#quantidade"+productID).val()},
  		success: function() {
  			location.reload();
  		}
    });
  }
</script>
