{% extends 'base.jinja' %}

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

{% set active_page = "/season/" ~ model.active_user_name_sanitized_or_everyone() %}

{% block navbar_center %}
    {{ active_user_dropdown(page='season') }}
{% endblock navbar_center %}

{% block body %}

    <div class="grid" style="grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));">

        {% for user in model.all_users_or_active_user() %}

            <div class="card mb-2 shadow-sm" style="width: 450px;">
                <div class="card-body">

                    {# Link should only be visible if all users are visible #}
                    {% if model.active_user is not none %}
                        <h5 class="card-title">{{ user.name }}</h5>
                    {% else %}
                        <a href="/season/{{ user.name }}" class="link-dark">
                            <h5 class="card-title">{{ user.name }}</h5>
                        </a>
                    {% endif %}

                    {% set user_guess = model.season_guesses_by(user_name=user.name) %}

                    {% if model.season_guess_open() == true %}
                        {% set action_save_href = "/season-guess/" ~ user.name %}
                    {% else %}
                        {% set action_save_href = "" %}
                    {% endif %}
                    <form action="{{ action_save_href }}" method="post">

                        {# Hot Take #}
                        <div class="form-floating">
                            {% if user_guess is not none %}
                                <textarea class="form-control" id="hot-take-input-{{ user.name }}" name="hottakeselect"
                                          style="height: 150px">{{ user_guess.hot_take_string() }}</textarea>
                            {% else %}
                                <textarea class="form-control" id="hot-take-input-{{ user.name }}" name="hottakeselect"
                                          style="height: 150px"></textarea>
                            {% endif %}

                            <label for="hot-take-input-{{ user.name }}" class="text-primary">Hot Take:</label>
                        </div>

                        {# P2 Constructor #}
                        <div class="mt-2">
                            {{ team_select_with_preselect(team_match=user_guess.p2_wcc, name="p2select", label="P2 in WCC:", include_none=false) }}
                        </div>

                        {# Most Overtakes + DNFs #}
                        <div class="input-group mt-2">
                            {{ driver_select_with_preselect(driver_match=user_guess.most_overtakes, name="overtakeselect", label="Most overtakes:", include_none=false) }}
                            {{ driver_select_with_preselect(driver_match=user_guess.most_dnfs, name="dnfselect", label="Most DNFs:", include_none=false) }}
                        </div>

                        {# Most Gained + Lost #}
                        <div class="input-group mt-2" data-bs-toggle="tooltip"
                             title="Which driver will gain/lose the most places in comparison to last season's results?">
                            {{ driver_select_with_preselect(driver_match=user_guess.most_wdc_gained, name="gainedselect", label="Most WDC places gained:", include_none=false, drivers=model.drivers_for_wdc_gained()) }}
                            {{ driver_select_with_preselect(driver_match=user_guess.most_wdc_lost, name="lostselect", label="Most WDC places lost:", include_none=false) }}
                        </div>

                        {# Team-internal Winners #}
                        <h6 class="card-subtitle mt-2" data-bs-toggle="tooltip"
                            title="Which driver will finish the season higher than his teammate?">Teammate battle
                            winners:</h6>
                        <div class="grid mt-2" style="width: 450px; row-gap: 0;">
                            {% for team in model.all_teams(include_none=false) %}
                                {% set driver_a = model.drivers_by(team_name=team.name)[0] %}
                                {% set driver_b = model.drivers_by(team_name=team.name)[1] %}

                                <div class="g-col-6">
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio"
                                               name="teamwinner-{{ team.name }}"
                                               id="teamwinner-{{ team.name }}-1-{{ user.name }}"
                                               value="{{ driver_a.name }}"
                                               {% if (user_guess is not none) and (driver_a in user_guess.team_winners) %}checked="checked"{% endif %}>
                                        <label class="form-check-label"
                                               for="teamwinner-{{ team.name }}-1-{{ user.name }}">{{ driver_a.name }}</label>
                                    </div>
                                </div>

                                <div class="g-col-6">
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="radio"
                                               name="teamwinner-{{ team.name }}"
                                               id="teamwinner-{{ team.name }}-2-{{ user.name }}"
                                               value="{{ driver_b.name }}"
                                               {% if (user_guess is not none) and (driver_b in user_guess.team_winners) %}checked="checked"{% endif %}>
                                        <label class="form-check-label"
                                               for="teamwinner-{{ team.name }}-2-{{ user.name }}">{{ driver_b.name }}</label>
                                    </div>
                                </div>
                            {% endfor %}
                        </div>

                        {# Drivers with Podiums #}
                        <h6 class="card-subtitle mt-2" data-bs-toggle="tooltip"
                            title="Which driver will reach at least a single podium?">Drivers with podium(s):</h6>
                        <div class="grid mt-2" style="width: 450px; row-gap: 0;">
                            {% for team in model.all_teams(include_none=false) %}
                                {% set driver_a = model.drivers_by(team_name=team.name)[0] %}
                                {% set driver_b = model.drivers_by(team_name=team.name)[1] %}

                                <div class="g-col-6">
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="checkbox"
                                               name="podiumdrivers"
                                               id="podium-{{ driver_a.name }}-{{ user.name }}"
                                               value="{{ driver_a.name }}"
                                               {% if (user_guess is not none) and (driver_a in user_guess.podiums) %}checked="checked"{% endif %}>
                                        <label class="form-check-label"
                                               for="podium-{{ driver_a.name }}-{{ user.name }}">{{ driver_a.name }}</label>
                                    </div>
                                </div>

                                <div class="g-col-6">
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input" type="checkbox"
                                               name="podiumdrivers"
                                               id="podium-{{ driver_b.name }}-{{ user.name }}"
                                               value="{{ driver_b.name }}"
                                               {% if (user_guess is not none) and (driver_b in user_guess.podiums) %}checked="checked"{% endif %}>
                                        <label class="form-check-label"
                                               for="podium-{{ driver_b.name }}-{{ user.name }}">{{ driver_b.name }}</label>
                                    </div>
                                </div>
                            {% endfor %}
                        </div>

                        <input type="submit" class="btn btn-danger mt-2 w-100" value="Save" {% if model.season_guess_open() == false %}disabled{% endif %}>

                    </form>
                </div>
            </div>

        {% endfor %}
    </div>

{% endblock body %}