{% 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 href="{{ path('app_profile_gamelist') }}">Ludothèque</a></li>
            <li class="is-active"><a>Proposer un jeu</a></li>
            {% endif %}
        </ul>
    </div>   

    {{ form_errors(form) }}
    {{ form_start(form) }}

    {{ form_row(form.name) }}
    {{ form_row(form.slug) }}
    {{ form_row(form.description)}}

    {# gestion de l'illustration #}
    <div class="box">
    <div class="field">
        <div class="columns">
            <div class="column">
                {{ form_label(form.picture) }}
                <div class="file has-name is-fullwidth" id="file-js"  {{ stimulus_controller('bulma-filenames') }}>
                <label class="file-label" >
                    {{ form_widget(form.picture) }}
                    <span class="file-cta">
                    <span class="file-icon">
                        <twig:ux:icon name="bi:cloud-upload" />
                    </span>
                    <span class="file-label"> Choisissez un fichier… </span>
                    </span>
                    <span class="file-name"> aucun fichier </span>
                </label>
                </div>
                {{ form_help(form.picture) }}
                {% if game.picture %}
                <div class="field mt-2">
                <p><a href="{{ path('app_admin_game_del_pic', {id: game.id}) }}" class="button is-danger"><twig:ux:icon name="bi:trash-fill" class="small-icon-in-text"/> Supprimer l'image chargée.</a></p>
                </div>
                {% endif %}
                

            </div>
            <div class="column">
                {% if game.picture %}
                <img src="/images/games/{{ game.picture }}" class="image is-3by1"/>
                {% endif %}
            </div>
        </div>
    </div>
    </div>

    <div class="box">
    <div class="field">
        {{ form_label(form.genre) }}
        {{ form_widget(form.genre) }}
        {{ form_help(form.genre) }}
    </div>
    </div>



    <div class="control">
        <button class="button is-primary" type="submit">Envoyer</button>
    </div>

    {{ form_end(form) }}

{% endblock %}