{% extends "base.html" %}
{% import "_empty.html" as empty %}
{% block title %}Dashboard{% endblock %}

{% block topbar_main %}
<h1>Dashboard</h1>
{% endblock %}

{% block topbar_actions %}
<a class="btn btn-primary" href="/projects/new">New project</a>
{% endblock %}

{% block content %}
<div data-live-list hidden></div>
<div class="pane">

  {#
    Decisions waiting on a person, not totals. A row appears only when
    something is waiting, and each links to where the decision is made.
  #}
  {# The one warm surface on the page, and only while something is waiting:
     these are the decisions the page exists for, and as plain rows they
     had the quietest treatment on it. Each row is the link. #}
  <div class="card needs{% if waiting %} is-waiting{% endif %}">
    <div class="card-head">Needs you{% if waiting %} <span class="note">{{ waiting | length }}</span>{% endif %}</div>
    {% for row in waiting %}
    <a class="grid-row needs-row" href="{{ row.href }}">
      <span class="name">{{ row.count }} {{ row.what }}{{ 's' if row.count != 1 else '' }} {{ row.verb }}</span>
      <span class="btn btn-sm" data-cell="chip">Open</span>
    </a>
    {% else %}
    <p class="hint card-pad">Nothing is waiting on you. Agent requests, memory suggestions,
       reviews and agents that have not connected appear here when they need you.</p>
    {% endfor %}
  </div>

  {% if projects %}
  <div class="card">
    <div class="card-head">Projects
      <span class="note">{{ projects | length }} shown</span>
      <a class="btn btn-sm" style="margin-left:auto" href="/projects">all {{ total_projects }} projects</a></div>
    <div class="tablewrap">
      {% for project in projects %}
      <div class="grid-row cols-recent">
        <span>
          <a class="name" href="/projects/{{ project.id }}">{{ project.name }}</a>
          {% if project.description %}<div class="sub">{{ project.description }}</div>{% endif %}
        </span>
        <span class="path tnum" data-cell="meta">{{ plan_counts.get(project.id, 0) }} plans</span>
        <span class="path" data-cell="meta">{{ project.plan_directory }}</span>
        <span class="when" data-cell="meta">{{ project.created_at.strftime('%d %b %Y') if project.created_at }}</span>
      </div>
      {% endfor %}
    </div>
  </div>
  {% else %}
  {% call empty.state('project', 'Nothing here yet') %}
    <p>Create a project and flanner takes over the plan files your agents write in it.</p>
    <a class="btn btn-primary" href="/projects/new">New project</a>
  {% endcall %}
  {% endif %}

  {% if recent_activity %}
  <div class="card">
    <div class="card-head">Recent Activity</div>
    {% for item in recent_activity %}
    <div class="grid-row cols-activity">
      <span data-cell="chip"><span class="vtag {% if loop.first %}vtag-current{% endif %}">v{{ item.plan_file.current_version }}</span></span>
      <span><a class="name" href="/plans/{{ item.plan_file.id }}">{{ item.plan_file.name }}.md</a>
        <span class="when">in {{ item.project.name }}</span></span>
      <span class="when" data-cell="meta">{{ item.updated_at | relative_time }}</span>
    </div>
    {% endfor %}
  </div>
  {% endif %}

</div>
{% endblock %}