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

{% block body %}
    {% if message|default %}
        <div class="alert alert-info mt-2">{{ message }}</div>
    {% endif %}
    <br /><a href="{{ path('admin.formations.ajouter') }}" class="btn btn-info mb-3">Ajouter une formation</a>

    <table class="table table-striped" summary="Liste des formations">
        <thead>
            <tr>
                <th class="text-left align-top" scope="col">
                    formation<br />
                    <a href="{{ path('admin.formations.sort', {champ:'title', ordre:'ASC', table:''}) }}" class="btn btn-info btn-sm active" role="button" aria-pressed="true"><</a>
                    <a href="{{ path('admin.formations.sort', {champ:'title', ordre:'DESC', table:''}) }}" class="btn btn-info btn-sm active" role="button" aria-pressed="true">></a>
                    <form class="form-inline mt-1" method="POST" action="{{ path('admin.formations.findallcontain', {champ:'title'}) }}">
                        <div class="form-group mr-1 mb-2">
                            <input type="text" class="sm" name="recherche"
                                   value="{% if valeur|default and not table|default %}{{ valeur }}{% endif %}">
                            <button type="submit" class="btn btn-info mb-2 btn-sm">filtrer</button>
                        </div>
                    </form>
                </th>
                <th class="text-left align-top" scope="col">
                    playlist<br />
                    <a href="{{ path('admin.formations.sort', {table:'playlist', champ:'name', ordre:'ASC'}) }}" class="btn btn-info btn-sm active" role="button" aria-pressed="true"><</a>
                    <a href="{{ path('admin.formations.sort', {table:'playlist', champ:'name', ordre:'DESC'}) }}" class="btn btn-info btn-sm active" role="button" aria-pressed="true">></a>
                    <form class="form-inline mt-1" method="POST" action="{{ path('admin.formations.findallcontain', {champ:'name', table:'playlist'}) }}">
                        <div class="form-group mr-1 mb-2">
                            <input type="text" class="sm" name="recherche"
                                   value="{% if valeur|default and table|default and table=='playlist' %}{{ valeur }}{% endif %}">
                            <button type="submit" class="btn btn-info mb-2 btn-sm">filtrer</button>
                        </div>
                    </form>
                </th>
                <th class="text-left align-top" scope="col">
                    catégories
                    <form class="form-inline mt-1" method="POST" action="{{ path('admin.formations.findallcontain', {champ:'id', table:'categories'}) }}">
                        <select class="form-select form-select-sm" name="recherche" id="recherche" onchange="this.form.submit()">
                            <option value=""></option>
                            {% for categorie in categories %}
                                <option
                                    {% if valeur|default and valeur==categorie.id %}
                                        selected
                                    {% endif %}
                                    value="{{ categorie.id }}">{{ categorie.name }}
                                </option>
                            {% endfor %}
                        </select>
                    </form>
                </th>
                <th class="text-center align-top" scope="col">
                    date<br />
                    <a href="{{ path('admin.formations.sort', {champ:'publishedAt', ordre:'ASC', table:''}) }}" class="btn btn-info btn-sm active" role="button" aria-pressed="true"><</a>
                    <a href="{{ path('admin.formations.sort', {champ:'publishedAt', ordre:'DESC', table:''}) }}" class="btn btn-info btn-sm active" role="button" aria-pressed="true">></a>
                </th>
                <th class="text-center align-top" scope="col">
                    &nbsp;
                </th>
            </tr>
        </thead>
        <tbody>
            {% if formations|length > 0 %}
                {% for k in 0..formations|length-1 %}
                    <tr class="align-middle">
                        <td>
                            <h5 class="text-info">{{ formations[k].title }}</h5>
                        </td>
                        <td class="text-left">
                            {{ formations[k].playlist.name }}
                        </td>
                        <td class="text-left">
                            {% for categorie in formations[k].categories %}
                                {{ categorie.name }}<br />
                            {% endfor %}
                        </td>
                        <td class="text-center">
                            {{ formations[k].publishedatstring }}
                        </td>
                        <td class="text-center" style="white-space: nowrap">
                            <a href="{{ path('admin.formations.modifier', {id:formations[k].id}) }}" 
                               class="btn btn-info btn-sm">Modifier</a>
                            <a href="{{ path('admin.formations.supprimer', {id:formations[k].id}) }}"
                               class="btn btn-info btn-sm"
                               onclick="return confirm('Êtes-vous sûr de vouloir supprimer cette formation ?')">Supprimer</a>
                        </td>
                    </tr>
                {% endfor %}
            {% endif %}
        </tbody>
    </table>
{% endblock %}