{% extends 'layout.html' %}
{% block head %}
    <meta http-equiv="refresh" content="60">
    <title>Multiworld Tracker for Room {{ room.id }}</title>
{% endblock %}
{% block body %}
    {% for team, players in inventory.items() %}
        <table class="table table-striped table-bordered table-hover table-sm">
            <thead class="thead-dark">
            <tr>
                <th>Player</th>
                <th>Name</th>
                {% for name in tracking_names %}
                    {% if name in icons %}
                        <th><img height="32" width="32" style="object-fit: contain" src="{{ icons[name] }}"
                                 alt="{{ name }}"></th>
                    {% else %}
                        <th>{{ name }}</th>
                    {% endif %}
                {% endfor %}
            </tr>
            </thead>
            <tbody>
            {% for player, items in players.items() %}
                <tr>
                    <td>{{ loop.index }}</td>
                    <td>{{ player_names[(team, loop.index)] }}</td>
                    {% for id in tracking_ids %}
                        <td>
                            {{ items[id] }}
                        </td>
                    {% endfor %}
                </tr>
            {% endfor %}
            </tbody>
        </table>
    {% endfor %}
{% endblock %}