{% if (trafficLawsExams|length) > 0 %}
  <div class="tab-content py-0 px-0 bloc-radius-bottom-left bloc-radius-bottom-right">
    <div class="tab-pane fade show active"
      role="tabpanel"
      aria-labelledby="traffic-laws-exam-tab">
      <div class="row px-4">
        <div class="col-md-12 py-4">
          <h3>
            {{ trafficLawsExams|length }}
            inscription(s) trouvée(s)
          </h3>
        </div>
        {% for examSessionRegistration in trafficLawsExams %}
          <div class="col-md-12">
            <div class="card shadow-lg bloc-radius my-2">
              <div class="card-body border-0 px-2">
                <div class="row">
                  <div class="col-sm-8 p-4">
                    <h3>
                      {% if examSessionRegistration['centerName'] %}
                        {{ examSessionRegistration['centerName'] }}
                        -
                      {% endif %}
                      <span class="title">
                        NEPH : {{ app.user.neph }}
                      </span>
                    </h3>
                    <hr class="mt-0 mb-4" />
                    <div class="row pt-1">
                      <div class="col-4 mb-3">
                        <h6>
                          {% if examSessionRegistration['isExamine'] == true %}
                            <span title="L'examen a été effectué">
                              Effectué le
                              <span class="mx-2 badge rounded-pill bg-success"
                                title="L'examen a été bien réussi">
                                <i class="mdi mdi-bookmark-check icon-sm"></i>
                              </span>
                            </span>

                            {% if examSessionRegistration['succes'] == true %}
                              <span class="mx-2 badge rounded-pill bg-success"
                                title="L'examen a été bien réussi">
                                Examen bien réussi
                              </span>
                            {% endif %}
                          {% else %}
                            <span>Date de l'examen</span>
                          {% endif %}
                        </h6>
                        <p class="text-muted">
                          <i class="mdi mdi-calendar"></i>
                          {{
                            examSessionRegistration['sessionDate']|date(
                              'd/m/Y à H:i'
                            )
                          }}
                        </p>
                      </div>
                      <div class="col-4 mb-3">
                        <h6>
                          Permis
                        </h6>
                        <p class="text-muted">
                          <span class="badge rounded-pill bg-primary"
                            title="Le type de parmis">
                            {{ examSessionRegistration['permisType'] }}
                          </span>
                        </p>
                      </div>
                      <div class="col-4 mb-3">
                        <h6>
                          Adresse
                        </h6>
                        <p class="text-muted">
                          <i class="mdi mdi-map-marker"></i>
                          {% if examSessionRegistration['centerAddress'] %}
                            {{ examSessionRegistration['centerAddress'] }}
                          {% else %}
                            -
                          {% endif %}
                        </p>
                      </div>
                    </div>
                  </div>
                  <div class="col-sm-4 p-4 border-left d-flex align-items-center justify-content-center">
                    <span class="show-result">
                      {% if examSessionRegistration['isExamine'] == true %}
                        <br />
                        <a class="send-tf-results-exam btn btn-outline-warning my-2 mt-xl-0 p-2"
                          title="Envoyer les résultats de l'examen passé"
                          href="#">
                          <i class="mdi mdi mdi-send btn-icon-append"></i>
                          Envoyer les résultats
                        </a>
                      {% else %}
                        <a class="send-tf-convocation-exam btn btn-outline-warning my-2 mt-xl-0 p-2"
                          title="Envoyer la convocation de l'examen"
                          href="#"
                          data-token="{{
                          examSessionRegistration['tokenInscription']
                          }}">
                          <i class="mdi mdi-send btn-icon-append"></i>
                          Envoyer la convocation
                        </a>
                        <br />
                          {% if (is_granted('ROLE_STUDENT') and (not is_granted('ROLE_SUPER_ADMIN') and (not is_granted('ROLE_ADMIN')) and (not is_granted('ROLE_MANAGER'))))  %}
                            <a 
                              class="cancel-tf-exam btn btn-outline-danger my-2 mt-xl-0 p-2"
                              title="Annuler l'inscription"
                              href="#"
                              data-token="{{
                              examSessionRegistration['tokenInscription']
                              }}">
                              <i class="mdi mdi-close btn-icon-append"></i>
                              Annuler l'inscription
                            </a>
                          {% endif %}
                      {% endif %}
                    </span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        {% endfor %}
      </div>
    </div>
  </div>
{% else %}
  <div class="p-5 bloc-radius-bottom-left bloc-radius-bottom-right">
    <h3>
      <i>Aucune session d'examen code trouvée</i>
    </h3>
  </div>
{% endif %}