{% extends 'base.html.twig' %}
{% block title %}{{ 'شحن الرصيد'|trans }}{% endblock %}
{% block body %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <h2><i class="bi bi-phone"></i> {{ 'سجل شحن الرصيد'|trans }}</h2>
    <a href="{{ path('recharge_new') }}" class="btn btn-primary"><i class="bi bi-plus-lg"></i> {{ 'عملية شحن'|trans }}</a>
</div>
{% include '_partials/_list_search.html.twig' %}
<div class="card border-0 shadow-sm">
    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead class="table-light">
                <tr><th>{{ 'الزبون'|trans }}</th><th>{{ 'الرقم'|trans }}</th><th>{{ 'المشغل'|trans }}</th><th>{{ 'المبلغ'|trans }}</th><th>{{ 'المدفوع'|trans }}</th><th>{{ 'الدين'|trans }}</th><th>{{ 'التاريخ'|trans }}</th><th></th></tr>
            </thead>
            <tbody>
            {% for recharge in recharges %}
                <tr>
                    <td>{{ recharge.client.nom }}</td>
                    <td>{{ recharge.numeroTelephone }}</td>
                    <td>{{ recharge.operateurLibelle }}</td>
                    <td>{{ recharge.montant|montant_fr }}</td>
                    <td>{{ recharge.montantPaye|montant_fr }}</td>
                    <td class="fw-semibold {{ recharge.creditRestant > 0 ? 'text-danger' : 'text-success' }}">{{ recharge.creditRestant|montant_fr }}</td>
                    <td>{{ recharge.creeLe|date('d/m/Y H:i') }}</td>
                    <td class="text-end">
                        <a href="{{ path('recharge_edit', {id: recharge.id}) }}" class="btn btn-sm btn-outline-secondary" aria-label="{{ 'تعديل'|trans }}"><i class="bi bi-pencil"></i></a>
                        <form method="post" action="{{ path('recharge_delete', {id: recharge.id}) }}" class="d-inline" onsubmit="return confirm('{{ 'تأكيد الحذف؟'|trans|e('js') }}');">
                            <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ recharge.id) }}">
                            <button class="btn btn-sm btn-outline-danger" aria-label="{{ 'حذف'|trans }}"><i class="bi bi-trash"></i></button>
                        </form>
                    </td>
                </tr>
            {% else %}
                <tr><td colspan="8" class="text-center text-muted py-4">{{ 'لا توجد عمليات شحن مسجلة.'|trans }}</td></tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% include '_partials/_pagination.html.twig' %}
{% endblock %}