{% extends "base.html" %}

{% block title %}Strona Główna{% endblock %}

{% block content %}
<section class="choose-club">
  <a href="{{ url_for('clubs', club='FC Barcelona') }}">
    <button><img src="{{ url_for('static', filename='FC_Barcelona.png') }}"></button>
  </a>
  <a href="{{ url_for('clubs', club='Bayern Monachium') }}">
    <button><img src="{{ url_for('static', filename='FC_Bayern.png') }}"></button>
  </a>
  <a href="{{ url_for('clubs', club='Borussia Dortmund') }}">
    <button><img src="{{ url_for('static', filename='Borussia_Dortmund.png') }}"></button>
  </a>
  <!--Jak nie będzie statysytk dla lecha to usunać-->
  <a href="{{ url_for('clubs', club='Lech Poznan') }}">
    <button><img src="{{ url_for('static', filename='Lech_Poznan.png') }}"></button>
  </a>
</section>

<!-- Wyświetlanie danych tylko dla wybranego klubu -->
{% for stats in clubs %}
  {% if stats.club == selected_club %}
    <section class="club-stats">
      <h2>Statystyki dla {{selected_club}}</h2>
      <div class="wybrany{{selected_club}}"></div>
      <div class="club-stats-grid">
        <div class="stat-box">
          <p>Gole:</p> <span class="stat-box-special"> {{ stats.goals }} </span>
        </div>
        <div class="stat-box">
          <p>Asysty:</p> <span class="stat-box-special"> {{ stats.assist }} </span>
        </div>
        <div class="stat-box">
          <p>Występy:</p> <span class="stat-box-special"> {{ stats.matches }} </span>
        </div>
        <div class="stat-box">
          <p>Łączny czas gry:</p> <span class="stat-box-special"> {{ stats.minutes_played }}</span>
        </div>
        <div class="stat-box">
          <p>Żółte kartki:</p> <span class="stat-box-special"> {{ stats.yellow_card }}</span>
        </div>
        <div class="stat-box">
          <p>Czerwone kartki:</p> <span class="stat-box-special"> {{ stats.red_card }}</span>
        </div>
        <div class="stat-box">
          <p>Zwycięstwa:</p> <span class="stat-box-special"> {{ stats.wins }}</span>
        </div>
        <div class="stat-box">
          <p>Remisy:</p> <span class="stat-box-special"> {{ stats.draws }}</span>
        </div>
        <div class="stat-box">
          <p>Porażki:</p> <span class="stat-box-special"> {{ stats.lost }}</span>
        </div>
      </div>
    </section>
  {% endif %}
{% endfor %}
{% endblock %}

{% block footer %}
{{ commit_in_html | safe }}
{% endblock %}