<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>
      {{ _("The Musical Internatiionale") }}
    </title>
    <script src='https://unpkg.com/htmx.org@1.7.0'></script>
    <link rel="stylesheet" href="/static/style.css">
  </head>
  <body>
    <main>
      <section>
        <p>
          {{_("You have entered %(band_count)s bands or artists from %(country_count)s countries.", band_count=stats.band_count, country_count=stats.country_count)}}
        </p>
        <p>
          {{_("This puts you at rank %(band_rank)s and %(country_rank)s of %(user_count)s, respectively.", band_rank=stats.band_rank, country_rank=stats.country_rank, user_count=stats.user_count)}}
        </p>
        <table>
          {% for c in stats.countries %}
          <tr>
            <th>
              {{ c.name }}
            </th>
            <td>
              {% for b in c.bands %}
                <span class="band {%if b.by_user %}by_user{%endif%}">{{b.name}}</span>{%if not loop.last%},{%endif%}
              {% endfor %}
            </td>
          </tr>
          {% endfor %}
        </table>
      </section>
      {% if ask_mail %}
        <p>
          {{_("You can leave your email address here if you want to be informed about future developments")}}
          <br>
          <input hx-post="/add-email" name="email" hx-swap="outerHTML">
        </p>
      {% endif %}
    </main>
  </body>
</html>
