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

{% block body %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <h1 class="h3 mb-0"><i class="fas fa-tag me-2 text-warning"></i>Avoirs Fournisseurs</h1>
        <p class="text-muted small mb-0">Avoirs reçus (qualité non conforme, livraison partielle, etc.)</p>
    </div>
    {% if nbEnAttente > 0 %}
    <span class="badge bg-warning text-dark fs-6">{{ nbEnAttente }} en attente</span>
    {% endif %}
</div>

{% if nbEnAttente > 0 %}
<div class="alert alert-warning d-flex align-items-center gap-2 mb-4">
    <i class="fas fa-exclamation-triangle fs-5"></i>
    <div>
        <strong>{{ nbEnAttente }} avoir{{ nbEnAttente > 1 ? 's' : '' }} en attente d'application.</strong>
        Cliquez sur "Appliquer" pour déduire le montant de vos achats du mois en cours.
    </div>
</div>
{% endif %}

{# Filtres statut #}
<div class="d-flex gap-2 mb-3">
    <a href="{{ path('tenant_avoirs_index') }}" class="btn btn-sm {{ statut is null ? 'btn-secondary' : 'btn-outline-secondary' }}">Tous</a>
    <a href="{{ path('tenant_avoirs_index', {statut: 'en_attente'}) }}" class="btn btn-sm {{ statut == 'en_attente' ? 'btn-warning' : 'btn-outline-warning' }}">
        En attente
        {% if nbEnAttente > 0 %}<span class="badge bg-danger ms-1">{{ nbEnAttente }}</span>{% endif %}
    </a>
    <a href="{{ path('tenant_avoirs_index', {statut: 'appliqué'}) }}" class="btn btn-sm {{ statut == 'appliqué' ? 'btn-success' : 'btn-outline-success' }}">Appliqués</a>
</div>

{% if avoirs is empty %}
<div class="alert alert-info">
    <i class="fas fa-info-circle me-2"></i>
    Aucun avoir trouvé{% if statut %} avec ce filtre{% endif %}.
    Pour déclarer un avoir, allez dans <a href="{{ path('tenant_achats_index') }}">Achats</a> et cliquez sur le bouton 🏷️ d'une ligne.
</div>
{% else %}
<div class="card shadow-sm">
    <div class="table-responsive">
        <table class="table table-hover mb-0">
            <thead class="table-light">
                <tr>
                    <th>Statut</th>
                    <th>Fournisseur</th>
                    <th>Description</th>
                    <th class="text-end">Montant HT</th>
                    <th class="text-end">Montant TTC</th>
                    <th>TVA</th>
                    <th>Déclaré le</th>
                    <th>Achat d'origine</th>
                    <th>Notes</th>
                    {% if is_granted('ROLE_TENANT_GESTIONNAIRE') %}
                    <th>Actions</th>
                    {% endif %}
                </tr>
            </thead>
            <tbody>
            {% for avoir in avoirs %}
                <tr class="{{ avoir.statut == 'en_attente' ? 'table-warning' : '' }}">
                    <td>
                        {% if avoir.statut == 'en_attente' %}
                            <span class="badge bg-warning text-dark">⏳ En attente</span>
                        {% else %}
                            <span class="badge bg-success">✅ Appliqué</span>
                            {% if avoir.date_application %}
                            <div class="text-muted small">{{ avoir.date_application|date('d/m/Y') }}</div>
                            {% endif %}
                        {% endif %}
                    </td>
                    <td class="fw-semibold">{{ avoir.fournisseur }}</td>
                    <td>{{ avoir.description }}</td>
                    <td class="text-end">{{ avoir.montant_ht|number_format(2, ',', ' ') }} €</td>
                    <td class="text-end fw-semibold text-danger">{{ avoir.montant_ttc|number_format(2, ',', ' ') }} €</td>
                    <td>{{ avoir.taux_tva|number_format(1) }} %</td>
                    <td>{{ avoir.date_creation|date('d/m/Y') }}</td>
                    <td class="text-muted small">
                        {% if avoir.achat_source_desc %}
                            {{ avoir.achat_source_desc }}
                            {% if avoir.date_achat %}<br><span class="text-muted">{{ avoir.date_achat|date('d/m/Y') }}</span>{% endif %}
                        {% else %}
                            —
                        {% endif %}
                    </td>
                    <td class="text-muted small">{{ avoir.notes ?: '—' }}</td>
                    {% if is_granted('ROLE_TENANT_GESTIONNAIRE') %}
                    <td>
                        {% if avoir.statut == 'en_attente' %}
                        {% set montantConfirm = avoir.montant_ttc|number_format(2, ',', ' ') %}
                        <form method="post" action="{{ path('tenant_avoirs_appliquer', {id: avoir.id}) }}" class="d-inline"
                              onsubmit="return confirm('Appliquer cet avoir de {{ montantConfirm }} € ?\nUne ligne négative sera créée dans les achats du mois en cours.')">
                            <input type="hidden" name="_token" value="{{ csrf_token('avoir_appliquer_' ~ avoir.id) }}">
                            <button type="submit" class="btn btn-sm btn-success">
                                <i class="fas fa-check-circle"></i> Appliquer
                            </button>
                        </form>
                        <form method="post" action="{{ path('tenant_avoirs_supprimer', {id: avoir.id}) }}" class="d-inline"
                              onsubmit="return confirm('Supprimer cet avoir ?')">
                            <input type="hidden" name="_token" value="{{ csrf_token('avoir_supprimer_' ~ avoir.id) }}">
                            <button type="submit" class="btn btn-sm btn-outline-danger">
                                <i class="fas fa-trash"></i>
                            </button>
                        </form>
                        {% else %}
                            <span class="text-muted small">—</span>
                        {% endif %}
                    </td>
                    {% endif %}
                </tr>
            {% endfor %}
            </tbody>
            <tfoot class="table-light">
                <tr>
                    <td colspan="3" class="fw-bold text-end">Total TTC :</td>
                    <td class="text-end fw-bold">
                        {%- set totalHT = 0 %}{% for a in avoirs %}{% set totalHT = totalHT + a.montant_ht %}{% endfor %}
                        {{ totalHT|number_format(2, ',', ' ') }} €
                    </td>
                    <td class="text-end fw-bold text-danger">
                        {%- set totalTTC = 0 %}{% for a in avoirs %}{% set totalTTC = totalTTC + a.montant_ttc %}{% endfor %}
                        {{ totalTTC|number_format(2, ',', ' ') }} €
                    </td>
                    <td colspan="{{ is_granted('ROLE_TENANT_GESTIONNAIRE') ? 5 : 4 }}"></td>
                </tr>
            </tfoot>
        </table>
    </div>
</div>
{% endif %}

<div class="mt-3">
    <a href="{{ path('tenant_achats_index') }}" class="btn btn-outline-secondary btn-sm">
        <i class="fas fa-arrow-left me-1"></i> Retour aux Achats
    </a>
</div>
{% endblock %}