{% extends "base.html" %}
{% block nadpis1a %}
  {% if aktivni %}
    Organizátoři
  {% else %}
    Vysloužilí organizátoři
  {% endif %}
{% endblock%}


{% block content %}

  {% if not aktivni %}
    <br>
    <a href="{% url 'organizatori' %}">Aktivní organizátoři</a><br>
    <br>
  {% endif %}

<div class="seznam_orgu">
  {% for org in object_list %}
  <div class="org_pole">

    <h3>
    {{org.osoba.jmeno}}
    {% if org.osoba.prezdivka %}
      &bdquo;{{org.osoba.prezdivka}}&ldquo;
    {% endif %}
    {{org.osoba.prijmeni}}
    </h3>

    <div class="org_email">
      {% if org.osoba.email and user.is_authenticated %}
        {# zobrazeni e-mailu (na jednom radku, aby nevznikaly mezery navic) #}
        {% for znak in org.osoba.email %}{% if znak == '@' %}&commat;{% else %}{{znak}}{% endif %}{% endfor %}
      {% endif %}
    </div>

    {# karta organizátora - zepředu fotka, zezadu popis, u neaktivních data kdy organizovali #}

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

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

    <div class="flip-card-foto">
    {% if org.osoba.foto %}
      <a href="{{org.osoba.foto.url}}" class="ref-org-foto"><img src="{{org.osoba.foto_male.url}}" height="{{org.osoba.foto_male.height}}" alt="{{org.osoba.jmeno}} {{org.osoba.prijmeni}}"></a>
    {% else %} {# pokud osoba nemá fotku, zobrazuje se defaultní obrázek #}
      {% load static %} <img src="{% static 'images/no-photo.png' %}" height=200px alt="{{org.osoba.jmeno}} {{org.osoba.prijmeni}}">
    {% endif %}
    </div>

    </div>
     <div class="flip-card-back">

    <div class="popis_orga">
    {% if aktivni %}
            {% if org.strucny_popis_organizatora %}
                  {{org.strucny_popis_organizatora}}
            {% endif %}
            {% if org.organizuje_od %}
                  Organizuji od roku {{org.organizuje_od.year}}.
            {% endif %}
    {% else %}
            Aktivní {{org.organizuje_od.year | default:"?" }}&ndash;{{org.organizuje_do.year | default:"?" }}
    {% endif %}
    </div>

    </div>
    </div>
    </div>
    {# konec karty organizátora #}

  <hr>
  </div>


  {% endfor %}

</div>

{% if aktivni%}
<a href="{% url 'stari_organizatori' %}">Vysloužilí organizátoři</a>
  {% else %}
  <a href="{% url 'organizatori' %}">Aktivní organizátoři</a>
  {% endif %}

{% endblock content %}