{% extends "base.html" %}

{% block content %}
<div>
  <h2>
    {% block nadpis1a %}{% block nadpis1b %}
      Archiv čísel
    {% endblock %}{% endblock %}
  </h2>

  <!-- <div class='nahledy_cisel'>
    {% autoescape off %}{{ nahledy }}{% endautoescape %}
  </div>-->

    {% for rocnik, url_png in object_list.items %}

    <div class="rocnik_pole">

      <h3>
      <a href='{{ rocnik.verejne_url }}'>Ročník {{ rocnik }}</a>
      </h3>


      {# karta ročníku - zepředu obrázek prvního čísla, zezadu odkaz na jednotlivá čísla a výsledkovku #}

      <div class="flip-card" id="archiv">

      <div class="flip-card-inner">
        <div class="flip-card-front">

      <div class="flip-card-foto">
        <img src="{{ url_png }}" height=200px alt="{{ rocnik }}">
      </div>

      </div>
       <div class="flip-card-back">
      <div class="popis_rocniku">
        Jednotlivá čísla:
        <ul>
          {% for cislo in rocnik.cisla.all reversed %}
          <li><a href='{{ cislo.verejne_url }}'>{{ cislo.poradi }}. číslo</a> {% if cislo.pdf %}(<a href='{{ cislo.pdf.url }}'>pdf</a>) {% endif %}
          {% empty %}
          Žádná čísla k zobrazení
          {% endfor %}
          </ul>
          <a href='{{ rocnik.verejne_url }}'>Výsledková listina</a> <!-- FIXME:  url výsledkovky-->
      </div>

      </div>
      </div>
      </div>

      {# konec karty ročníku #}

    <hr>
    </div>

    {% empty %}
      Nejsou žádné ročníky
    {% endfor %}

</div>
{% endblock content %}