{% extends 'base.html' %}

{% block app_content %}
<h1>{{ game.name }} Dashboard</h1>

<h2>Players:</h2>
<div class="table-responsive">
    <table class="table">
        <thead>
            <tr>
                <th scope="col">Player Name</th>
                <th scope="col">Role</th>
                <th scope="col">Objectives found</th>
                <th scope="col">Bunnies Caught</th>
                <th scope="col">Last location</th>
            </tr>
        </thead>
        <tbody>
            {% for player in game.players %}
            <tr>
                <td><a href="{{ url_for('game_player', game_name = game.name, player_name = player.name) }}">{{ player.name }}</a></td>
                {% for gameplayer in player.player_games if gameplayer.game == game %}
                <td>{{ gameplayer.role.name }}</td>
                {% endfor  %}
                <td>{{ "Placeholder" }}</td>
                <td>{{ "Placeholder" }}</td>
                <td> Placeholder <td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
<h2>Objectives:</h2>
<p><a href="{{ url_for('add_objective', game_name = game.name) }}">Add new objective</a></p>
{% if game.objectives %}
<div class="table-responsive">
    <table class="table">
        <thead>
            <tr>
                <th scope="col">Hash</th>
                <th scope="col">Objective Name</th>
                <th scope="col">Latitude</th>
                <th scope="col">Longitude</th>
                <th scope="col">Amount of players that found it</th>
            </tr>
        </thead>
        <tbody>
            {% for objective in game.objectives %}
            <tr>
                <td>{{ objective.hash }}</td>
                <td>{{ objective.name }}</td>
                <td>{{ objective.latitude }}</td>
                <td>{{ objective.longitude }}</td>
                <td> Placeholder <td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% endif %}


{% endblock %}