{% extends 'base.html.twig' %}

{% block title %}Choix de caisse — Récré{% endblock %}

{% block body %}
<div class="page-content" style="padding-bottom: 8px;">
    <h1>Choisir une caisse</h1>
</div>

<div class="registers-list">
    {% for item in registers %}
        <div class="register-card">
            <div class="register-entete">
                <div>
                    <h2>{{ item.register.label }}</h2>
                    {% if item.session %}
                        <p>Ouverte par {{ item.session.openedBy.firstName }} {{ item.session.openedBy.lastName }}</p>
                    {% else %}
                        <p>Aucune session ouverte</p>
                    {% endif %}
                </div>
                {% if item.session %}
                    <span class="pastille pastille-ouverte">Ouverte</span>
                {% else %}
                    <span class="pastille pastille-fermee">Fermée</span>
                {% endif %}
            </div>

            <div class="register-actions">
                {% if item.session %}
                    <a href="{{ path('app_sale_sell', {id: item.session.id}) }}" class="action-principale">Vendre</a>
                    <a href="{{ path('app_sale_close_session', {id: item.session.id}) }}" class="action-secondaire">Clôturer</a>
                {% else %}
                    <a href="{{ path('app_sale_open_session', {id: item.register.id}) }}" class="action-principale">Ouvrir une session</a>
                {% endif %}
            </div>
        </div>
    {% else %}
        <div class="register-card">
            <div class="register-entete">
                <div>
                    <h2>Aucune caisse</h2>
                    <p>Un administrateur doit d'abord créer une caisse dans le back-office.</p>
                </div>
            </div>
        </div>
    {% endfor %}
</div>
{% endblock %}