{% extends "base.html" %}
{% block title %}FC CI - Dashboard{% endblock %}
{% block auth %}
{% if !auth_name.is_empty() %}
<span class="auth-user">{{ auth_name }}</span>
<form method="POST" action="/logout"><button type="submit">Logout</button></form>
{% else %}
<a href="/login">Login</a>
{% endif %}
{% endblock %}
{% block content %}
<h1>Dashboard</h1>

<div class="stats-grid">
  <div class="stat-card">
    <div class="stat-value">{{ total_builds }}</div>
    <div class="stat-label">Total Builds</div>
  </div>
  <div class="stat-card">
    <div class="stat-value stat-value-green">{{ completed_builds }}</div>
    <div class="stat-label">Completed</div>
  </div>
  <div class="stat-card">
    <div class="stat-value stat-value-red">{{ failed_builds }}</div>
    <div class="stat-label">Failed</div>
  </div>
  <div class="stat-card">
    <div class="stat-value stat-value-yellow">{{ running_builds }}</div>
    <div class="stat-label">Running</div>
  </div>
  <div class="stat-card">
    <div class="stat-value">{{ pending_builds }}</div>
    <div class="stat-label">Pending</div>
  </div>
  {% if total_builds > 0 %}
  <div class="stat-card">
    {% let rate = completed_builds * 100 / total_builds %}
    <div class="stat-value">
      {% if rate >= 80 %}
      <span class="success-rate success-rate-high">{{ rate }}%</span>
      {% else if rate >= 50 %}
      <span class="success-rate success-rate-mid">{{ rate }}%</span>
      {% else %}
      <span class="success-rate success-rate-low">{{ rate }}%</span>
      {% endif %}
    </div>
    <div class="stat-label">Success Rate</div>
  </div>
  {% endif %}
</div>

{% if is_admin %}
<div class="quick-actions">
  <a href="/projects/new">New Project</a>
  <a href="/admin">Admin Panel</a>
  <a href="/queue">Build Queue</a>
</div>
{% endif %}

<div class="dashboard-grid">
  <div>
    <h2>Recent Builds</h2>
    {% if recent_builds.is_empty() %}
    <div class="empty">
      <div class="empty-title">No builds yet</div>
      <div class="empty-hint">Builds will appear here once an evaluation triggers them.</div>
    </div>
    {% else %}
    <div class="table-wrap">
    <table>
      <thead>
        <tr><th>Job</th><th>Status</th><th>System</th><th>Created</th></tr>
      </thead>
      <tbody>
        {% for b in recent_builds %}
        <tr>
          <td><a href="/build/{{ b.id }}">{{ b.job_name }}</a></td>
          <td><span class="badge badge-{{ b.status_class }}">{{ b.status_text }}</span></td>
          <td>{{ b.system }}</td>
          <td>{{ b.created_at }}</td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
    </div>
    {% endif %}

    <h2>Recent Evaluations</h2>
    {% if recent_evals.is_empty() %}
    <div class="empty">
      <div class="empty-title">No evaluations yet</div>
      <div class="empty-hint">The evaluator will poll configured jobsets automatically.</div>
    </div>
    {% else %}
    <div class="table-wrap">
    <table>
      <thead>
        <tr><th>Commit</th><th>Status</th><th>Time</th></tr>
      </thead>
      <tbody>
        {% for e in recent_evals %}
        <tr>
          <td><a href="/evaluation/{{ e.id }}">{{ e.commit_short }}</a></td>
          <td><span class="badge badge-{{ e.status_class }}">{{ e.status_text }}</span></td>
          <td>{{ e.time }}</td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
    </div>
    {% endif %}
  </div>

  <div>
    <h2>Projects</h2>
    {% if projects.is_empty() %}
    <div class="empty">
      <div class="empty-title">No projects yet</div>
      {% if is_admin %}
      <div class="empty-hint"><a href="/projects/new">Create a project</a> to get started.</div>
      {% endif %}
    </div>
    {% else %}
    <div class="table-wrap">
    <table>
      <thead>
        <tr><th>Project</th><th>Jobsets</th><th>Last Eval</th><th>Time</th></tr>
      </thead>
      <tbody>
        {% for p in projects %}
        <tr>
          <td><a href="/project/{{ p.id }}">{{ p.name }}</a></td>
          <td>{{ p.jobset_count }}</td>
          <td><span class="badge badge-{{ p.last_eval_class }}">{{ p.last_eval_status }}</span></td>
          <td>{{ p.last_eval_time }}</td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
    </div>
    {% endif %}

    <p class="queue-summary">
      <a href="/queue">Queue: {{ pending_builds }} pending, {{ running_builds }} running</a>
    </p>
  </div>
</div>
{% endblock %}