{% extends 'base_catalog.html' %}

{% block styles %}
<style>
    table {
        width: 100%;
        margin-bottom: 18px;
        border: 1px solid #dddddd;
        border-collapse: separate;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        border-spacing: 2px;
        border-color: grey;
    }
    table th{
        vertical-align: bottom;
        font-weight: bold;
        text-align: left;
    }
    table th. table td{
        padding: 8px;
        line-height: 18px;
        text-align: left;
        display: table-cell;
    }

</style>
{% endblock %}

{% block page_title %}
        <div class="page-title">
            <h1>{{ object }}. Статистика</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.banner_stat.all %}
                  {% for stat in stats %}
                  <tr>
                      <td>{{ stat.date|date:"Y-m-d" }}</td>
                      <td>{{ stat.view }}</td>
                      <td>{{ stat.click }}</td>
                      <td>{{ stat.unique_view }}</td>
                      <td>{{ stat.unique_click }}</td>
                  </tr>
                  {% endfor %}
              {% endwith %}
            </tbody>
        </table>
    {% endif %}
    </div>
{% endblock %}