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

{% block title %}Mon compte{% endblock %}

{% block content %}

    <nav class="breadcrumb has-arrow-separator" aria-label="breadcrumbs">
      <ul>
        <li><a href="{{ path('app_main') }}">Accueil</a></li>
        <li class="is-active"><a href="{{ path('app_profile') }}">Mon compte</a></li>
      </ul>
    </nav>

    <div class="tabs is-boxed">
        <ul>
            <li ><a href="{{ path('app_profile') }}">Compte utilisateur(rice)</a></li>
            {% if app.user.linkToGamemaster %}
            <li><a href="{{ path('app_profile_gamemaster') }}">Meneur(euse) de jeu</a></li>
            <li><a>Disponibilités MJ</a></li>
            <li class="is-active"><a>Ludothèque</a></li>
            <li><a href="{{ path('app_profile_gameadd') }}">Proposer un jeu</a></li>
            {% endif %}
        </ul>
    </div>


    <div class="block">
        <table id="datatable" {{ stimulus_controller('datatables') }} class="table is-striped is-hoverable is-fullwidth">
            <thead>
            <tr>
                <th>Nom du jeu</th>
                <th>Description</th>
                <th>Genres</th>
                <th>Dans la ludothèque?</th>
            </tr>
            </thead>
            <tbody>
            {% for game in games %}
                <tr>
                    <th>{{ game.name }}</th>
                    <td>{{ game.description }}</td>
                    <td>{% for genre in game.genre %}<span class="tag is-info is-light">{{ genre.genre }}</span> {% endfor %}</td>
                    <td>
                        {% if game.isInAssoLibrary %}
                            {% if game.isPhysical %}
                                Version&nbsp;physique<br/>
                            {% endif %}
                            {% if game.isNumerical %}
                                {% if game.getUrlNumericalVersion %}<a href="{{game.getUrlNumericalVersion}}" target="_blank">Version&nbsp;numérique</a>
                                {% else %}Version&nbsp;numérique{% endif %}
                            {% endif %}
                        {% else %}
                        Non
                        {% endif %}

                    </td>
                </tr>
            {% endfor %}
            </tbody>

        </table>
    </div>


{% endblock %}