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

{% block title %}Détail du mouvement{% endblock %}

{% block page_title %}{{ mouvement.categorie.label }} - {{ mouvement.montant|montant }}{% endblock %}

{% block body %}
    <div class="card mb-5 mb-xl-8">
        <div class="card-header border-0 pt-6">
            <div class="card-title"><h3>Mouvement</h3></div>
        </div>
        <div class="card-body pt-0">
            <dl class="row mb-0">
                <dt class="col-sm-3">Catégorie</dt>
                <dd class="col-sm-9">{{ mouvement.categorie.label }}</dd>
                <dt class="col-sm-3">Montant</dt>
                <dd class="col-sm-9">{{ mouvement.montant|montant }}</dd>
                <dt class="col-sm-3">Description</dt>
                <dd class="col-sm-9">{{ mouvement.description }}</dd>
                {% if mouvement.beneficiaire %}
                    <dt class="col-sm-3">Bénéficiaire</dt>
                    <dd class="col-sm-9">{{ mouvement.beneficiaire.prenom }} {{ mouvement.beneficiaire.nom }}</dd>
                {% endif %}
                <dt class="col-sm-3">Statut</dt>
                <dd class="col-sm-9">{{ mouvement.statut.label }}</dd>
                {% if remboursable %}
                    <dt class="col-sm-3">Solde restant dû</dt>
                    <dd class="col-sm-9">
                        {% if soldeRestant <= 0 %}
                            <span class="badge badge-light-success">Soldé</span>
                        {% else %}
                            {{ soldeRestant|montant }}
                        {% endif %}
                    </dd>
                {% endif %}
            </dl>
            <a href="{{ path('comptabilite_avances') }}" class="btn btn-light btn-sm mt-3">Retour à la liste</a>
        </div>
    </div>

    {% if remboursable %}
        <div class="card">
            <div class="card-header border-0 pt-6">
                <div class="card-title"><h3>Remboursements</h3></div>
            </div>
            <div class="card-body pt-0">
                <div class="d-flex flex-column gap-3 mb-6">
                    {% for remboursement in remboursements %}
                        <div class="border rounded p-4">
                            <div class="mb-3">
                                {{ remboursement.dateSaisie|date('d/m/Y') }} - <strong>{{ remboursement.montant|montant }}</strong> - {{ remboursement.statut.label }}
                                {% if remboursement.description %} - {{ remboursement.description }}{% endif %}
                                {% if remboursement.motifRefus %}
                                    <div class="text-muted fs-8">Motif : {{ remboursement.motifRefus }}</div>
                                {% endif %}
                            </div>
                            {% if remboursement.statut.value == 'en_attente' and estDirection %}
                                <div class="d-flex flex-wrap gap-2">
                                    <form method="post" action="{{ path('comptabilite_avances_remboursement_valider', {id: mouvement.id, remboursementId: remboursement.id}) }}">
                                        <input type="hidden" name="_csrf_token" value="{{ csrf_token('avances_remboursement_valider_' ~ remboursement.id) }}">
                                        <button type="submit" class="btn btn-light-success btn-sm">Valider</button>
                                    </form>
                                    <form method="post" action="{{ path('comptabilite_avances_remboursement_refuser', {id: mouvement.id, remboursementId: remboursement.id}) }}" class="d-flex gap-2">
                                        <input type="hidden" name="_csrf_token" value="{{ csrf_token('avances_remboursement_refuser_' ~ remboursement.id) }}">
                                        <input type="text" name="motif" placeholder="Motif du refus" required class="form-control form-control-sm">
                                        <button type="submit" class="btn btn-light-danger btn-sm">Refuser</button>
                                    </form>
                                </div>
                            {% endif %}
                        </div>
                    {% else %}
                        <div class="text-muted">Aucun remboursement enregistré.</div>
                    {% endfor %}
                </div>

                {% if mouvement.statut.value == 'valide' and soldeRestant > 0 %}
                    <form method="post" action="{{ path('comptabilite_avances_remboursement_nouveau', {id: mouvement.id}) }}" class="row g-3 align-items-end">
                        <input type="hidden" name="_csrf_token" value="{{ csrf_token('avances_remboursement_' ~ mouvement.id) }}">
                        <div class="col-md-3">
                            <label class="form-label">Montant remboursé *</label>
                            <input type="text" name="montant" required class="form-control">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Note (facultatif)</label>
                            <input type="text" name="description" class="form-control">
                        </div>
                        <div class="col-md-3">
                            <button type="submit" class="btn btn-primary">Enregistrer le remboursement</button>
                        </div>
                    </form>
                {% endif %}
            </div>
        </div>
    {% endif %}
{% endblock %}