{% extends "base.html" %}
{% load i18n static %}
{% load humanize %}
{% block head %}
  <script type="text/javascript" src="{{ STATIC_URL }}javascript/tippy.js"></script>
{% endblock %}

{% block nav %}
{% include "nav.html" with ls=ls season=season %}
{% endblock %}

{% block body %}
<div id="content-main">
  <div class="row">
    <div class="col-md-7">
      <h2>Aktivierte Ligen</h2>
        <table class="table table-striped">
              <tr>
                  <th>Liga</th>
                  <th>Abkürzung</th>
              </tr>
              {% for i in leagues %}
                  <tr>
                      <td>{{ i.leagueName }}</td>
                      <td>{{ i.leagueShortcut }}</td>
                  </tr>
              {% endfor %}
        </table>
    </div>
  </div>
  <div class="row">
    <div class="col-md-7">
      <button class="btn btn-primary" type="button" data-toggle="collapse" 
          data-target="#collapseBeispiel" aria-expanded="false" aria-controls="collapseBeispiel">
      Liga hinzufügen</button>
      <div class="collapse" id="collapseBeispiel">
        <table class="table table-striped">
              <tr>
                  <th>Liga</th>
                  <th>Abkürzung</th>
                  <th>Saison</th>
                  <th>ID</th>
              </tr>
              {% for i in avail_leagues %}
                  <tr>
                      <td>{{ i.leagueName }}</td>
                      <td>{{ i.leagueShortcut }}</td>
                      <td>{{ i.leagueSaison }}</td>
                      <td>{{ i.leagueID }}</td>
                  </tr>
              {% endfor %}
        </table>
    </div>
  </div>
      </div>
  {% if debug %}
  <div class="row">
    <div class="col-md-7">
        {% for line in debug %}
        <p>{{ line }}</p>
        {% endfor %}
    </div>
  </div>
  {% endif %}
</div>
{% endblock %}