{% extends 'base.html' %}
{% load i18n %}
{% load static %}
{% block scripts %}
    <script src="{% static 'js/jquery.dataTables.min.js' %}"></script>
{% endblock %}


{% block body %}
<div class="row-fluid sortable">
    <div class="box span12">
        <div class="box-header well" data-original-title>
            <h2><i class="icon-align-justify"></i> {{ object.get_event }} (Пароль: {{ object.stat_pswd }})</h2>
        </div>
        <div class="box-content">
            <div class="row-fluid">
                <div class="span8">Линк на статистику: <b>{{ request.get_host }}/expo-b/paid/{{ object.id }}/stat/</b></div>
                <div class="span4">Пароль: <b>{{ object.stat_pswd }}</b></div>
            </div>

        <!-- date filter -->
            <div class="row-fluid">
                <form class = "form-inline" method="get" >
                    <div class="form-group ">
                        <label class="control-label" for="id_date_from"> {% trans "с: " %}</label>
                        <input class="form-control" type="text" name="date_from" id="id_date_from">
                        <label for="id_date_to" >{% trans "по: " %}</label>
                        <input class="form-control" type="text" name="date_to" id="id_date_to" >
                        <button class="btn btn-primary" type="submit" >{% trans "Фильтровать" %}</button>
                    </div>
                </form>
            </div>
            <!-- end date filter -->
            <table class="table table-striped table-bordered bootstrap-datatable datatable">
              <thead>
                  <tr>
                      <th>Дата</th>
                      <th>Официальный сайт</th>
                      <th>Билеты</th>
                      <th>Участие</th>
                      <th>Переходы с каталога</th>
                  </tr>
              </thead>
              <tbody>
                <tr>
                      <td><b>За весь период</b></td>
                      <td>{{ all.official }}</td>
                      <td>{{ all.ticket }}</td>
                      <td>{{ all.participation}}</td>
                      <td>{{ all.catalog }}</td>
                  </tr>
              {% with stats=stats %}
                  {% 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>
        </div>
    </div>
</div>
<script>
    console.log("down");
    $('#id_date_from').datetimepicker({
        todayHighlight: true,
        format : 'dd.mm.yyyy',
        minView:2
    });
    $('#id_date_to').datetimepicker({
        todayHighlight: true,
        format : 'dd.mm.yyyy',
        minView:2
    });
    console.log("1");

</script>
{% endblock %}