{% extends "base.html" %}
{% import "_icons.html" as icons %}
{% block title %}ClayTracker{% endblock %}
{% block content %}
  {% if actieve_wedstrijd %}
    <div class="card status-card">
      <div>
        <p class="label"><span class="live-dot"></span> Actieve wedstrijd</p>
        <p class="naam">{{ actieve_wedstrijd.naam }}</p>
        <p class="datum">{{ actieve_wedstrijd.datum }}</p>
      </div>
      <a class="knop" href="{{ url_for('wedstrijden.overzicht', wedstrijd_id=actieve_wedstrijd.id) }}">
        Ga naar de wedstrijd {{ icons.pijl_rechts() }}
      </a>
    </div>
  {% else %}
    <div class="card status-card">
      <div>
        <p class="label">Status</p>
        <p class="naam">Geen actieve wedstrijd</p>
        <p class="datum">Start een nieuwe wedstrijd om live scores bij te houden.</p>
      </div>
      <a class="knop" href="{{ url_for('wedstrijden.nieuw') }}">Nieuwe wedstrijd aanmaken {{ icons.pijl_rechts() }}</a>
    </div>
  {% endif %}

  <div class="tiles">
    <a class="tile" href="{{ url_for('wedstrijden.lijst') }}">
      <span class="tile-icon">{{ icons.wedstrijden() }}</span>
      <span>
        <p class="tile-titel">Wedstrijden</p>
        <p class="tile-tekst">Historie en uitslagen van eerdere wedstrijden</p>
      </span>
    </a>
    <a class="tile" href="{{ url_for('clubkampioen.overzicht') }}">
      <span class="tile-icon">{{ icons.medaille() }}</span>
      <span>
        <p class="tile-titel">Clubkampioen</p>
        <p class="tile-tekst">Eindstand berekenen over een selectie van wedstrijden</p>
      </span>
    </a>
    <a class="tile" href="{{ url_for('leden.lijst') }}">
      <span class="tile-icon">{{ icons.leden() }}</span>
      <span>
        <p class="tile-titel">Leden</p>
        <p class="tile-tekst">Ledenadministratie en scorehistorie per lid</p>
      </span>
    </a>
    <a class="tile" href="{{ url_for('instellingen.bewerken') }}">
      <span class="tile-icon">{{ icons.instellingen() }}</span>
      <span>
        <p class="tile-titel">Instellingen</p>
        <p class="tile-tekst">Verenigingsnaam en logo aanpassen</p>
      </span>
    </a>
    <a class="tile" href="{{ url_for('uitleg.overzicht') }}">
      <span class="tile-icon">{{ icons.info() }}</span>
      <span>
        <p class="tile-titel">Uitleg</p>
        <p class="tile-tekst">Hoe de wedstrijd-uitslag en de clubkampioen worden berekend</p>
      </span>
    </a>
  </div>
{% endblock %}