{% extends "base.html" %}
{% block title %}dashboard — dossier{% endblock %}
{% block content %}
<div class="ds-pagehead">
  <div>
    <h1 class="ds-pagehead__title">dashboard</h1>
    <div class="ds-pagehead__meta">
      <span class="ds-chip mono">{{ total_count }} open across {{ project_rows | length }} projects</span>
    </div>
  </div>
</div>

{% if project_rows %}
<div class="ds-table-wrap">
  <table class="ds-table">
    <thead>
      <tr>
        <th>project</th>
        <th>owner</th>
        <th class="tnum">open items</th>
      </tr>
    </thead>
    <tbody>
      {% for p in project_rows %}
      <tr>
        <td><a href="/p/{{ p.slug }}">{{ p.name }}</a></td>
        <td class="mono">{{ owner_display(p.catalog_entry) }}</td>
        <td class="mono tnum">{{ p.open_count }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% else %}
<div class="ds-empty">
  <div class="ds-empty__title">no projects</div>
  <div class="ds-empty__sub">configure DOSSIER_PROJECTS to get started</div>
</div>
{% endif %}

<form method="get" action="/" class="ds-filters">
  <div class="ds-field ds-field--inline">
    <label class="ds-label" for="f-project">project</label>
    <select class="ds-select ds-select--sm" id="f-project" name="project">
      <option value="">all</option>
      {% for p in project_rows %}
      <option value="{{ p.slug }}" {{ 'selected' if filter_project == p.slug else '' }}>{{ p.slug }}</option>
      {% endfor %}
    </select>
  </div>
  <div class="ds-field ds-field--inline">
    <label class="ds-label" for="f-status">status</label>
    <select class="ds-select ds-select--sm" id="f-status" name="status">
      <option value="">all</option>
      <option value="open" {{ 'selected' if filter_status == 'open' else '' }}>open</option>
      <option value="in_progress" {{ 'selected' if filter_status == 'in_progress' else '' }}>in progress</option>
      <option value="blocked" {{ 'selected' if filter_status == 'blocked' else '' }}>blocked</option>
      <option value="deferred" {{ 'selected' if filter_status == 'deferred' else '' }}>deferred</option>
      <option value="in_review" {{ 'selected' if filter_status == 'in_review' else '' }}>in review</option>
      <option value="in_human_review" {{ 'selected' if filter_status == 'in_human_review' else '' }}>in human review</option>
      <option value="done" {{ 'selected' if filter_status == 'done' else '' }}>done</option>
    </select>
  </div>
  <div class="ds-field ds-field--inline">
    <label class="ds-label" for="f-assignee">assignee</label>
    <input class="ds-input ds-input--sm" type="text" id="f-assignee" name="assignee" value="{{ filter_assignee }}">
  </div>
  <div class="ds-field ds-field--inline">
    <label class="ds-label" for="f-query">search</label>
    <input class="ds-input ds-input--sm" type="text" id="f-query" name="q" value="{{ search_query }}">
  </div>
  <button type="submit" class="ds-btn ds-btn--ghost">filter</button>
</form>

{% if dashboard_items %}
{% if total_count > max_items %}
<div class="ds-callout">showing first {{ max_items }} of {{ total_count }} items</div>
{% endif %}
<div class="ds-table-wrap">
  <table class="ds-table">
    <thead>
      <tr>
        <th>key</th>
        <th>title</th>
        <th>project</th>
        <th>state</th>
        <th>assignee</th>
        <th>updated</th>
      </tr>
    </thead>
    <tbody>
      {% for item in dashboard_items %}
      <tr>
        <td class="mono"><a href="{{ item.issue_url }}">{{ item.key }}</a></td>
        <td><a href="{{ item.issue_url }}">{{ item.title }}</a></td>
        <td class="mono"><a href="{{ item.project_url }}">{{ item.project_slug }}</a></td>
        <td><span class="ds-pill {{ status_pill_class(item.state) }}"><span class="ds-pill__dot"></span>{{ item.state }}</span></td>
        <td>{{ item.assignee or '—' }}</td>
        <td class="mono tnum">{{ item.updated }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% else %}
<div class="ds-empty">
  <div class="ds-empty__title">no open items across the estate</div>
  <div class="ds-empty__sub">create or reopen a work-item to see it here</div>
</div>
{% endif %}
{% endblock %}