{% extends 'base.html' %}
{% block content %}
<table class="table table-sm table-zebra">
    <thead>
        <tr class="text-left">
            <th></th>
            <th>Name</th>
            <th>Year</th>
            <th>Wikidata ID</th>
            <th>Created At</th>
            <th>Manage</th>
        </tr>
    </thead>
    <tbody>
        {% for game in games %}
        <tr>
            <th>{{ game.pk }}</th>
            <td>{{ game.name }}</td>
            <td>{{ game.year_released }}</td>
            <td>{{ game.wikidata }}</td>
            <td>{{ game.created_at }}</td>
            <td>
                <div class="join">
                    <button class="btn btn-primary btn-sm join-item">
                        Edit
                    </button>
                    <button class="btn btn-warning btn-sm join-item">
                        Delete
                    </button>
                </div>
            </td>
        </tr>
        {% endfor %}
    </tbody>
</table>
{% endblock content %}