{% extends 'layout/backEndLayout.html.twig' %}

{% block title %}Paiements Cash{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('assets/css/finance-custom.css') }}">
{% endblock %}

{% block body %}
<div class="all-title-box" style="background: linear-gradient(135deg, #228B22 0%, #1a6b1a 100%);">
    <div class="container text-center">
        <h1 style="color: white;">Paiements Cash
            <span class="m_1" style="color: #c8e6c9;">Gestion des encaissements</span>
        </h1>
    </div>
</div>

<div id="overviews" class="section lb">
    <div class="container">
        {% include 'layout/partials/flash_messages.html.twig' %}
        
        <div class="row mb-4">
            <div class="col-lg-12">
                <a href="{{ path('app_finance_cash_payment_new') }}" class="btn btn-finance-primary">
                    <i class="fas fa-plus"></i> Nouveau paiement
                </a>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-12">
                <div class="table-responsive">
                    <table class="table table-striped table-hover">
                        <thead class="thead-dark">
                            <tr>
                                <th><i class="fas fa-hashtag"></i> ID</th>
                                <th><i class="fas fa-receipt"></i> N° Reçu</th>
                                <th><i class="fas fa-user-graduate"></i> Élève</th>
                                <th><i class="fas fa-money-bill-wave"></i> Montant</th>
                                <th><i class="fas fa-calendar"></i> Date</th>
                                <th><i class="fas fa-user"></i> Reçu par</th>
                                <th><i class="fas fa-cogs"></i> Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% if payments is empty %}
                                <tr>
                                    <td colspan="7" class="text-center">
                                        <i class="fas fa-inbox fa-3x text-muted mb-3"></i>
                                        <p class="lead text-muted">Aucun paiement trouvé</p>
                                    </td>
                                </tr>
                            {% else %}
                                {% for payment in payments %}
                                    <tr>
                                        <td>{{ payment.id }}</td>
                                        <td><strong>{{ payment.receiptNumber }}</strong></td>
                                        <td>
                                            {% if payment.student is defined %}
                                                {{ payment.student.fullName }}
                                            {% else %}
                                                Élève #{{ payment.studentId }}
                                            {% endif %}
                                        </td>
                                        <td>
                                            <span class="badge badge-success">
                                                {{ payment.amount|number_format(0, ',', ' ') }} XAF
                                            </span>
                                        </td>
                                        <td>
                                            {% if payment.paymentDate %}
                                                {{ payment.paymentDate|date('d/m/Y H:i') }}
                                            {% else %}
                                                -
                                            {% endif %}
                                        </td>
                                        <td>
                                            {{ payment.receivedBy ?: '-' }}
                                        </td>
                                        <td class="text-center">
                                            <div class="btn-group" role="group">
                                                <a href="{{ path('app_finance_cash_payment_show', {'id': payment.id}) }}" 
                                                   class="btn btn-sm btn-info" title="Voir">
                                                    <i class="fas fa-eye"></i>
                                                </a>
                                                <a href="{{ path('app_finance_cash_payment_receipt', {'id': payment.id}) }}" 
                                                   class="btn btn-sm btn-primary" title="Télécharger reçu" target="_blank">
                                                    <i class="fas fa-file-pdf"></i>
                                                </a>
                                            </div>
                                        </td>
                                    </tr>
                                {% endfor %}
                            {% endif %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}