{% extends "admin/base_site.html" %}
{% load i18n %}

{% block title %}{{ title }} | {{ site_title|default:_('Django site admin') }}{% endblock %}

{% block breadcrumbs %}
<div class="breadcrumbs">
  <a href="{% url 'admin:index' %}">{% trans 'Home' %}</a>
  &rsaquo; Prolin
</div>
{% endblock %}

{% block content %}
<style>
  .prolin-wrap { max-width: 860px; }
  .prolin-hero {
    padding: 1.25rem 1.4rem;
    border-radius: 12px;
    background: linear-gradient(135deg, #0c1520, #123047);
    color: #f2f6fa;
    margin-bottom: 1.25rem;
  }
  .prolin-hero h1 { margin: 0 0 .35rem; font-size: 1.6rem; }
  .prolin-hero p { margin: 0; opacity: .85; }
  .prolin-card {
    border: 1px solid var(--hairline-color, #ddd);
    border-radius: 10px;
    padding: 1rem 1.15rem;
    margin-bottom: 1rem;
    background: var(--body-bg, #fff);
  }
  .prolin-row { display:flex; flex-wrap:wrap; gap:.75rem; align-items:center; }
  .prolin-badge {
    display:inline-block; padding:.2rem .55rem; border-radius:999px;
    font-size:.78rem; font-weight:700;
  }
  .prolin-on { background:#d1fae5; color:#065f46; }
  .prolin-off { background:#e2e8f0; color:#475569; }
  .prolin-actions form, .prolin-actions a.button { margin-right:.4rem; }
  .prolin-meta { font-family: ui-monospace, monospace; font-size:.85rem; color:#64748b; }
  .prolin-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:.75rem; }
  .prolin-stat { padding:.75rem; border-radius:8px; background:#f8fafc; border:1px solid #e2e8f0; }
  .prolin-stat strong { display:block; font-size:1.2rem; color:#0f172a; }
</style>

<div class="prolin-wrap">
  <div class="prolin-hero">
    <h1>Prolin — Code Constellations</h1>
    <p>Activa o desactiva la librería desde el admin. Sin terminal.</p>
  </div>

  <div class="prolin-card">
    <div class="prolin-row" style="justify-content:space-between;">
      <div>
        <strong>Estado:</strong>
        {% if cfg.enabled %}
          <span class="prolin-badge prolin-on">Activado</span>
        {% else %}
          <span class="prolin-badge prolin-off">Desactivado</span>
        {% endif %}
      </div>
      <div class="prolin-actions">
        {% if cfg.enabled %}
          <form method="post" style="display:inline;">{% csrf_token %}
            <input type="hidden" name="action" value="disable" />
            <button type="submit" class="button">Desactivar</button>
          </form>
        {% else %}
          <form method="post" style="display:inline;">{% csrf_token %}
            <input type="hidden" name="action" value="enable" />
            <button type="submit" class="default">Activar Prolin</button>
          </form>
        {% endif %}
        <a class="button" href="{{ settings_url }}">Editar configuración</a>
      </div>
    </div>
    <p class="prolin-meta" style="margin:.85rem 0 0;">
      Proyecto: {{ resolved_path }} · límite {{ cfg.file_limit }} archivos
      {% if cfg.last_stack %} · último stack: {{ cfg.last_stack }}{% endif %}
      · pulso en vivo: {% if cfg.live_activity_enabled %}<strong>ON</strong>{% else %}OFF{% endif %}
    </p>
  </div>

  {% if cfg.enabled %}
  <div class="prolin-card">
    <h2 style="margin-top:0;">Acciones</h2>
    <div class="prolin-actions prolin-row">
      <form method="post">{% csrf_token %}
        <input type="hidden" name="action" value="scan" />
        <button type="submit" class="default">Generar constelación</button>
      </form>
      {% if sky_url %}<a class="button" href="{{ sky_url }}">Ver cielo vivo</a>{% endif %}
      {% if share_url %}<a class="button" href="{{ share_url }}">Exportar a redes</a>{% endif %}
      {% if export_url %}<a class="button" href="{{ export_url }}">Descargar PNG</a>{% endif %}
    </div>
  </div>

  {% if genome_summary %}
  <div class="prolin-card">
    <h2 style="margin-top:0;">Último genoma</h2>
    <div class="prolin-grid">
      <div class="prolin-stat"><span>Proyecto</span><strong>{{ genome_summary.name }}</strong></div>
      <div class="prolin-stat"><span>Stack</span><strong>{{ genome_summary.stack }}</strong></div>
      <div class="prolin-stat"><span>Archivos</span><strong>{{ genome_summary.files }}</strong></div>
      <div class="prolin-stat"><span>Estrellas</span><strong>{{ genome_summary.stars }}</strong></div>
    </div>
  </div>
  {% endif %}
  {% else %}
  <div class="prolin-card">
    <p>Prolin está apagado. Actívalo arriba (o en <em>Configuración de Prolin → Activar Prolin</em>) para escanear y ver el cielo desde el admin, sin usar la CLI.</p>
  </div>
  {% endif %}
</div>
{% endblock %}