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

{% block title %}Les tutoriaux{% endblock %}
{% block title_page %}Les tutoriaux{% endblock %}

{% block container_start %}

    <div class="card">
        <ol class="breadcrumb float-sm-right" style="background-color: white; margin-bottom: 0px;">
            <li class="breadcrumb-item"><a href="{{ path('package_tutorial_tutorial_index')}} ">Home</a></li>

            {% set cat = CategorieSelected %}
            {% set i = 0 %}
            {% set var = "" %}
            {% set breadcrumb = "" %}

            {% if CategorieSelected.category is defined and CategorieSelected.category is not null %}
                {% for i in 0..10 if cat.category is not null %}
                    {% if cat.category is not null %}
                        {% set var = "<li class='breadcrumb-item'><a href='" ~ path('package_tutorial_tutorial_index', {'id': cat.category.id }) ~"'>"~ cat.category~"</a></li>" %}
                        {% set breadcrumb = var ~ breadcrumb %}
                    {% endif %}

                    {% set cat = cat.category %}

                {% endfor %}
                {{ breadcrumb|raw }}
            {% endif %}

            <li class="breadcrumb-item active">{{ CategorieSelected }}</li>
        </ol>
    </div>


    {#Affichage des sous catégorie quand il y en a #}
    {% if sousCategories is not empty %}
    <div class="card">
        <div class="row card-body">
            {% for categorie in sousCategories %}

            <div class="col-sm-12 col-md-3" style="padding: 7px;">
                <a href="{{ path('package_tutorial_tutorial_index', {'id': categorie.id }) }}">
                    <button type="button" class="btn btn-block btn-default">{{ categorie.name }}</button>
                </a>
            </div>
            {% endfor %}
        </div>
    </div>
    {% endif %}



<div class="card">
    <div class="card-header">

        <h3 class="card-title">Nombre de Résultat(s) : {{ nbTutorials }}</h3>

        {% if is_granted("ROLE_CREATE_TUTORIAL") %}
            <div class="card-tools">
                <div class="input-group input-group-sm" style="width: 150px;">
                    <div class="float-right bouton_choix_haut">
                        <a class="btn btn-success" href="{{ path('package_tutorial_tutorial_new') }}" role="button">Ajouter</a>
                    </div>
                </div>
            </div>
        {% endif %}
    </div>
    <!-- /.card-header -->
    <div class="card-body table-responsive p-0">
        <table class="table">
            <thead>
                <tr>
                    <th>Id</th>
                    <th>Name</th>
                    <th>Description</th>
                    <th>Tags</th>
                    <th>actions</th>
                </tr>
            </thead>
            <tbody>
            {% if tutorials is defined %}
                {% for tutorial in tutorials %}
                    <tr>
                        <td>{{ tutorial.id }}</td>
                        <td>{{ tutorial.name }}</td>
                        <td>{{ tutorial.description | raw }}</td>
                        <td>{{ tutorial.tags }}</td>
                        <td>
                            {% if is_granted("ROLE_VIEW_TUTORIAL") %}
                            <button class="btn btn-secondary">
                                <a style="color: black;" href="{{ path('package_tutorial_tutorial_show', {'id': tutorial.id}) }}"><i class="far fa-eye"></i></a>
                            </button>
                            {% endif %}
                            {% if is_granted("ROLE_EDIT_TUTORIAL") %}
                            <button class="btn btn-primary">
                                <a style="color: black;" href="{{ path('package_tutorial_tutorial_edit', {'id': tutorial.id}) }}"><i class="fas fa-edit"></i></a>
                            </button>
                            {% endif %}
                        </td>
                    </tr>
                {% else %}
                    <tr>
                        <td colspan="6">no records found</td>
                    </tr>
                {% endfor %}
            {% endif %}
            </tbody>
        </table>
    </div>
</div>
{% endblock %}