{% extends "admin/change_list.html" %}
{% load  static admin_list %}

{% block extrahead %}
{{ block.super }}
{{ media.js }}
<script src="{% static 'admin/js/filters.js' %}" defer></script>
<script src="{% static 'js/jQuery/jquery.min.js' %}"></script>
<script src="{% static 'js/ChartJS/chart.min.js' %}"></script>
<link href="{% static "css/yandex_metrics.css" %}" media="screen" rel="stylesheet"  type="text/css" />

{% endblock %}

{% block result_list %}
{% if action_form and actions_on_top and cl.show_admin_actions %}{% admin_actions %}{% endif %}
{% result_list cl %}

<p id="metrics-errors"></p>
<div class="grid-container">
    {% for object in cl.result_list %}
        {% if object.hidden != True %}
            <div class="grid-item" >
                <div class="wrapper">
                    <canvas  id="chart-counter-{{ object.counter.counter }}-{{ object.id }}"></canvas>
                </div>
            </div>
        {% endif %}
    {% endfor %}
</div>

{% if action_form and actions_on_bottom and cl.show_admin_actions %}{% admin_actions %}{% endif %}
<script src="{% static 'js/yandex_metrics.js' %}"></script>
{% endblock %}