{% extends "base.html" %}
{% import "_macros.html" as m %}
{% from "_macros.html" import icon %}
{% set active_nav = 'open' %}
{% block title %}My tasks{% endblock %}
{% block heading %}Hi {{ current_user.name.split(' ')[0] }}{% endblock %}
{% block content %}
  {% if not tasks %}
    <div class="empty">
      <div class="empty-icon celebrate">{{ icon('check-circle') }}</div>
      <p class="empty-title">All caught up!</p>
      <p>You've cleared every task.</p>
    </div>
  {% else %}
    <div class="page-summary">You have {{ tasks | length }} task{{ '' if tasks|length == 1 else 's' }} to do — tap the circle to complete.</div>
    {% for task in tasks %}
      {{ m.task_card(task, allow_complete=True) }}
    {% endfor %}
  {% endif %}
{% endblock %}