{% extends "master.html" %}
{% load i18n app_utils %}

{% block content %}
    <div class="container">

        <div class="row">
            <div class="offset-md-3 col-6">
                <table class="table table-striped table-bordered table-hover">
                    <thead>
                        <tr>
                            <th scope="col">{% translate "Name" %}</th>
                            <th scope="col">{% translate "Duration" %}</th>
                            <th scope="col">{% translate "Level" %}</th>
                            <th scope="col">{% translate "Status" %}</th>
                            <th scope="col">{% translate "Actions" %} <span>{% icon_action 'create' %}</span></th>
                        </tr>
                    </thead>
                    <tbody>

                    {% for game in game_list %}
                    <tr>
                        <th scope="row">{{ game.name }}</th>
                        <td>{{ game.duration }}</td>
                        <td>{{ game.get_level_display }}</td>
                        <td>{% translate game.get_status_display %}</td>
                        <td>
                            {% icon_action 'detail' game.pk %}
                            {% icon_action 'update' game.pk %}
                            {% icon_action 'delete' game.pk %}
                            {% icon_action 'bulk_create_qr' game.pk %}
                            {% if plays|get_item:game.pk %}
                            {% icon_action 'play' plays|get_item:game.pk %}
                            {% else %}
                            {% icon_action 'create_play' game.pk %}
                            {% endif %}
                        </td>
                    </tr>
                    {% empty %}
                    <tr>
                        <td colspan="5">{% translate "There is no game yet!" %}</td>
                    </tr>
                    {% endfor %}
                </table>
            </div>
        </div>

    </div>

{% endblock %}