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

{% block header %}
    Search results for {{ search }}...
{% endblock %}

{% block content %}
    <h2>Players</h2>
    <table id="player_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>

    <hr class="my-4">

    <h2>Locations</h2>
    <table id="loc_table" class="table table-hover link-table">
        <thead class="bg-dark">
        <tr>
            <th>Location Name</th>
            <th>Coordinates</th>
            <th>Owner</th>
        </tr>
        </thead>
        <tbody>
        {% for loc in loc_list %}
            <tr>
                <td>{{ loc.name }} </td>
                <td>{{ loc.location }}</td>
                <td>{{ loc.owner }}  </td>
            </tr>
        {% endfor %}

        </tbody>
    </table>

    <script>
        $(document).ready(function () {
            $('#player_table').DataTable();
            $('#loc_table').DataTable();
        });
    </script>

{% endblock %}