{% extends "base.html" %}
{% block title %}Dashboard · MIEM Employees{% endblock %}
{% block content %}
<section class="admin__grid">
  <div class="metric"><div class="metric__label">Total</div><div class="metric__value">{{ counts.total }}</div></div>
  <div class="metric"><div class="metric__label">Active</div><div class="metric__value">{{ counts.active }}</div></div>
  <div class="metric"><div class="metric__label">New in last run</div><div class="metric__value">{{ counts.new_in_last_run }}</div></div>
  <div class="metric"><div class="metric__label">Dismissed</div><div class="metric__value">{{ counts.dismissed }}</div></div>
</section>
<section class="stats-strip">
  <div class="stats-strip__item">
    <span class="stats-strip__label">Latest added</span>
    {% if counts.latest_added %}
    <a class="stats-strip__value" href="/admin/employees/{{ counts.latest_added.id }}">{{ counts.latest_added.full_name or counts.latest_added.canonical_url }}</a>
    {% else %}
    <span class="stats-strip__value">No employees yet</span>
    {% endif %}
  </div>
  <div class="stats-strip__item">
    <span class="stats-strip__label">Runs</span>
    <span class="stats-strip__value">{{ counts.runs }}</span>
  </div>
  <div class="stats-strip__item">
    <span class="stats-strip__label">Errors</span>
    <span class="stats-strip__value">{{ counts.errors }}</span>
  </div>
</section>
<section class="panel progress-panel" data-progress-panel>
  <div class="progress-panel__header">
    <h2 class="panel__title">Parsing progress</h2>
    <form method="post" action="/admin/crawl-now">
      <button class="button" type="submit">Start crawl now</button>
    </form>
  </div>
  {% set run = counts.current_running_run or latest_run %}
  <div class="progress-panel__body" data-progress-body>
    <div class="progress-panel__meta">
      <span data-progress-status>{{ run.status if run else "idle" }}</span>
      <span><span data-progress-processed>{{ run.processed_count if run else 0 }}</span> / <span data-progress-found>{{ run.found_count if run else 0 }}</span> processed</span>
      <span><span data-progress-errors>{{ run.error_count if run else 0 }}</span> errors</span>
    </div>
    <div class="progress-bar" aria-label="Parsing progress">
      <div class="progress-bar__fill" data-progress-fill style="width: {{ run.progress_percent if run else 0 }}%"></div>
    </div>
    <div class="progress-panel__percent"><span data-progress-percent>{{ run.progress_percent if run else 0 }}</span>%</div>
  </div>
</section>
<section class="panel">
  <h2 class="panel__title">Latest runs</h2>
  <table class="table">
    <thead><tr><th class="table__head">ID</th><th class="table__head">Status</th><th class="table__head">Parsed</th><th class="table__head">Errors</th><th class="table__head">Started</th></tr></thead>
    <tbody>
      {% for run in runs %}
      <tr><td class="table__cell">{{ run.id }}</td><td class="table__cell">{{ run.status }}</td><td class="table__cell">{{ run.parsed_count }}</td><td class="table__cell">{{ run.error_count }}</td><td class="table__cell">{{ run.started_at }}</td></tr>
      {% endfor %}
    </tbody>
  </table>
</section>
{% endblock %}
{% block scripts %}
<script src="/static/admin.js"></script>
{% endblock %}