{% extends "django_prometric/components/card.html" %}
{% load i18n %}

{% block body %}
  {% if chart.labels %}
    {{ chart|json_script:component.slot }}
    <div class="pm-chart"><canvas data-source="{{ component.slot }}" role="img" aria-label="{% translate 'Requests over time' %}"></canvas></div>
  {% else %}
    <div class="pm-empty"><p>{% translate "No traffic in this period." %}</p></div>
  {% endif %}
{% endblock %}