{% extends "base.html.twig" %}
{% block content %}
  <div class="container-fluid p-0">
    <div class="container pt-5 pb-5">
      <div class="row">
        <div class="col-lg-3 col-responsive">
          {% include 'shared/menu.html.twig' %}
        </div>
        <div class="col-lg-9 ">
          <form id="searchInscription">
            <div class="mt-3">
              <h5 class="card-header-title">Liste des inscriptions</h5>
            </div>
            <div>
              {% include 'formation/filtre-inscription.html.twig' %}
            </div>
            <div class="table-responsive mb-5 pt-3">
              <table class="table">
                <thead>
                  <tr>
                    <th scope="col">Nom</th>
                    <th scope="col">Prénom</th>
                    <th scope="col">Téléphone</th>
                    <th scope="col">Date inscription</th>
                    <th scope="col">Session</th>
                    <th scope="col">Montant payé</th>
                    <th scope="col">Statut</th>
                    <th scope="col">
                      <div class="float-end me-3">Action</div>
                    </th>
                  </tr>
                </thead>
                <tbody>
                  {% for inscription in inscriptions %}
                  <tr>
                    <td>{{inscription.user.firstName }}</td>
                    <td>{{inscription.user.lastName  }}</td>
                    <td>{{inscription.user.numTel}}</td>
                    <td>{{inscription.inscriptionDate |date('Y-m-d h:m:s')}}</td> 
                    <td>{{inscription.session.title}}</td>
                    <td>{{inscription.montantpayer}}</td>
                    <td> 
                      {% if inscription.status == 0 %}
                        <small class="badge bg-danger rounded-pill">Non payé</small>
                        {% elseif inscription.status == 1 %}
                          <small class="badge bg-warning rounded-pill">Account</small>
                        {% else %}
                        <small class="badge bg-success rounded-pill">Payé</small>
                      {% endif %}
                    </td>
                    <td>
                      <div class="text-center">
                        <a type ="button" data-bs-toggle="modal" data-bs-target="#MontantPayerModal" data-bs-nom="{{inscription.user.firstName }}" data-bs-prenom="{{inscription.user.lastName  }}" data-bs-tel="{{inscription.user.numTel}}"
                        data-bs-montant="{{inscription.montantpayer}}" data-bs-idinscription="{{inscription.id}}" href="" class="text-decoration-none" title="modifier montant">
                          <svg width="20" height="20" fill="#8c98a4" class="bi bi-pencil-square me-2 mb-1"
                            viewBox="0 0 16 16">
                            <path
                              d="M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z" />
                            <path fill-rule="evenodd"
                              d="M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5v11z" />
                          </svg>
                        </a>
                      </div>
                    </td>
                  </tr>  
                  {% endfor %}
                </tbody>
              </table>
            </div>
            <div class="d-flex bd-highlight mb-3">
              <div class="me-auto pt-3">
                <a type="button" class="btn btn-primary" href="{{ path('get_all_sessions') }}">
                  <svg width="16" height="16" fill="currentColor" class="bi bi-arrow-90deg-left" viewBox="0 0 16 16">
                      <path fill-rule="evenodd" d="M1.146 4.854a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 4H12.5A2.5 2.5 0 0 1 15 6.5v8a.5.5 0 0 1-1 0v-8A1.5 1.5 0 0 0 12.5 5H2.707l3.147 3.146a.5.5 0 1 1-.708.708l-4-4z"/>
                  </svg>
                  Retour
                </a>
              </div>
              <div class="d-flex flex-row-reverse ">
                <div class="navigation my-3">
                  {% do inscriptions.setPageRange(1) %} {{ knp_pagination_render(inscriptions,'pagination.html.twig') }}
                </div>
                <div class="my-3">
                  <select name="resultat" class="form-select nbr-course-page me-2 text-muted" id="resultat" onchange="this.form.submit()">
                    {% for key, resultat in resultats %}
                      <option {{ app.request.get('resultat')==key ~ '' ? 'selected' : '' }} value="{{ key }}">{{ resultat }}</option>
                    {% endfor %}
                  </select>
                </div>          
              </div>
            </div>
            {# <div class="d-flex flex-row-reverse ">
              <div class="navigation my-4">
                {% do inscriptions.setPageRange(1) %} {{ knp_pagination_render(inscriptions,'pagination.html.twig') }}
              </div>
              <div class="my-4">
                <select name="resultat" class="form-select form-select nbr-course-page me-2 text-muted" id="resultat" onchange="this.form.submit()">
                  {% for key, resultat in resultats %}
                    <option {{ app.request.get('resultat')==key ~ '' ? 'selected' : '' }} value="{{ key }}">{{ resultat }}</option>
                  {% endfor %}
                </select>
              </div>
            </div>
              <div class="">
                <a type="button" class="btn btn-primary" href="{{ path('get_all_sessions') }}">
                  <svg width="16" height="16" fill="currentColor" class="bi bi-arrow-90deg-left" viewBox="0 0 16 16">
                      <path fill-rule="evenodd" d="M1.146 4.854a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 4H12.5A2.5 2.5 0 0 1 15 6.5v8a.5.5 0 0 1-1 0v-8A1.5 1.5 0 0 0 12.5 5H2.707l3.147 3.146a.5.5 0 1 1-.708.708l-4-4z"/>
                  </svg>
                  Retour
                </a>
              </div> #}
          </form>
        </div>
      </div>
    </div>
  </div>
  
{% include 'authentification/montantPayer.html.twig' %}
{% endblock %}