{% extends 'base.html' %}

{% block app_content %}
<h1>Hi, {{ current_user.name }}!</h1>
<h2>{{ message }}</h2>

<h2>My games:</h2>
<div class="table-responsive">
    <table class="table">
        <thead>
            <tr>
                <th scope="col">Name</th>
                <th scope="col">State</th>
                <th scope="col">Start Time</th>
                <th scope="col">End Time</th>
                <th scope="col">My Role</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Gamename</td>
                <td>Running</td>
                <td>yesterday</td>
                <td>tomorrow</td>
                <td>bitch</td>
            </tr>
            {% for game in current_user.games %}
            <tr>
                <td>{{ game.name }}</td>
                <td>{{ game.state }}</td>
                <td>{{ game.start_time }}</td>
                <td>{{ game.end_time }}</td>
                <td>bitch</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>

{% endblock %}