{% extends "base.html.twig" %}

{% block content %}
<form>
<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 ">
        <div class="mt-3">
          <h5 class="card-header-title">Mes cours</h5>
        </div>
         {% for message in app.flashes('success-add-course') %}
        <div class="flash-notice text-start p-0">
          <p class=" alert alert-success text-success">{{ message }}</p>
        </div>
        {% endfor %}
            {% include 'courses/filtre.html.twig' %}
        <div class="table-responsive mb-5 pt-2 ps-2">
          <table class="table">
            <thead>
              <tr>
                <th scope="col">Titre</th>
                <th scope="col">Nombre De Chapitre</th>
                <th scope="col">Date</th>
                <th scope="col">Statut</th>
                <th scope="col">
                  <div class="float-end me-3">Action</div>
                </th>
              </tr>
            </thead>
            <tbody>
              {% for cours in pagination %}
              <tr>
                <td>{{cours.title}}</td>
                <td>{{cours.chapters| length}}</td>
                <td>{{cours.publicationDate |date('Y-m-d')}}</td>
                <td>
                  {% if (cours.active == 0) %}
                  <small class="badge bg-danger rounded-pill">En attente de saisie</small>
                  {% elseif (cours.active == 1) %}
                  <small class="badge bg-warning rounded-pill">En attente de validation saisie</small>
                  {% elseif (cours.active == 2) %}
                  <small class="badge bg-warning rounded-pill">En attente de publication</small>
                  {% else %}
                  <small class="badge bg-success rounded-pill">Publiée</small>
                  {% endif %}
                </td>
                <td>
                  <div class="float-end">
                    <a href="{{ path('user_edit_courses', {'id': cours.id }) }}" class="text-decoration-none " title="Modifier cours">
                      <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>
                        <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"></path>
                      </svg>
                    </a>
                    
                    <a href="{{ path('previewcourse', {'id': cours.id }) }}"
                      class="text-decoration-none " target="blank" title="voir cours">
                      <svg width="18" height="18" fill="#8c98a4" class="bi bi-journal-code me-2 mb-1" viewBox="0 0 16 16">
                        <path fill-rule="evenodd" d="M8.646 5.646a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708L10.293 8 8.646 6.354a.5.5 0 0 1 0-.708zm-1.292 0a.5.5 0 0 0-.708 0l-2 2a.5.5 0 0 0 0 .708l2 2a.5.5 0 0 0 .708-.708L5.707 8l1.647-1.646a.5.5 0 0 0 0-.708z"/>
                        <path d="M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2z"/>
                        <path d="M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1z"/>
                      </svg>
                    </a>
                    <a href="{{ path('manage_quiz', {'id': cours.id }) }}" class="text-decoration-none" title="Gérer quiz">
                      <svg width="20" height="20" fill="#8c98a4" class="bi bi-question-square me-2 mb-1" viewBox="0 0 16 16">
                        <path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/>
                        <path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z"/>
                      </svg>
                    </a>
                  </div>
                </td>
              </tr>
              {% endfor %}
            </tbody>
          </table>
        </div>
        <div class="d-flex justify-content-end">

          <div class="d-flex flex-row-reverse ">
                <div class="navigation my-4">
                    {% do pagination.setPageRange(2) %} {{ knp_pagination_render(pagination,'pagination.html.twig') }}
                </div>
                
                    <div class="my-4">
                        <select name="resultat" class="form-select form-select-sm 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>
    </div>
  </div>
</div>
</form>
{% endblock %}