{% extends 'base_catalog.html' %}

{% block page_title %}
        <div class="page-title">
            <h1>{{ object.get_event }}. Статистика</h1>
       </div>
{% endblock %}

{% block content_list %}
    <div class="m-article recovery-page">
    {% if form %}
        <form class="pw-form" method="post">{% csrf_token %}

            <div>
                <div class="input">
                    <p class="label">{{ form.stat_pswd.label }}</p>
                </div>
                {% if form.errors %}
                    {# если есть ошибка #}
                    <div class="required err input">
                        {{ form.stat_pswd }}
                    </div>
                    <div class="error-text">
                        {{ form.errors.stat_pswd.0 }}{# текст ошибки #}
                    </div>

                {% else %}
                {# ошибки нет #}
                <div class="input">
                    {{ form.stat_pswd }}
                </div>
                {% endif %}
                <div class="input">
                    <button type="submit" class="icon-check submit">Подтвердить</button>
                </div>
            </div>

        </form>

    {% else %}
        <table width="100%">
            <thead>
                <tr>
                  <th>Дата</th>
                  <th>Официальный сайт</th>
                  <th>Билеты</th>
                  <th>Участие</th>
                  <th>Переходы с каталога</th>
                </tr>
            </thead>
            <tbody>
                {% with stats=object.paidstat_set.all %}
                  {% for stat in stats %}
                  <tr>
                      <td>{{ stat.date|date:"Y-m-d" }}</td>
                      <td>{{ stat.official_clicks }}</td>
                      <td>{{ stat.tickets_clicks }}</td>
                      <td>{{ stat.participation_clicks }}</td>
                      <td>{{ stat.catalog_clicks }}</td>
                  </tr>
                  {% endfor %}
              {% endwith %}
            </tbody>
        </table>
    {% endif %}
    </div>
{% endblock %}