<div class="modal fade" id="modalAffectation" tabindex="-1" aria-labelledby="modalAffectationLabel" aria-hidden="true">
  <div class="modal-dialog ">
    <div class="modal-content">
        <div class="modal-header bg-orange-dark">
            <h5 class="modal-title" id="modalAffectationLabel"   >
                Affectation de projet (<span id="affectation-nom-employe"></span>)
            </h5>
            <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal">
            </button>
        </div>
        <div class="modal-body">
            <form action="{% url 'gestion_employe:affecter_employe_projet' %}" method="POST">
                {% csrf_token %}
                <input type="hidden" name="affecter_employe_id" id="affecter_employe_id">
                {{ affectation_form.as_p }}
                <div class="modal-footer bg-light">
                    <button type="submit" class="btn btn-success">
                        <i class="bi bi-check-circle"></i> affecter
                    </button>
                    <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">
                        <i class="bi bi-x-circle me-1"></i> Annuler
                    </button>
                </div>
            </form>
        </div>
    </div>
  </div>
</div>