{% 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 ">
        <div class="mt-3">
          <h5 class="card-header-title">Validation des cours</h5>
        </div>
        {% for message in app.flashes('success-edit-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 ps-2 pt-3">
          <table class="table">
            <thead>
              <tr>
                <th scope="col">Titre</th>
                <th scope="col">Nombre De Chapitre</th>
                <th scope="col">Date de création</th>
                <th scope="col">Statut</th>
                <th scope="col">
                  <div class="float-end me-3">Action</div>
                </th>
              </tr>
            </thead>
            <tbody>
              {% for courses in pagination %}
              <tr>
                <td>{{courses.title}}</td>
                <td>{{courses.chapters| length}}</td>
                <td>{{courses.publicationDate |date('Y-m-d')}}</td>
                <td>
                  {% if (courses.active == 0) %}
                  <small class="badge bg-danger rounded-pill">En attente de saisie</small>
                  {% elseif (courses.active == 1) %}
                  <small class="badge bg-warning rounded-pill">En attente de validation saisie</small>
                  {% elseif (courses.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('previewcourse', {'id': courses.id }) }}" class="text-decoration-none"
                      target="blank" title="Voir version saisie">
                      <svg width="20" height="20" fill="#8c98a4" class="bi bi-eye me-2 mb-1" viewBox="0 0 16 16">
                        <path
                          d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z" />
                        <path
                          d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z" />
                      </svg>
                    </a>
                    <a href="{{ path('admin_edit_courses', {'id': courses.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 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>
                    <a href="{{ path('admin_manage_courses', {'id': courses.id }) }}" class="text-decoration-none"
                      title="Gérer chapitres">
                      <svg width="20" height="20" fill="#8c98a4" class="bi bi-folder me-2 mb-1" viewBox="0 0 16 16">
                        <path
                          d="M.54 3.87.5 3a2 2 0 0 1 2-2h3.672a2 2 0 0 1 1.414.586l.828.828A2 2 0 0 0 9.828 3h3.982a2 2 0 0 1 1.992 2.181l-.637 7A2 2 0 0 1 13.174 14H2.826a2 2 0 0 1-1.991-1.819l-.637-7a1.99 1.99 0 0 1 .342-1.31zM2.19 4a1 1 0 0 0-.996 1.09l.637 7a1 1 0 0 0 .995.91h10.348a1 1 0 0 0 .995-.91l.637-7A1 1 0 0 0 13.81 4H2.19zm4.69-1.707A1 1 0 0 0 6.172 2H2.5a1 1 0 0 0-1 .981l.006.139C1.72 3.042 1.95 3 2.19 3h5.396l-.707-.707z" />
                      </svg>
                    </a>
                  </div>
                </td>
              </tr>
              {% endfor %}
            </tbody>
          </table>
        </div>
        <div class="d-flex justify-content-end">
          <div class="navigation">
            {% do pagination.setPageRange(2) %}
            {{ knp_pagination_render(pagination,'pagination.html.twig') }}
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}