{% extends 'admin_base.html.twig' %}


{% block body %}
<div class="content-body">
    <!-- row -->
    <div class="container-fluid">

        <div class="row page-titles mx-0">
            <div class="col-sm-6 p-md-0">
                <div class="welcome-text">
                    <h4>Les Étapes</h4>
                </div>
            </div>
            <div class="col-sm-6 p-md-0 justify-content-sm-end mt-2 mt-sm-0 d-flex">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ path("admin.main") }}">Tableau de board</a></li>
                    <li class="breadcrumb-item"><a href="{{ path("admin.courses.read.all",{ "token" :  cours.getGroupe().getSgToken() }) }}">{{ cours.getGroupe().getName() }}</a></li>
                    <li class="breadcrumb-item"><a href="{{ path("admin.etapes.read.all",{ "token" :  cours.getSgToken() }) }}">{{ cours.getTitle() }}</a></li>
                    {% if parent %}
                        <li class="breadcrumb-item"><a href="{{ path("admin.etapes.read.all",{ "token" :  parent.getSgToken() }) }}">{{ parent.getTitle() }}</a></li>
                    {% endif %}
                    <li class="breadcrumb-item active"><a href="javascript:;">Les Étapes</a></li>
                </ol>
            </div>
        </div>

        <div class="row">

            <div class="col-lg-12">
                <div class="row tab-content">
                    <div id="list-view" class="tab-pane fade active show col-lg-12">
                        <div class="card">
                            <div class="card-header">
                                <h4 class="card-title">Les Étapes  </h4>
                                {% if app.user.getSgToken()==cours.getUser().getSgToken() or app.user.isAdmin() %}
                                    <a href="{{ path("admin.etapes.add",{"token" : parent ? parent.getSgToken() : cours.getSgToken()}) }}" class="btn btn-primary">+ Nouveau</a>

                                {% endif %}
                            </div>
                            <div class="card-body">
                                <div class="table-responsive">
                                    <table id="example3" class="display" style="min-width: 845px">
                                        <thead>
                                        <tr>
                                            <th>Etape</th>

                                            <th>Titre</th>
                                            <th>Nbr Fichiers</th>
                                            <th>Vues</th>
                                            <th>Vues Fichiers</th>
                                            <th>Vues Video</th>
                                            <th>Date de Création</th>
                                            <th>Publié?</th>
                                            <th>Action</th>
                                        </tr>
                                        </thead>
                                       <tbody>
                                           {% for a in etapes %}
                                               <tr>
                                                   <td>{{ a.getNum() }}</td>
{#                                                   <td>#}
{#                                                       {% if a.file_name %}#}
{#                                                           <a target="_blank" href="{{ a.file_name ? asset(etape_images~'/'~a.id~'/'~a.file_name) : asset(admin_assets~'/images/default_image.png')  }}">#}
{#                                                               <img src="{{  a.file_name ? asset(etape_images~'/'~a.id~'/'~a.file_name) }}" alt="contact-img" title="contact-img" class="rounded mr-3" height="48" />#}
{#                                                           </a>#}
{#                                                       {% else %}#}
{#                                                           <img src="{{ asset(admin_assets~'/images/default_image.png') }}" alt="contact-img" title="contact-img" class="rounded mr-3" height="48" />#}

{#                                                       {% endif %}#}
{#                                                   </td>#}
                                                   <td>{{ a.getTitle() }}</td>
                                                   <td>{{ a.getFichiers()|length }}</td>
                                                   <td>{{ a.getViews() }}</td>
                                                   <td>{{ a.getFDownload() }}</td>
                                                   <td>{{ a.getVDownload() }}</td>
                                                   <td>{{ a.getCreatedAt()|date("d/m/Y") }}</td>
                                                   <td>
                                                     <span class="{{ a.isEnabled() ? "badge badge-rounded badge-outline-success" : "badge badge-rounded badge-outline-warning" }}">{{ a.isEnabled() ? "Oui" :"Non" }}</span>
                                                   </td>

                                                   <td>
                                                       {% if a.getParent()==null or a.getParent().getParent()==null %}
                                                             <a  title="Étapes" href="{{ path("admin.etapes.read.all",{"token":a.getSgToken() }) }}" class="btn btn-sm btn-secondary"><i class="la la-th-list"></i></a>
                                                           <a title="Qcms" href="{{ path("admin.qcms.read.all",{"token":a.getSgToken() }) }}" class="btn btn-sm btn-info"><i class="la la-question-circle"></i></a>

                                                       {% endif %}

                                                       {% if a.isTp() %}
                                                           <a title="Travaux" href="{{ path("admin.etapes.devoirs",{"token":a.getSgToken() }) }}" class="btn btn-sm btn-dark"><i class="la la-file-text"></i></a>

                                                       {% endif %}

                                                       {% if app.user.getSgToken()==cours.getUser().getSgToken() or app.user.isAdmin() %}
                                                           <a title="Modifier" href="{{ path("admin.etapes.edit",{"token":a.getSgToken() }) }}" class="btn btn-sm btn-primary"><i class="la la-pencil"></i></a>
                                                           <a title="Supprimer" href="{{ path("admin.etapes.delete",{"token":a.getSgToken() }) }}" class="btn btn-sm btn-danger"><i class="la la-trash-o"></i></a>

                                                       {% endif %}
                                             </td>
                                           </tr>
                                           {% endfor %}
                                       </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
{% endblock %}