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

{% block title %}Administration > Genres{% endblock %}

{% block content %}

    <nav class="breadcrumb has-arrow-separator" aria-label="breadcrumbs">
      <ul>
        <li><a href="{{ path('app_main') }}">Accueil</a></li>
        <li><a href="{{ path('app_admin') }}">Administration</a></li>
        <li class="is-active"><a href="{{ path('app_admin_genre') }}">Gestion des genres</a></li>
      </ul>
    </nav>

    <div class="block">
        <h1 class="title">Gestion des genres</h1>
        <p class="subtitle">Liste des genres et thèmes de jeux de rôles enregistrés dans l'application.</p>
    </div>

    <div class="block">
        <div class="is-grouped">
            <a class="button is-primary" href="{{ path('app_admin_genre_add') }}">Ajouter un genre</a>
        </div>
    </div>

    <div class="block">
        <table id="datatable" {{ stimulus_controller('datatables') }} class="table is-striped is-hoverable is-fullwidth">
            <thead>
            <tr>
                <th>Genre</th>
                <th>Slug</th>
                <th>Nombre de jeux</th>
                <th>Actions</th>
            </tr>
            </thead>
            <tbody>
            {% for genre in genres %}
                <tr>
                    <td><a href="{{ path('app_admin_genre_edit', {id: genre.id}) }}">{{ genre.genre }}</a></td>
                    <td>{{ genre.slug }}</td>
                    <td>{{ genre.howManyGames }}</td>
                    <td>
                        <a class="button" href="{{ path('app_admin_genre_edit', {id: genre.id}) }}">Éditer</a>
                        <a class="button is-danger" data-id="{{ path('app_admin_genre_delete', {'id': genre.id})}}" href="#" {{ stimulus_controller('admin_confirm') }}>Supprimer</a>
                    </td>
                </tr>
            {% endfor %}
            </tbody>

        </table>
    </div>


{% endblock %}