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

{% block title %}Factures - {{ enfant.prenom }} {{ enfant.nom }}{% endblock %}

{% block page_title %}Factures - {{ enfant.prenom }} {{ enfant.nom }}{% endblock %}

{% block body %}
    <div class="card">
        <div class="card-body pt-6">
            {% if factures is empty %}
                <div class="text-muted">Aucune facture disponible.</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>Numéro</th>
                                <th>Période</th>
                                <th>Montant</th>
                                <th>Statut</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody class="fw-semibold text-gray-600">
                            {% for ligne in factures %}
                                {% set facture = ligne.facture %}
                                <tr>
                                    <td>{{ facture.numero }}</td>
                                    <td>{{ facture.periodeDebut|date('d/m/Y') }} au {{ facture.periodeFin|date('d/m/Y') }}</td>
                                    <td>{{ facture.montant|montant }}</td>
                                    <td>{{ ligne.statut.label }}</td>
                                    <td class="text-end">
                                        <a href="{{ path('parents_espace_facture_telecharger', {enfantId: enfant.id, factureId: facture.id}) }}" class="btn btn-light btn-sm">Télécharger</a>
                                    </td>
                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            {% endif %}
        </div>
    </div>
{% endblock %}