{% extends "GeoffreyApp/base.html" %}

{% block header %}
    Players
{% endblock %}

{% block content %}
    <table id="geoffrey_table" class="table table-hover link-table">
        <thead class="bg-dark">
        <tr>
            <th>Player Username</th>
            <th># of Locations</th>
        </tr>
        </thead>
        <tbody>
        {% for player in player_list %}
            <tr>
                <td>{{ player.name }} </td>
                <td>{{ player.loc_count }} </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
    <script>
        $(document).ready(function () {
            $('#geoffrey_table').DataTable();
        });
    </script>
{% endblock %}