{% extends 'base.html' %}
{% load static %}
{% load i18n %}
{% 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 }} (Пароль: {{ object.stat_pswd }})</h2>
        </div>
        <div class="box-content">

        <!-- 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>
              {% with stats=stats %}
                  {% 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>
        </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 %}