{% extends "base.html" %}
{% import "_macros.html" as m %}
{% from "_macros.html" import icon %}
{% set active_nav = 'open' %}
{% block title %}Open tasks{% endblock %}
{% block heading %}Open tasks{% endblock %}
{% block content %}
  {% if not groups %}
    <div class="empty">
      <div class="empty-icon">{{ icon('team') }}</div>
      <p>No team members yet.</p>
      <a class="btn btn-primary" href="{{ url_for('admin.subordinates') }}">Add your team</a>
    </div>
  {% elif total_open == 0 %}
    <div class="empty">
      <div class="empty-icon celebrate">{{ icon('check-circle') }}</div>
      <p class="empty-title">All clear</p>
      <p>Your whole team is caught up. Nothing open right now.</p>
      <a class="btn btn-primary" href="{{ url_for('tasks.create') }}">{{ icon('plus', 'ico-sm') }} Assign a task</a>
    </div>
  {% else %}
    <div class="page-summary">{{ total_open }} open task{{ '' if total_open == 1 else 's' }}</div>
    {% for group in groups %}
      <section class="group">
        <h2 class="group-title">
          {{ group.subordinate.name }}
          <span class="count">{{ group.tasks | length }}</span>
        </h2>
        {% if group.tasks %}
          {% for task in group.tasks %}
            {{ m.task_card(task, allow_complete=True) }}
          {% endfor %}
        {% else %}
          <p class="muted small empty-inline">All done here.</p>
        {% endif %}
      </section>
    {% endfor %}
  {% endif %}

  <a class="fab" href="{{ url_for('tasks.create') }}" title="Assign a task" aria-label="Assign a task">
    {{ icon('plus') }}</a>
{% endblock %}