{% extends "base.html" %}
{% load static %}

{% block title %}Explorer · PRISM△ {% endblock %}


{% block content %}
<div class="d-flex justify-content-between align-items-end mb-4">
  <div>
    <h6 class="text-uppercase text-muted mb-1 small ls-1">Semantic Analysis</h6>
    <h1 class="h3 mb-0">Feature Explorer</h1>
  </div>
  <a href="{% url 'explorer:start_interpretation' %}" class="btn-accent shadow-sm text-decoration-none">
    <i class="bi bi-stars me-2"></i> Interpret New Run
  </a>
</div>

<div class="panel p-0 overflow-hidden">
  <div class="table-responsive">
    <table class="table table-custom mb-0 align-middle">
      <thead class="bg-dark bg-opacity-50">
        <tr>
          <th class="ps-4">Training Run</th>
          <th>Dataset</th>
          <th>Interpreted Features</th>
          <th>Models</th>
          <th class="text-end pe-4"></th>
        </tr>
      </thead>
      <tbody>
        {% for run in runs %}
        <tr>
          <td class="ps-4">
            <div class="d-flex align-items-center">
              <div class="rounded bg-dark p-2 border border-secondary border-opacity-25 me-3 text-center"
                style="width: 40px; height: 40px;">
                <i class="bi bi-compass text-accent"></i>
              </div>
              <div>
                <span class="text-white fw-medium d-block">Run #{{ run.id }}</span>
                <small class="text-muted">{{ run.created_at|date:"d M Y" }}</small>
              </div>
            </div>
          </td>

          <td>
            <span class="text-muted fw-medium">
              <i class="bi bi-database me-1 opacity-50"></i> {{ run.dataset.name }}
            </span>
          </td>

          <td>
            {% if run.interpreted_count > 0 %}
            <div class="d-flex align-items-center">
              <span class="fs-5 fw-bold text-white me-2">{{ run.interpreted_count }}</span>
              <span class="text-muted small">labeled</span>
            </div>
            {% else %}
            <span class="badge bg-dark border border-secondary border-opacity-25 text-muted fw-normal">
              Not interpreted yet
            </span>
            {% endif %}
          </td>

          <td>
            <span class="badge bg-dark border border-secondary border-opacity-25 text-muted fw-normal font-monospace">
              k={{ run.k_sparsity }}
            </span>
          </td>

          <td class="text-end pe-4">
            {% if run.interpreted_count > 0 %}
            <a href="{% url 'explorer:feature_list' run.id %}" class="btn btn-sm btn-ghost text-white">
              Explore Features <i class="bi bi-arrow-right ms-1"></i>
            </a>
            {% else %}
            <a href="{% url 'explorer:start_interpretation' %}?run={{ run.id }}"
              class="btn btn-sm btn-ghost text-muted">
              Start Interpret
            </a>
            {% endif %}
          </td>
        </tr>
        {% empty %}
        <tr>
          <td colspan="5" class="text-center py-5">
            <div class="mb-3 text-muted opacity-25">
              <i class="bi bi-search" style="font-size: 3rem;"></i>
            </div>
            <p class="text-muted mb-3">Nessuna run completata disponibile per l'analisi.</p>
            <a href="{% url 'sae:run_list' %}" class="btn-ghost text-decoration-none">Vai ai Training</a>
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>
{% endblock %}