{% extends 'base.jinja' %}

{% block title %}Formula 10 - Race{% endblock title %}

{% set active_page = "/race/" ~ (active_user.name_sanitized if active_user is not none else "Everyone") %}

{% block navbar_center %}
    {% if model.all_users() | length > 1 %}
        <div class="dropdown">
            <button class="btn btn-outline-danger dropdown-toggle" type="button" data-bs-toggle="dropdown"
                    aria-expanded="false">
                {% if active_user is none %}
                    Everyone
                {% else %}
                    {{ active_user.name }}
                {% endif %}
            </button>
            <ul class="dropdown-menu">
                <li><a class="dropdown-item" href="/race/Everyone">Everyone</a></li>
                <li>
                    <hr class="dropdown-divider">
                </li>

                {% for user in model.all_users() %}
                    <li><a class="dropdown-item" href="/race/{{ user.name_sanitized }}">{{ user.name }}</a></li>
                {% endfor %}
            </ul>
        </div>
    {% endif %}
{% endblock navbar_center %}

{% block body %}

    <table class="table table-bordered table-sm table-responsive shadow-sm">
        <thead>
        <tr>
            <th scope="col" rowspan="2" class="text-center" style="width: 200px;">Race</th>

            <th scope="col" {% if active_user is none %}colspan="{{ model.all_users() | length }}"{% endif %}
                class="text-center">Call
            </th>

            <th scope="col" rowspan="2" class="text-center" style="width: 200px;">Result</th>
        </tr>
        </thead>

        <tbody>

        {# Users List #}
        <tr>
            <td>&nbsp;</td>

            {% if active_user is none %}
                {% for user in model.all_users() %}
                    <td class="text-center text-nowrap" style="min-width: 100px;">
                        <a href="/race/{{ user.name_sanitized }}" class="link-dark">{{ user.name }}</a>
                    </td>
                {% endfor %}
            {% else %}
                <td class="text-center text-nowrap" style="min-width: 100px;">{{ active_user.name }}</td>
            {% endif %}

            <td>&nbsp;</td>
        </tr>

        {% set current_race = model.first_race_without_result() %}

        {# Current Result, only displayed for all users overview and if guess is remaining #}
        {% if (active_user is none) and (model.first_race_without_result() is not none) %}

            <tr class="table-danger">
                <td class="text-nowrap">
                    <span class="fw-bold">{{ current_race.number }}:</span> {{ current_race.name }}<br>
                    <small><span class="fw-bold">Guess:</span> P{{ current_race.pxx }}</small>
                </td>

                {% for user in model.all_users() %}
                    {% set user_guess = model.race_guesses_by(user_name=user.name, race_name=current_race.name) %}

                    <td class="text-center text-nowrap">
                        {% if user_guess is not none %}
                            <ul class="list-group list-group-flush">
                                <li class="list-group-item" style="background-color: inherit;">
                                    {{ user_guess.pxx.abbr }}
                                </li>
                                <li class="list-group-item" style="background-color: inherit;">
                                    {{ user_guess.dnf.abbr }}
                                </li>
                            </ul>
                        {% else %}
                            &nbsp;
                        {% endif %}
                    </td>
                {% endfor %}

                <td>&nbsp;</td>
            </tr>
        {% endif %}

        {# Enter Guess, only displayed for single user focused view and if guess is remaining #}
        {% if (active_user is not none) and (model.first_race_without_result() is not none) %}
            <tr class="table-danger">
                <td class="text-nowrap">
                    <span class="fw-bold">{{ current_race.number }}:</span> {{ current_race.name }}<br>
                    <small><span class="fw-bold">Guess:</span> P{{ current_race.pxx }}</small>
                </td>

                <td>
                    <form action="/race-guess/{{ current_race.name_sanitized }}/{{ active_user.name_sanitized }}" method="post">
                        {% set user_guess = model.race_guesses_by(user_name=active_user.name, race_name=current_race.name) %}

                        {# Driver PXX Select #}
                        {{ driver_select_with_preselect(user_guess.pxx.abbr if user_guess is not none else "", "pxxselect", "P" ~ current_race.pxx ~ ":") }}

                        <div class="mt-2"></div>

                        {# Driver DNF Select #}
                        {{ driver_select_with_preselect(user_guess.dnf.abbr if user_guess is not none else "", "dnfselect", "DNF:") }}

                        <input type="submit" class="btn btn-danger mt-2 w-100" value="Save">
                    </form>
                    <form action="/race-guess-delete/{{ current_race.name_sanitized }}/{{ active_user.name_sanitized }}" method="post">
                        <input type="submit" class="btn btn-dark mt-2 w-100" value="Delete">
                    </form>
                </td>

                <td>&nbsp;</td>
            </tr>
        {% endif %}

        {# Past Race Results #}
        {% for past_result in model.all_race_results() %}
            <tr>
                <td class="text-nowrap">
                    <span class="fw-bold">{{ past_result.race.number }}:</span> {{ past_result.race.name }}<br>
                    <small><span class="fw-bold">Guessed:</span> P{{ past_result.race.pxx }}</small>
                </td>

                {% if active_user is none %}
                    {% set users = model.all_users() %}
                {% else %}
                    {% set users = [active_user] %}
                {% endif %}

                {% for user in users %}
                    <td class="text-center text-nowrap">
                        {% set user_guess = model.race_guesses_by(user_name=user.name, race_name=past_result.race.name) %}

                        {% if user_guess is not none %}
                            <ul class="list-group list-group-flush">
                                <li class="list-group-item {{ pxx_guess_colorization(user_guess.pxx.abbr, past_result) }}">
                                    <span data-bs-toggle="tooltip" title="{{ pxx_points_tooltip_text(user_guess.pxx.abbr, past_result) }}">
                                        {{ user_guess.pxx.abbr }}{% if user_guess.pxx.abbr != "None" %} ({{ past_result.pxx_driver_position_string(user_guess.pxx.name) }}){% endif %}
                                    </span>
                                </li>
                                <li class="list-group-item {% if user_guess.dnf.name in past_result.first_dnf_driver_names %}text-success fw-bold{% endif %}">
                                    <span data-bs-toggle="tooltip" title="{% if user_guess.dnf.name in past_result.first_dnf_driver_names %}10 Points{% else %}0 Points{% endif %}">
                                        {{ user_guess.dnf.abbr }}
                                    </span>
                                </li>
                            </ul>
                        {% else %}
                            &nbsp;
                        {% endif %}
                    </td>
                {% endfor %}

                <td class="text-center text-nowrap">
                    <ul class="list-group list-group-flush">
                        <li class="list-group-item">
                            <span data-bs-toggle="tooltip" title="{{ pxx_standing_tooltip_text(past_result) }}">
                                P{{ past_result.race.pxx }}: {{ past_result.pxx_driver().abbr }}
                            </span>
                        </li>
                        <li class="list-group-item">
                            DNF: {% for dnf_driver in past_result.first_dnf_drivers %}{{ dnf_driver.abbr }} {% endfor %}</li>
                    </ul>
                </td>
            </tr>
        {% endfor %}

        </tbody>
    </table>

{% endblock body %}