<div class="modal fade" id="modalContrat" tabindex="-1" aria-labelledby="modalContratLabel" aria-hidden="true">
  <div class="modal-dialog ">
    <div class="modal-content bg-white">
      <div class="modal-header ">
        <h5 class="modal-title" id="modalContratLabel">
          <i class="bi bi-file-earmark-text me-2"></i>
          Contrat de <span id="contrat-employe"></span>
        </h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
      </div>
      <div class="modal-body">
        <form action="{% url 'gestion_employe:creation-contrat' %}" method="POST" id="contrat_form" enctype="multipart/form-data">
          {% csrf_token %}
          <input type="hidden" name="employe_id" value="" id="employeIdInput">
          {{ contrat_form.as_p }}
          <div class="modal-footer bg-light">
            <button type="submit" class="btn btn-success">
              <i class="bi bi-check-circle me-1"></i> Enregistrer
            </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>
        {% comment %} <fieldset class="border p-3 mb-4">
          <legend class="fw-bold mb-3 text-muted">Informations du contrat</legend>
  
              <div class="form-group mb-2">
                  <label>Numero de contrat :</label>
                    <input type="text" class="form-control">
                </div>
                <div class="form-group mb-2">
                  <label>Type contrat :</label>
                  <input type="text" class="form-control">
                </div>
                <div class="form-group mb-2">
                  <label>date de début :</label>
                  <input type="date" class="form-control">
                </div>
                <div class="form-group mb-2">
                  <label>date de fin :</label>
                  <input type="date" class="form-control">
                </div>
                <div class="form-group mb-2">
                  <label>Salaire mensuel :</label>
                    <input type="text" class="form-control">
                </div>
                <div class="form-group mb-2">
                  <label>Fichier du contrat :</label>
                  <input type="file" class="form-control">
                </div>
              </div>
        </fieldset> {% endcomment %}
      </div>
    </div>
  </div>
</div>