{% extends "base.html" %}

{% block content %}
  {% if projects %}
    <section class="project-card-grid" aria-label="Project status">
      {% for project in projects %}
      <article class="project-card accent-{{ project.accent }}">
        <div class="project-card-head">
          <span class="project-monogram large">{{ project.initials }}</span>
          <span class="state-pill state-{{ project.diagnostic.refresh_state.value }}">
            <span aria-hidden="true"></span>
            {{ project.diagnostic.refresh_state.value | replace("_", " ") | title }}
          </span>
        </div>
        <div class="project-card-title">
          <p>Curio project</p>
          <h2>{{ project.diagnostic.title }}</h2>
        </div>

        {% if project.metrics %}
          <dl class="project-stat-grid">
            <div>
              <dt>Incomplete</dt>
              <dd>{{ project.metrics.open_actions }}</dd>
            </div>
            <div>
              <dt>Planning tags</dt>
              <dd>{{ project.metrics.tagged_figures }}</dd>
            </div>
            <div>
              <dt>Completed</dt>
              <dd>{{ project.metrics.completed_actions }}</dd>
            </div>
            <div>
              <dt>Sections</dt>
              <dd>{{ project.metrics.section_count }}</dd>
            </div>
          </dl>
        {% else %}
          <div class="empty-project-data">
            <strong>No active snapshot</strong>
            <p>
              This project is represented in Project Center but is not part of
              the current aggregate.
            </p>
          </div>
        {% endif %}

        <div class="project-paths">
          <div>
            <span>Project path</span>
            <code title="{{ project.diagnostic.path }}">
              {{ project.diagnostic.path }}
            </code>
          </div>
          {% if project.diagnostic.last_successful_refresh %}
            <div>
              <span>Last successful read</span>
              <time datetime="{{ project.diagnostic.last_successful_refresh.isoformat() }}">
                {{ project.diagnostic.last_successful_refresh.strftime("%b %d, %Y · %H:%M") }}
              </time>
            </div>
          {% endif %}
        </div>

        {% if project.diagnostic.path_is_last_known %}
          <div class="card-warning">
            <strong>Last-known location</strong>
            <span>The path is valid, but Curio marked it as last known.</span>
          </div>
        {% endif %}
        {% if project.diagnostic.error %}
          <div class="card-warning">
            <strong>Latest read issue</strong>
            <span>{{ project.diagnostic.error }}</span>
          </div>
        {% endif %}
      </article>
      {% endfor %}
    </section>
  {% else %}
    <section class="panel empty-state empty-table" aria-labelledby="no-projects-title">
      <span class="empty-mark" aria-hidden="true">▦</span>
      <div>
        <h2 id="no-projects-title">No projects returned</h2>
        <p>
          This Project Center category is empty. Choose another category from
          the selector above.
        </p>
      </div>
    </section>
  {% endif %}

  <section class="panel project-summary" aria-labelledby="coverage-title">
    <div class="panel-heading">
      <div>
        <p class="section-kicker">Collection coverage</p>
        <h2 id="coverage-title">Current category status</h2>
      </div>
    </div>
    <div class="coverage-row">
      <div>
        <strong>{{ state.projects | length }}</strong>
        <span>Returned by Project Center</span>
      </div>
      <div>
        <strong>{{ state.aggregate.project_count }}</strong>
        <span>Included in this view</span>
      </div>
      <div>
        <strong>{{ state.projects | selectattr("valid") | list | length }}</strong>
        <span>Valid project paths</span>
      </div>
      <div>
        <strong>{{ state.projects | selectattr("using_cached_snapshot") | list | length }}</strong>
        <span>Using cached data</span>
      </div>
    </div>
  </section>
{% endblock %}