{% load static %}

<tr>
    <th style="text-align: left;">Produto</th>
    <th style="text-align: left;">Preço</th>
  </tr>

{%  for item in consumo%}

<tr>
  <td>
    {{item.product.name}}
    {% if item.product.cuisine == True %}
    <span data-tooltip="Observações para preparo." data-flow="top">

    <img
    onclick="openModalObs({{item.id}})"
    src="{% static 'midia/icons/note.svg' %}"
    style="width: 25px; height: 35px; cursor: pointer;">
  </img>
  <span>
    {% endif %}

  </td>
  <td>R$ {{item.product.price}}</td>



  {%  if comanda.status != 'OPEN'%}
  {% else %}
  <td>
    <img
    src="{% static 'midia/icons/delete.svg' %}"
    style="width: 35px; height: 35px; cursor: pointer;"
    hx-get="{% url 'removeProductComanda' item.id  %} " 
    hx-trigger="click" 
    hx-target="#list-products-comanda" 
    hx-confirm="Tem certeza que deseja excluir o produto {{item.product.name}}?" >
  </img>
  </td>
  {% endif %}
</tr>
{% endfor %}
<tfoot>
    <tr>
      <td colspan="2" style="text-align: center;">Total R$ {{total}}</td>
    </tr>
  </tfoot>
</table>
