{% 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/admin_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 %}

<div class="grid-container">
    {% for object in cl.result_list %}
        <div class="grid-item">
            <div ><canvas id="chart-counter-{{ object.counter.counter }}-{{ object.id }}"></canvas></div>
        </div>
    {% endfor %}
</div>

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