{% extends "app.html" %}
{% block content %}
{% if entries.is_empty() %}
<p class="chart-empty">{{ shell.tr.times_empty }}</p>
{% else %}
<ul class="times">
  {% for e in entries %}
  <li>
    <span class="dot dot-12" style="background:{{ e.color }}"></span>
    <div class="tinfo">
      <div class="tcat">{{ e.category }}</div>
      <div class="tdate">{{ e.date }}</div>
    </div>
    <span class="tdur">{{ e.duration }}</span>
    <a class="btn btn-secondary btn-icon-sm" href="{{ e.edit_href }}" aria-label="{{ shell.tr.edit_aria }}">
      <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.75" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20h9"></path><path d="M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4Z"></path></svg>
    </a>
  </li>
  {% endfor %}
</ul>
{% endif %}
{% if let Some(more) = more_href %}
<a class="btn btn-secondary btn-block" style="margin-top:var(--space-4)" href="{{ more }}">{{ shell.tr.see_more }}</a>
{% endif %}
{% endblock %}