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

{% block body %}
<h3>💰 Solde par Agent</h3>

<form method="get" class="mb-3">
    <select name="agent" class="form-select d-inline-block" style="width:200px;">
        <option value="">-- Choisir un agent --</option>
        {% for agent in agents %}
            <option value="{{ agent.id }}" {% if selectedAgent and selectedAgent.id == agent.id %}selected{% endif %}>
                {{ agent.nom }} {{ agent.prenom }}
            </option>
        {% endfor %}
    </select>

    <input type="date" name="debut" value="{{ dateDebut ? dateDebut|date('Y-m-d') : '' }}">
    <input type="date" name="fin" value="{{ dateFin ? dateFin|date('Y-m-d') : '' }}">
    <button class="btn btn-primary">Filtrer</button>

    {% if selectedAgent %}
        <a href="{{ path('caisse_solde_agent', {agent: selectedAgent.id, debut: dateDebut ? dateDebut|date('Y-m-d') : '', fin: dateFin ? dateFin|date('Y-m-d') : '', export: 'pdf'}) }}" 
           class="btn btn-secondary">
           Exporter PDF
        </a>
    {% endif %}
</form>

{% if selectedAgent %}
<h4>Agent: {{ selectedAgent.nom }} {{ selectedAgent.prenom }}</h4>

<table class="table table-bordered">
    <thead>
        <tr>
            <th>Type</th>
            <th>Montant</th>
            <th>Date</th>
            <th>Statut</th>
        </tr>
    </thead>
    <tbody>
        {% for mov in movements %}
        <tr>
            <td>{{ mov.type|capitalize }}</td>
            <td>{{ mov.montant|number_format(3,'.',' ') }} DT</td>
            <td>{{ mov.date|date('d/m/Y H:i') }}</td>
            <td>
                {% if mov.estCorrection is defined and mov.estCorrection %}
                    <span class="badge bg-danger">Correction</span>
                {% else %}
                    <span class="badge bg-secondary">Normal</span>
                {% endif %}
            </td>
        </tr>
        {% else %}
        <tr>
            <td colspan="4" class="text-center">Aucun mouvement trouvé</td>
        </tr>
        {% endfor %}
    </tbody>
</table>

<p>Total Débit: {{ debit|number_format(3,'.',' ') }} DT</p>
<p>Total Crédit: {{ credit|number_format(3,'.',' ') }} DT</p>
<p>Solde: <span class="{% if solde < 0 %}text-danger{% else %}text-success{% endif %}">
    {{ solde|number_format(3,'.',' ') }} DT
</span></p>
{% endif %}

{% endblock %}