<!-- Button trigger modal -->
<!-- Modal -->
<div class="modal fade" id="detailEns" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header" style="background: #21618C;color:#fff;">
        <h5 class="modal-title" id="exampleModalLabel">
          <span><i class="fa fa-graduation-cap"></i> ENSEIGNANTS PAR ETABLISSEMENT</span>
        </h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        {% for ufr,NbEns in zipdataEN %}
          <div class="row">
              <div class="col">
                    <!-- small box -->
                    <div class="small-box ens-dash-item" style="background:#a6dff2;">
                        <div class="inner">
                            <h4><i class="fa fa-university"></i> {{ufr.code}} <br/><span style="float:right;color:#A93226">{{NbEns}}</span><br/></h4>
                        </div>
                        <div class="icon">
                        </div>
                        <a href="{% url 'EspaceEnseignant:pr_enseignant_list' ufr.id anUniv.id %}" class="small-box-footer">Voir plus <i class="fas fa-arrow-circle-right"></i></a>
                    </div>
                </div>
          </div>
        {% endfor %}
      </div>
    </div>
  </div>
</div>