{% extends "base.html" %}
{% import "_macros.html" as m %}
{% from "_macros.html" import icon %}
{% set active_nav = 'completed' %}
{% block title %}Completed{% endblock %}
{% block heading %}Completed{% endblock %}
{% block content %}
  {% if not tasks %}
    <div class="empty">
      <div class="empty-icon">{{ icon('check-circle') }}</div>
      <p>Nothing completed yet. Your finished tasks will collect here.</p>
    </div>
  {% else %}
    <div class="page-summary">{{ tasks | length }} completed — nice work.</div>
    {% for task in tasks %}
      {{ m.task_card(task) }}
    {% endfor %}
  {% endif %}
{% endblock %}