{% extends 'base.html' %}
{% load i18n staticfiles tz stats %}
{% block title %}{% trans 'Alive pilots (Last Mission)' %} / {{ block.super }}{% endblock title %}

{% block head %}
{% endblock head %}

{% block content %}
    <link href="{% static 'css/personas.css' %}" rel="stylesheet">

    <section id="content">
        <div class="wrapper">
            <div class="content_head">
                <div class="content_title">
                    {% trans 'Alive pilots (Last Mission)' %}
                    <div class="content_title_sm">{% trans 'mission' context 'pilot_vlifes' %}: {{ mission.name }}</div>
                    <div class="content_title_sm" id="sort_by_text"></div>
                </div>
                <div class="form_search">
                    <form action="" method="GET">
                        <input type="hidden" name="tour" value="{{ request.tour.id }}"/>
                        <input type="text" name="search" value="" placeholder="{% trans 'Search pilot' %}">
                    </form>
                </div>

            </div>

            {% if players %}
            <div class="content_table">
                <div class="head_row">
                    <div class="cell" style="width: 60px;"></div>
                    <div class="cell"></div>
                    <div class="cell" style="width: 60px;"></div>
                    <div class="cell" style="width: 90px;">
                        <a class="sort_by" href="?sort_by=-ak_total">
                            <img src="{% static 'img/icons/small/ak.png' %}" width="18" height="18"
                                 alt="{% trans 'Air Kills' %}" title="{% trans 'Air Kills' %}">
                        </a>
                    </div>
                    <div class="cell" style="width: 90px;">
                        <a class="sort_by" href="?sort_by=-gk_total">
                            <img src="{% static 'img/icons/small/gk.png' %}" width="18" height="18"
                                 alt="{% trans 'Ground Kills' %}" title="{% trans 'Ground Kills' %}">
                        </a>
                    </div>
                    <div class="cell" style="width: 90px;">
                        <a class="sort_by" href="?sort_by=-flight_time">
                            <img src="{% static 'img/icons/small/ft.png' %}" width="18" height="18"
                                 alt="{% trans 'Flight Time (hours:minutes)' %}" title="{% trans 'Flight Time (hours:minutes)' %}">
                        </a>
                    </div>
                    <div class="cell" style="width: 90px;">
                        <a class="sort_by" href="?sort_by=-kl">
                            <img src="{% static 'img/icons/small/kd.png' %}" width="18" height="18"
                                 alt="K/L" title="K/L">
                        </a>
                    </div>
                    <div class="cell" style="width: 90px;">
                        <a class="sort_by" href="?sort_by=-khr">
                            <img src="{% static 'img/icons/small/khr.png' %}" width="18" height="18"
                                 alt="K/Hr" title="K/Hr">
                        </a>
                    </div>
                    <div class="cell" style="width: 90px;">
                        <a class="sort_by" href="?sort_by=-accuracy">
                            <img src="{% static 'img/icons/small/acc.png' %}" width="18" height="18"
                                 alt="{% trans 'Gunnery Accuracy' %}" title="{% trans 'Gunnery Accuracy' %}">
                        </a>
                    </div>
                    {% if split_rankings and cls == 'all' %}
                    <div class="cell" style="width: 90px;">
                        <a class="sort_by" href="?sort_by=-score_light">
                            <img src="{% static 'img/icons/small/rating_light.png' %}" width="18" height="18"
                                 alt="{% trans 'Score' %}" title="{% trans 'Fighter Score' %}">
                        </a>
                    </div>
                    <div class="cell" style="width: 90px;">
                        <a class="sort_by" href="?sort_by=-score_medium">
                            <img src="{% static 'img/icons/small/rating_medium.png' %}" width="18" height="18"
                                 alt="{% trans 'Score' %}" title="{% trans 'Attacker Score' %}">
                        </a>
                    </div>
                    <div class="cell" style="width: 90px;">
                        <a class="sort_by" href="?sort_by=-score_heavy">
                            <img src="{% static 'img/icons/small/rating_heavy.png' %}" width="18" height="18"
                                 alt="{% trans 'Score' %}" title="{% trans 'Bomber Score' %}">
                        </a>
                    </div>
                    {% endif %}
                    <div class="cell" style="width: 90px;">
                        <a class="sort_by" href="?sort_by=-score">
                            <img src="{% static 'img/icons/small/rating.png' %}" width="18" height="18"
                                 alt="{% trans 'Score' %}" title="{% trans 'Score' %}">
                        </a>
                    </div>
                </div>
                {% for player in players %}
                <a class="row" href="{% url 'stats:mission_vlife' player.id %}?tour={{ player.tour_id }}&cls={{ cls }}">
                    <div class="cell">{{ players.start_index|add:forloop.counter0 }}</div>
                    <div class="cell" style="text-align: left;">{{ player.nickname }}</div>
                    <div class="cell img">
                        {% include 'inline/table_coal_pref_icon.html' with coal_pref=player.coal_pref %}
                    </div>
                    <div class="cell">{{ player.ak_total }}</div>
                    <div class="cell">{{ player.gk_total }}</div>
                    <div class="cell">{{ player.flight_time|seconds_to_time }}</div>
                    <div class="cell">{{ player.kl }}</div>
                    <div class="cell">{{ player.khr }}</div>
                    <div class="cell">{{ player.accuracy}}% </div>
                    {% if split_rankings and cls == 'all' %}
                    <div class="cell">{{ player.score_light }}</div>
                    <div class="cell">{{ player.score_medium }}</div>
                    <div class="cell">{{ player.score_heavy }}</div>
                    {% endif %}

                    <div class="cell">{{ player.score }}</div>
                </a>
                {% endfor %}
            </div>
                {% if players.paginator.num_pages > 1 %}
                    <div class="paginator3000" id="paginator"></div>
                {% endif %}
            {% endif %}

            {% if split_rankings %}
            <div id="container" class="personas">
                {% if cls == 'all' %}
                <div class="persona selected">
                {% else %}
                <a href="{% url 'stats:mission_ironman' %}?tour={{ request.tour.id }}&cls=all&sort_by={{ sort_by }}" >
                <div class="persona" >
                {% endif %}
                    {% trans 'All' context 'persona' %}
                    <img src="{% static 'img/icons/personas/all-persona.png' %}">
                </div>
                {% if cls != 'all' %}
                </a>
                {% endif %}
                {% if cls == 'light' %}
                <div class="persona selected">
                {% else %}
                <a href="{% url 'stats:mission_ironman' %}?tour={{ request.tour.id }}&cls=light&sort_by={{ sort_by }}" >
                <div class="persona" >
                {% endif %}
                    {% trans 'Fighter' context 'specialty' %}
                    <img src="{% static 'img/icons/personas/fighter-persona.png' %}">
                </div>
                {% if cls != 'light' %}
                </a>
                {% endif %}
                {% if cls == 'medium' %}
                <div class="persona selected">
                {% else %}
                <a href="{% url 'stats:mission_ironman' %}?tour={{ request.tour.id }}&cls=medium&sort_by={{ sort_by }}" >
                <div class="persona" >
                {% endif %}
                    {% trans 'Attacker' context 'specialty' %}
                    <img src="{% static 'img/icons/personas/attacker-persona.png' %}">
                </div>
                {% if cls != 'medium' %}
                </a>
                {% endif %}
                {% if cls == 'heavy' %}
                <div class="persona selected">
                {% else %}
                <a href="{% url 'stats:mission_ironman' %}?tour={{ request.tour.id }}&cls=heavy&sort_by={{ sort_by }}" >
                <div class="persona" >
                {% endif %}
                    {% trans 'Bomber' context 'specialty' %}
                    <img src="{% static 'img/icons/personas/bomber-persona.png' %}">
                </div>
                {% if cls != 'heavy' %}
                </a>
                {% endif %}
            </div>
            {% endif %}

            <div class="info" style="padding-top: 20px;">
                <div>
                    {% blocktrans trimmed %}
                    <strong>Attention!</strong> Algorithms collection statistics IL2 stats differs from statistics in-game. As a consequence of these statistics will not coincide with the game.
                    {% endblocktrans %}
                </div>
                <div>
                {% if INACTIVE_PLAYER_DAYS %}
                    {% blocktrans trimmed count days=INACTIVE_PLAYER_DAYS.days %}
                        Players inactive for more than {{ days }} day - do not participate in the rating.
                    {% plural %}
                        Players inactive for more than {{ days }} days - do not participate in the rating.
                    {% endblocktrans %}
                {% endif %}
                </div>
            </div>
        </div>
    </section>
{% endblock content %}

{% block bottom %}
    {{ block.super }}
    <script src="{% static 'js/table.js' %}"></script>
    <script>
        var sort_by_text = {
            'ak_total': '{% trans 'on the number of air kills' %}',
            'streak_current': '{% trans 'on the current streak of kills' %}',
            'gk_total': '{% trans 'on the number of ground kills' %}',
            'flight_time': '{% trans 'on the flight time (hours:minutes)' %}',
            'kl': '{% trans 'on the average number of kills per one aircraft lost (K/L)' %}',
            'khr': '{% trans 'on the average number of kill per one hour (K/Hr)' %}',
            'accuracy': '{% trans 'on the accuracy' %}',
            'rating': ''
        };

        $(document).ready(function() {
            uri_sort_by('-score', sort_by_text);
            var paginator = new Paginator('paginator', {{ players.paginator.num_pages }}, 15, {{ players.number }}, uri_paginator);
        });
    </script>
{% endblock bottom %}