{% extends "base.html" %}
{% block title %}Requivo{% endblock %}
{% block content %}
<h1>Find what could change the solution<br>before you commit to the scope.</h1>
<p class="lead">Paste a client or stakeholder request. Requivo identifies the assumptions and missing
decisions that could change the workflow, integrations, permissions, timeline or effort.</p>

{% if error %}<div class="notice danger" role="alert">{{ error }}</div>{% endif %}

{% if not provider.available %}
<div class="notice info">No analysis provider is configured — {{ provider.reason }} Your request will
still be saved, and you can analyse it from Claude Code or the CLI: they share these same sessions.</div>
{% endif %}

<form method="post" action="/sessions" class="card start">
  {% include "_csrf.html" %}
  <label for="request_text" class="sr-only">The request</label>
  <textarea id="request_text" name="request_text" required rows="6"
    aria-describedby="req-hint"
    placeholder="e.g. We'd like a leave approval system so staff can request time off and managers can approve it."></textarea>
  <p id="req-hint" class="hint">One line or a whole email. The messier the request, the more Requivo helps.</p>

  <div class="toolbar">
    <button class="btn" type="submit">{{ "Analyse request" if provider.available else "Save request" }}</button>
    {% if provider.available %}<span class="muted">Takes a few seconds.</span>{% endif %}
    <span class="spinner" role="status">Reading the request…</span>
  </div>

  <details class="advanced">
    <summary>Advanced settings</summary>
    <div class="advanced-body">
      <label for="slug">Session name <span class="hint">(optional — lowercase words joined by hyphens)</span></label>
      <input type="text" id="slug" name="slug" pattern="[a-z0-9]+(-[a-z0-9]+)*"
        placeholder="leave-approval" aria-describedby="slug-hint">
      <p id="slug-hint" class="hint">Leave blank to derive one from the request.</p>

      {% if cards %}
      <fieldset>
        <legend>Product context <span class="hint">(sharpens the questions — leave all unchecked to use every card)</span></legend>
        {% for c in cards %}
        <div class="check">
          <input type="checkbox" id="card-{{ c }}" name="cards" value="{{ c }}">
          <label for="card-{{ c }}">{{ c }}</label>
        </div>
        {% endfor %}
      </fieldset>
      {% endif %}

      <label for="provider">On submit</label>
      <select id="provider" name="provider">
        <option value="auto">Analyse the request now{% if not provider.available %} (no provider configured — saves it instead){% endif %}</option>
        <option value="create_only">Save the request only — analyse it later</option>
      </select>
    </div>
  </details>
</form>

{% if sessions %}
<h2>Recent</h2>
<ul class="clean session-list">
  {% for s in sessions %}
  <li>
    <a class="session-item" href="/sessions/{{ s.slug }}">
      <span class="session-title">{{ s.title }}</span>
      <span class="session-meta">
        {% if s.state == 'ready' %}<span class="badge ok">{{ s.status_label }}</span>
        {% elif s.state == 'awaiting' %}<span class="badge">{{ s.status_label }}</span>
        {% else %}<span class="badge warn">{{ s.status_label }}</span>{% endif %}
        {% if s.needs_update %}<span class="badge danger">Needs updating</span>{% endif %}
        <span class="muted">{{ s.updated_at }}</span>
      </span>
    </a>
  </li>
  {% endfor %}
</ul>
{% else %}
<p class="muted">Nothing here yet. Paste a request above — or open one created by Claude Code or the
CLI: all three share the same local sessions.</p>
{% endif %}
{% endblock %}