{% extends "kfet/base_col_2.html" %}

{% block title %}Caisse - {{ checkout.name }}{% endblock %}
{% block header-title %}Informations sur la caisse {{ checkout.name }}{% endblock %}

{% block fixed %}
{% include 'kfet/left_checkout.html' %}
{% endblock %}

{% block main %}
<section>
  <h2>Relevés</h2>
  <div class="table-responsive">
    {% if not statements %}
      Pas de relevé
    {% else %}
      <table
          class="table table-hover table-condensed sortable"
          {# Initial sort: [(at,desc)] #}
          data-sortlist="[[0,1]]">
        <thead>
          <tr>
            <td data-sorter="shortDate">Date/heure</td>
            <td>Montant pris</td>
            <td>Montant laissé</td>
            <td>Erreur</td>
        </thead>
        <tbody>
          {% for statement in statements %}
          <tr>
            <td title="{{ statement.at }}">
              <a href="{% url 'kfet.checkoutstatement.update' checkout.pk statement.pk %}">
                {{ statement.at|date:'d/m/Y H:i' }}
              </a>
            </td>
            <td>{{ statement.amount_taken }}</td>
            <td>{{ statement.balance_new }}</td>
            <td>{{ statement.amount_error }}</td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    {% endif %}
  </div>
</section>

{% endblock %}
