{% load i18n cc_admin %}
<section class="cc-card cc-span-{{ widget.width }} cc-widget-heatmap">
  {% include "cc_admin/widgets/_head.html" %}
  <div class="cc-heat" style="--w:{{ widget.data.count }}">
    <div class="cc-heat-months">{% for col, name in widget.data.months %}<span style="--c:{{ col|cc_add:2 }}">{{ name }}</span>{% endfor %}</div>
    <div class="cc-heat-grid">
      <b>Mon</b><b></b><b>Wed</b><b></b><b>Fri</b><b></b><b></b>
      {% for week in widget.data.weeks %}{% for c in week %}{% if c.future %}<i class="f"></i>{% else %}<i class="l{{ c.level }}" title="{{ c.value }} · {{ c.date|date:'D, M j' }}"></i>{% endif %}{% endfor %}{% endfor %}
    </div>
    <div class="cc-heat-foot"><span>{{ widget.data.total|cc_compact }} {{ widget.spec.unit|default:"events" }}</span><span class="cc-heat-legend">{% translate 'less' %} <i></i><i class="l1"></i><i class="l2"></i><i class="l3"></i><i class="l4"></i> {% translate 'more' %}</span></div>
  </div>
</section>