{% extends "base.html" %}
{% block content %}

<h1>Live demos</h1>
<p class="subtext">Three open-source projects, fully analysed. No login required — click in, browse the views, query the findings.</p>

{% if error %}
<p class="error">{{ error }}</p>
{% endif %}

{% if configured %}
<p style="background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:0.6rem 0.9rem;color:var(--navy);font-size:0.9rem;margin-bottom:1.25rem;">
  &#10003; Configuration saved. Add a project below to start an analysis, or
  <a href="/setup">edit your settings</a> again.
</p>
{% endif %}

{% if analysis_enabled %}
<form action="/projects/new" method="post">
  <input type="text" name="source_url" placeholder="GitHub URL or local path" required>
  <button type="submit">Analyse</button>
</form>
{% else %}
<p style="margin-bottom:1.5rem;"><a href="/register" class="btn btn-primary">Request early access</a></p>
{% endif %}

{% if projects %}
<div class="demo-grid">
{% for p in projects %}
<a href="/projects/{{ p.slug }}" class="demo-card" style="text-decoration:none;">
  <h3>{{ p.name }}</h3>
  <div class="stat">{{ p.file_count }} files · {{ p.claim_count }} findings</div>
  <div class="demo-link">Explore →</div>
  {% if analysis_enabled %}
  <div class="demo-actions">
    <form method="post" action="/projects/{{ p.slug }}/reanalyse" style="display:inline">
      <button type="submit" class="btn-secondary">Re-analyse</button>
    </form>
    <form method="post" action="/projects/{{ p.slug }}/regenerate-docs" style="display:inline">
      <button type="submit" class="btn-muted">Regenerate docs</button>
    </form>
  </div>
  {% endif %}
</a>
{% endfor %}
</div>
{% endif %}

{% if not projects %}
<p class="muted">No projects yet.</p>
{% endif %}

{% endblock %}