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

{% block title %}Liste des caisses{% endblock %}
{% block content-header-title %}Caisses{% endblock %}

{% block content %}

<div class="row">
  <div class="col-sm-4 col-md-3 col-content-left">
    <div class="content-left">
      <div class="content-left-top text-center">
        <div class="line">{{ checkouts|length }} caisses</div>
      </div>
      <div class="buttons">
        <a class="btn btn-primary btn-lg" href="{% url 'kfet.checkout.create' %}">Créer une caisse</a>
      </div>
    </div>
  </div>
  <div class="col-sm-8 col-md-9 col-content-right">
    {% include 'kfet/base_messages.html' %}
    <div class="content-right">
      <div class="content-right-block">
        <h2>Liste des caisses</h2>
        <div>
          <ul>
            {% for checkout in checkouts %}
              <li><a href="{% url 'kfet.checkout.read' checkout.pk %}">{{ checkout }}</a></li>
            {% endfor %}
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>

{% endblock %}