{% extends "base.html" %}

{% block title %} Jeux {% endblock %}

{% block titre %} Liste des jeux {% endblock %}

{% block contenu %}
<div id="zone-de-contenu">
        <div style="width:100%;text-align:right;padding-bottom:10px;"><a href="/games" style="color:#053458">Recharger la liste des jeux</a></div>
        {% if cancreategames %}
        <fieldset class="fieldset" ><legend style="font-size:25px;">Ajouter un jeu</legend>
            <button id="add" onclick="javascript:go('/add_game')">
            <img src="/static/plus.png" style="float:left;" alt=''/><div style="float:right; margin:5px;">Créer un nouveau jeu</div>
            </button>
        </fieldset>
        {% endif %}
        {% if mesjeux|length > 0 %}
        <fieldset class="fieldset" ><legend style="font-size:25px;">Mes jeux</legend>
            <table class="tablelist">
            {% for g in mesjeux %}
                <tr>
                    <td width=80%><a href="/game/{{g.id}}"> {{ g.name }} </a></td>
                    <td width=20%><a href="/game/{{g.id}}"><img src="/static/ok.png" alt="Supprimer"/></a><a href="/game/{{g.id}}/del"><img src="/static/croix.png" alt="Supprimer"/></a></td>
                </tr>
            {% endfor %}
            </table>
        </fieldset>
        {% endif %}
        {% if joinable|length > 0 %}
        <fieldset class="fieldset" ><legend style="font-size:25px;">Autres jeux</legend>
            <table class="tablelist">
            {% for g in joinable %}
                <tr><td width=80%><a href="/game/{{g.id}}"> {{ g.name }} </a></td>
                    <td width=20%><a href="/game/{{g.id}}"><img src="/static/ok.png" alt="Supprimer"/></a> </td>
                </tr>
                </li>
            {% endfor %}
            </table>
        </fieldset>
        {% endif %}
</div>

{% endblock %}