{# il2ks-template: templates/il2ks/home.html v1 - copy this line along when you override #}
{% extends "il2ks/base.html" %}{% load i18n static il2ks il2ks_live %}{% comment %}
  Home page (OQ-79: tour-aware, no ?tour = the current tour, ?tour=all = all time; online now is live). Context: tours / tour
  (the tour selector), tour_query ("?tour=<id>" or "?tour=all", for links that keep the scope),
  latest (the newest missions that have sorties, in the tour), last_mission (the first of them, or None),
  activity (ChartSpec or None), boards (HomeBoard: .key, .title, .rows of BoardRow: rank, player, stats, per_hour),
  pilots (TopPilot: .row is a PlayerMission with .player, .side is "redfor", "blufor" or None).
  The "Recently earned" strip (achievements/home_feed.html, doc 17) reads its own rows for the scope.
  Order: hero (title, player search, tour selector), the front page image (if set), online now, last mission, recently earned, boards, activity, latest missions.
  Blocks: head (page stylesheet), content.
{% endcomment %}
{% block head %}<link rel="stylesheet" href="{% static 'il2ks/missions.css' %}"><link rel="stylesheet" href="{% static 'il2ks/leaderboards.css' %}">{% endblock %}
{% block content %}
  <section class="hero{% if home_bg %} hero--image{% endif %}">
    {% if not home_bg %}{% icon "brand/logo-mark" "hero__mark" %}{% endif %}
    <h1>{{ site.site_title }}</h1>
    <p class="lead">{% if site.description %}{{ site.description|linebreaksbr }}{% else %}{% translate "Pilot, sortie and mission statistics from our IL-2 Sturmovik: Korea server." %}{% endif %}</p>
    <div class="hero__tools">
      <form class="home-search" role="search" action="{% url 'web:player-search' %}" method="get">
        {% translate "Find a player by name" as search_label %}
        <input type="search" name="q" placeholder="{{ search_label }}" aria-label="{{ search_label }}" autocomplete="off">
        <button type="submit">{% translate "Search" %}</button>
      </form>
      {% tour_select tours tour %}
    </div>
  </section>
  {% include "il2ks/home_feature.html" %}

  {% online_now %}

  {% if last_mission %}
    <section aria-labelledby="last-heading" class="last-mission">
      <h2 id="last-heading" style="margin-top:0">{% translate "Last mission" %}</h2>
      <article class="last-mission__card">
        <div class="last-mission__summary">
          <h3><a href="{% url 'web:mission-detail' last_mission.pk %}">{{ last_mission|mission_title }}</a></h3>
          <p class="meta-line">
            <span>{{ last_mission.started_at|local_time }}</span>
            <span>{{ last_mission.duration_s|duration }}</span>
            <span>{% translate "Winner" %}: {% winner_badge last_mission %}</span>
          </p>
          <div class="stat-tiles">
            {% stat_tile last_mission.players_total|num _("Players") %}
            {% stat_tile last_mission.sorties_total|num _("Sorties") icon="stat/sorties" %}
            {% stat_tile last_mission.kills_air|num _("Air kills") icon="stat/air-kills" %}
            {% stat_tile last_mission.kills_ground|num _("Ground kills") icon="stat/ground-kills" %}
          </div>
          <p class="meta-line">
            <span>{% coalition_badge "redfor" %} <strong class="num">{{ last_mission.redfor_sorties|num }}</strong> {% translate "sorties" %}</span>
            <span>{% coalition_badge "blufor" %} <strong class="num">{{ last_mission.blufor_sorties|num }}</strong> {% translate "sorties" %}</span>
          </p>
        </div>
        <div class="last-mission__pilots">
          <h3>{% translate "Top pilots by kills" %}</h3>
          {% if pilots %}{% flavor "top_pilot" last_mission.pk as top_quip %}{% if top_quip %}<p class="flavor">{{ top_quip }}</p>{% endif %}{% endif %}
          {% if pilots %}
            <table class="data-table data-table--compact">
              <thead>
                <tr>
                  <th scope="col">{% translate "Pilot" %}</th>
                  {% col_th _("Air") numeric=True %}
                  {% col_th _("Ground") numeric=True %}
                </tr>
              </thead>
              <tbody>
                {% for pilot in pilots %}
                  <tr>
                    <td>{% coalition_icon pilot.side %} {% include "il2ks/missions/_player.html" with player=pilot.row.player name=pilot.row.player.current_name stretch=True tour_q=tour_query %}</td>
                    <td class="num">{{ pilot.row.kills_air|num }}</td>
                    <td class="num">{{ pilot.row.kills_ground|num }}</td>
                  </tr>
                {% endfor %}
              </tbody>
            </table>
          {% else %}
            <p class="muted">{% translate "Nobody scored a kill in this mission." %} <span class="flavor">{% flavor "nobody_scored" last_mission.pk %}</span></p>
          {% endif %}
        </div>
      </article>
    </section>
  {% endif %}

  {% include "il2ks/achievements/home_feed.html" %}
  {% include "il2ks/leaderboards/home_block.html" %}
  {% include "il2ks/home_activity.html" %}

  <section aria-labelledby="latest-heading">
    <h2 id="latest-heading">{% translate "Latest missions" %}</h2>
    <div class="table-wrap">
      <table class="data-table">
        <thead>
          <tr>
            <th scope="col">{% translate "Date" %}</th>
            <th scope="col">{% translate "Mission" %}</th>
            <th scope="col" class="num">{% translate "Duration" %}</th>
            <th scope="col" class="num">{% translate "Players" %}</th>
            <th scope="col" class="num">{% translate "Sorties" %}</th>
            <th scope="col" class="num"><span class="sides-head" title="{% translate 'Sorties per side' %}">{% coalition_icon "redfor" %}<span class="sides__sep">/</span>{% coalition_icon "blufor" %}</span></th>
            <th scope="col" class="num">{% translate "Air kills" %}</th>
            <th scope="col" class="num">{% translate "Ground kills" %}</th>
            <th scope="col">{% translate "Winner" %}</th>
          </tr>
        </thead>
        <tbody>{% include "il2ks/missions/_rows.html" with missions=latest empty_message=_("No missions yet.") %}</tbody>
      </table>
    </div>
    <p class="button-row"><a role="button" class="secondary outline" href="{% url 'web:mission-list' %}{{ tour_query }}">{% translate "All missions" %}</a></p>
  </section>
{% endblock %}