{% extends 'comptabilite/_layout.html.twig' %}

{% block title %}Caisse - {{ caisse.nom }}{% endblock %}

{% block page_title %}Caisse - {{ caisse.nom }}{% endblock %}

{% block body %}
    <a href="{{ path('comptabilite_caisses') }}" class="btn btn-light btn-sm mb-5">&larr; Toutes les caisses</a>

    <div class="row g-5 mb-5">
        <div class="col-md-4">
            <div class="card"><div class="card-body"><div class="text-muted fs-7">Entrant</div><div class="fs-2 fw-bold">{{ solde.entrant|montant }}</div></div></div>
        </div>
        <div class="col-md-4">
            <div class="card"><div class="card-body"><div class="text-muted fs-7">Sortant</div><div class="fs-2 fw-bold">{{ solde.sortant|montant }}</div></div></div>
        </div>
        <div class="col-md-4">
            <div class="card"><div class="card-body"><div class="text-muted fs-7">Solde</div><div class="fs-2 fw-bold">{{ solde.solde|montant }}</div></div></div>
        </div>
    </div>

    <div class="row g-5 mb-5">
        <div class="col-md-6">
            <div class="card h-100">
                <div class="card-header border-0 pt-6">
                    <div class="card-title"><h3>Nouvelle facture libre</h3></div>
                </div>
                <div class="card-body pt-0">
                    {% if enfants is empty %}
                        <div class="text-muted">Aucun enfant actif à facturer.</div>
                    {% else %}
                        <form method="post" action="{{ path('comptabilite_caisse_facture_nouvelle', {id: caisse.id}) }}" class="row g-3">
                            <input type="hidden" name="_csrf_token" value="{{ csrf_token('caisse_facture_nouvelle_' ~ caisse.id) }}">
                            <div class="col-12">
                                <label class="form-label">Enfant *</label>
                                <select name="enfant" required class="form-select">
                                    <option value=""></option>
                                    {% for enfant in enfants %}
                                        <option value="{{ enfant.id }}">{{ enfant.prenom }} {{ enfant.nom }}</option>
                                    {% endfor %}
                                </select>
                            </div>
                            <div class="col-6">
                                <label class="form-label">Montant *</label>
                                <input type="text" name="montant" required class="form-control">
                            </div>
                            <div class="col-6">
                                <label class="form-label">Libellé *</label>
                                <input type="text" name="libelle" placeholder="Pack fournitures, Macaron..." required class="form-control">
                            </div>
                            <div class="col-12">
                                <button type="submit" class="btn btn-primary">Générer la facture</button>
                            </div>
                        </form>
                    {% endif %}
                </div>
            </div>
        </div>

        <div class="col-md-6">
            <div class="card h-100">
                <div class="card-header border-0 pt-6">
                    <div class="card-title"><h3>Nouvelle dépense</h3></div>
                </div>
                <div class="card-body pt-0">
                    {% if categories is empty %}
                        <div class="text-muted">Aucune catégorie de dépense active.</div>
                    {% else %}
                        <form method="post" action="{{ path('comptabilite_caisse_depense_nouvelle', {id: caisse.id}) }}" enctype="multipart/form-data" class="row g-3">
                            <input type="hidden" name="_csrf_token" value="{{ csrf_token('caisse_depense_nouvelle_' ~ caisse.id) }}">
                            <div class="col-12">
                                <label class="form-label">Catégorie *</label>
                                <select name="categorie" required class="form-select">
                                    {% for categorie in categories %}
                                        <option value="{{ categorie.id }}">{{ categorie.libelle }}</option>
                                    {% endfor %}
                                </select>
                            </div>
                            <div class="col-6">
                                <label class="form-label">Montant *</label>
                                <input type="text" name="montant" required class="form-control">
                            </div>
                            <div class="col-6">
                                <label class="form-label">Pièce justificative</label>
                                <input type="file" name="fichier" class="form-control">
                            </div>
                            <div class="col-12">
                                <label class="form-label">Description *</label>
                                <input type="text" name="description" required class="form-control">
                            </div>
                            <div class="col-12">
                                <button type="submit" class="btn btn-primary">Enregistrer</button>
                            </div>
                        </form>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>

    <div class="row g-5">
        <div class="col-md-6">
            <div class="card">
                <div class="card-header border-0 pt-6">
                    <div class="card-title"><h3>Factures libres</h3></div>
                </div>
                <div class="card-body pt-0">
                    {% if factures is empty %}
                        <div class="text-muted">Aucune facture pour cette caisse.</div>
                    {% else %}
                        <div class="table-responsive">
                            <table class="table align-middle table-row-dashed fs-6 gy-5">
                                <thead>
                                    <tr class="text-start text-muted fw-bold fs-7 text-uppercase gs-0">
                                        <th>Date</th>
                                        <th>Enfant</th>
                                        <th>Libellé</th>
                                        <th>Montant</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {% for facture in factures %}
                                        <tr>
                                            <td>{{ facture.dateGeneration|date('d/m/Y') }}</td>
                                            <td>{{ facture.enfant.prenom }} {{ facture.enfant.nom }}</td>
                                            <td>{{ facture.libelle }}</td>
                                            <td>{{ facture.montant|montant }}</td>
                                        </tr>
                                    {% endfor %}
                                </tbody>
                            </table>
                        </div>
                    {% endif %}
                </div>
            </div>
        </div>

        <div class="col-md-6">
            <div class="card">
                <div class="card-header border-0 pt-6">
                    <div class="card-title"><h3>Dépenses</h3></div>
                </div>
                <div class="card-body pt-0">
                    {% if depenses is empty %}
                        <div class="text-muted">Aucune dépense pour cette caisse.</div>
                    {% else %}
                        <div class="table-responsive">
                            <table class="table align-middle table-row-dashed fs-6 gy-5">
                                <thead>
                                    <tr class="text-start text-muted fw-bold fs-7 text-uppercase gs-0">
                                        <th>Date</th>
                                        <th>Description</th>
                                        <th>Montant</th>
                                        <th>Statut</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {% for depense in depenses %}
                                        <tr>
                                            <td>{{ depense.dateSaisie|date('d/m/Y') }}</td>
                                            <td>{{ depense.description }}</td>
                                            <td>{{ depense.montant|montant }}</td>
                                            <td>{{ depense.statut.label }}</td>
                                        </tr>
                                    {% endfor %}
                                </tbody>
                            </table>
                        </div>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
{% endblock %}