{% extends 'admin/base.html' %}
{% load staticfiles %}

{% block styles %}
    .margin-sides-15px{
        margin-left:15px;
        margin-rigth:15px;
    }
{% endblock %}

{% block body %}

    <div class="box span10">
        <div class="box-header well">
            <h2><i class="icon-arrow-down"></i>Статистика показов попапов</h2>
        </div>
        <div class="box-content">
        <form id="id_form" class="form-inline">
            <div class="control-group">
                <label for="from">С: </label><input type="text" name="from" class="filter-date margin-sides-15px">
                <label for="to">По: </label><input type="text" name="to" class="filter-date margin-sides-15px">
                <button id="submit" class="btn btn-primary margin-sides-15px">Фильтровать</button>
            </div>
        </form>
            <table class="table table-hover table table-bordered table-striped">
            <colgroup>
                <col width="33%">
                <col width="33%">
                <col width="33%">
            </colgroup>

                <tbody>
                <tr>
                    <td>Показов</td>
                    <td>{{ object.cnt }}</td>
                </tr>
                 <tr>
                    <td>Подписалось</td>
                    <td>{{ object.subscr }}</td>
                </tr>
                 <tr>
                    <td>Подтверждено</td>
                    <td>{{ object.active }}</td>
                </tr>

                </tbody>
            </table>

        </div>
        {# pagination #}
        {% include 'admin/includes/admin_pagination.html' with page_obj=object_list %}
    </div>
<script>
    $(document).ready(function(){
       $(".filter-date").datetimepicker({
           todayHighlight: true,
           format: 'dd.mm.yyyy',
           minView: 2
       });
    });
</script>
{% endblock %}