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

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

{% block body %}

    <div class="box span9">
        <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="fr" class="filter-date margin-sides-15px"> -->{{ form.fr }}
                <label for="to">По: </label>{{ form.to }}
                <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>{{ popups }}</td>
                </tr>
                 <tr>
                    <td>Подписалось</td>
                    <td>{{ subscribed }}</td>
                </tr>
                 <tr>
                    <td>Подтверждено</td>
                    <td>{{ activated }}</td>
                </tr>

                </tbody>
            </table>

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