{% extends 'tablepage.html' %}
{% block head %}
    {{ super() }}
    <title>Multiworld Tracker</title>
    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename="styles/tracker.css") }}"/>
    <script type="application/ecmascript" src="{{ url_for('static', filename="assets/jquery.scrollsync.js") }}"></script>
    <script type="application/ecmascript" src="{{ url_for('static', filename="assets/tracker.js") }}"></script>
{% endblock %}

{% block body %}
    {% include 'header/dirtHeader.html' %}
    <div id="tracker-wrapper" data-tracker="{{ room.tracker|suuid }}">
        <div id="tracker-header-bar">
            <input placeholder="Search" id="search"/>
            <span{% if not video %} hidden{% endif %} id="multi-stream-link">
                <a target="_blank" href="https://multistream.me/
                    {%- for platform, link in video.values()|unique(False, 1)-%}
                        {%- if platform == "Twitch" -%}t{%- else -%}yt{%- endif -%}:{{- link -}}/
                    {%- endfor -%}">
                    Multistream
                </a>
            </span>
            <span class="info">This tracker will automatically update itself periodically.</span>
        </div>
        <div id="tables-container">
            {% for team, players in inventory.items() %}
                <div class="table-wrapper">
                    <table class="table unique-item-table">
                        <thead>
                        <tr>
                            <th>#</th>
                            <th>Name</th>
                            {%- for name in tracking_names -%}
                                {%- if name in icons -%}
                                    <th class="center-column">
                                            <img class="alttp-sprite" src="{{ icons[name] }}" alt="{{ name|e }}">
                                        </th>
                                {%- else -%}
                                    <th class="center-column">{{ name|e }}</th>
                                {%- endif -%}
                            {%- endfor -%}
                            </tr>
                        </thead>
                        <tbody>
                            {%- for player, items in players.items() -%}
                                <tr>
                                    <td><a href="{{ url_for("getPlayerTracker", tracker=room.tracker,
                                    tracked_team=team, tracked_player=player)}}">{{ loop.index }}</a></td>
                                    {%- if (team, loop.index) in video -%}
                                        {%- if video[(team, loop.index)][0] == "Twitch" -%}
                                        <td>
                                            <a target="_blank" href="https://www.twitch.tv/{{ video[(team, loop.index)][1] }}">
                                                {{ player_names[(team, loop.index)] }}
                                                ▶️</a></td>
                                        {%- elif video[(team, loop.index)][0] == "Youtube" -%}
                                        <td>
                                            <a target="_blank" href="youtube.com/c/{{ video[(team, loop.index)][1] }}/live">
                                                {{ player_names[(team, loop.index)] }}
                                                ▶️</a></td>
                                        {%- endif -%}
                                    {%- else -%}
                                        <td>{{ player_names[(team, loop.index)] }}</td>
                                    {%- endif -%}
                                    {%- for id in tracking_ids -%}
                                        {%- if items[id] -%}
                                            <td class="center-column item-acquired">
                                                {% if id in multi_items %}{{ items[id] }}{% else %}✔️{% endif %}</td>
                                        {%- else -%}
                                            <td></td>
                                        {%- endif -%}
                                    {% endfor %}
                                </tr>
                            {%- endfor -%}
                        </tbody>
                    </table>
                </div>
            {% endfor %}

            {% for team, players in checks_done.items() %}
                <div class="table-wrapper">
                    <table class="table non-unique-item-table">
                        <thead>
                            <tr>
                                <th rowspan="2">#</th>
                                <th rowspan="2">Name</th>
                                {% for area in ordered_areas %}
                                    {% set colspan = 1 %}
                                    {% if area in key_locations %}
                                    {% set colspan = colspan + 1 %}
                                    {% endif %}
                                    {% if area in big_key_locations %}
                                    {% set colspan = colspan + 1 %}
                                    {% endif %}
                                    {% if area in icons %}
                                        <th colspan="{{ colspan }}" class="center-column upper-row">
                                            <img class="alttp-sprite" src="{{ icons[area] }}" alt="{{ area }}"></th>
                                    {%- else -%}
                                        <th colspan="{{ colspan }}" class="center-column">{{ area }}</th>
                                    {%- endif -%}
                                {%- endfor -%}
                                <th rowspan="2" class="center-column hours">Last<br>Activity</th>
                            </tr>
                            <tr>
                                {% for area in ordered_areas %}
                                    <th class="center-column lower-row fraction">
                                        <img class="alttp-sprite" src="{{ icons["Chest"] }}" alt="Checks">
                                    </th>
                                    {% if area in key_locations %}
                                        <th class="center-column lower-row number">
                                            <img class="alttp-sprite" src="{{ icons["Small Key"] }}" alt="Small Key">
                                        </th>
                                    {% endif %}
                                    {% if area in big_key_locations %}
                                        <th class="center-column lower-row number">
                                            <img class="alttp-sprite" src="{{ icons["Big Key"] }}" alt="Big Key">
                                        </th>
                                    {%- endif -%}
                                {%- endfor -%}
                            </tr>
                        </thead>
                        <tbody>
                            {%- for player, checks in players.items() -%}
                                <tr>
                                    <td><a href="{{ url_for("getPlayerTracker", tracker=room.tracker,
                                    tracked_team=team, tracked_player=player)}}">{{ loop.index }}</a></td>
                                    <td>{{ player_names[(team, loop.index)]|e }}</td>
                                    {%- for area in ordered_areas -%}
                                        {%- set checks_done = checks[area] -%}
                                        {%- set checks_total = checks_in_area[player][area] -%}
                                        {%- if checks_done == checks_total -%}
                                            <td class="item-acquired center-column">
                                                {{ checks_done }}/{{ checks_total }}</td>
                                        {%- else -%}
                                            <td class="center-column">{{ checks_done }}/{{ checks_total }}</td>
                                        {%- endif -%}
                                        {%- if area in key_locations -%}
                                            <td class="center-column">{{ inventory[team][player][small_key_ids[area]] }}</td>
                                        {%- endif -%}
                                        {%- if area in big_key_locations -%}
                                            <td class="center-column">{% if inventory[team][player][big_key_ids[area]] %}✔️{% endif %}</td>
                                        {%- endif -%}
                                    {%- endfor -%}
                                    {%- if activity_timers[(team, player)] -%}
                                        <td class="center-column">{{ activity_timers[(team, player)].total_seconds() }}</td>
                                    {%- else -%}
                                        <td class="center-column">None</td>
                                    {%- endif -%}
                                </tr>
                            {%- endfor -%}
                        </tbody>
                    </table>
                </div>
            {% endfor %}
            {% for team, hints in hints.items() %}
                <div class="table-wrapper">
                    <table class="table non-unique-item-table" data-order='[[5, "asc"], [0, "asc"]]'>
                        <thead>
                        <tr>
                            <th>Finder</th>
                            <th>Receiver</th>
                            <th>Item</th>
                            <th>Location</th>
                            <th>Entrance</th>
                            <th>Found</th>
                        </tr>
                        </thead>
                        <tbody>
                        {%- for hint in hints -%}
                            <tr>
                                <td>{{ long_player_names[team, hint.finding_player] }}</td>
                                <td>{{ long_player_names[team, hint.receiving_player] }}</td>
                                <td>{{ hint.item|item_name }}</td>
                                <td>{{ hint.location|location_name }}</td>
                                <td>{% if hint.entrance %}{{ hint.entrance }}{% else %}Vanilla{% endif %}</td>
                                <td>{% if hint.found %}✔{% endif %}</td>
                            </tr>
                        {%- endfor -%}
                        </tbody>
                    </table>
                </div>
            {% endfor %}
        </div>
    </div>
{% endblock %}
