{% extends "base.html" %}

{% block title %}Games{% endblock %}

{% block head %}
{{ super() }}
<script src="/static/js/game_list.js"></script>
{% endblock %}

{% block content %}
<h1>Games</h1>
<table>
<tr>
    <th id="date_header">Date</th>
    <th id="decks_header">Decks</th>
    <th id="winning_deck_header">Winning Deck</th>
</tr>
{% for game in games %}
<tr>
    <td><a href="/game/{{ game.id }}">{{ game.date.strftime('%Y-%m-%d') }}</a></td>
    <td>
        <ul>
        {% for deck in game_names[game.id] %}
        <li><a href="/deck/{{ deck.id }}">{{ deck.owner }} ({{ deck.name }})</a></li>
        {% endfor %}
        </ul>
    </td>
    <td>
        {{ decks_by_id[game.winning_deck_id].name }}
    </td>
</tr>
{% endfor %}
</table>
{% endblock %}