<div class="modal fade" id="modalDepenseActivite" tabindex="-1" aria-labelledby="modalDepenseActiviteLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="modalDepenseActiviteLabel">
                    <i class="bi bi-cash-stack me-2"></i> Mise à jour des dépenses
                </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <form method="POST" action="{% url 'gestion_projet:mettre-a-jour-depense' %}">
                    {% csrf_token %}
                    <input type="hidden" name="id_activite" id="id_activite_depense">
                    <div class="mb-2">
                        <label class="form-label">Budget prévu (GNF)</label>
                        <input type="number" class="form-control" name="budget_prevu" id="budget_prevu" value="" disabled>
                    </div>
                    <div class="mb-2">
                        <label for="budget_depense" class="form-label">Montant dépensé (GNF)</label>
                        <input type="number" name="budget_depense" id="budget_depense" class="form-control" required>
                    </div>
                    <div class="mb-2">
                        <label class="form-label">Motif de différence</label>
                        <textarea class="form-control" name="motif" rows="3"></textarea>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
                        <button type="submit" class="btn btn-success">
                            <i class="bi bi-save"></i> Enregistrer
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>