{% extends "base.html" %}
{% block title %}{{ view.project.name }} - specflo{% endblock %}
{% block content %}
<p class="crumbs">
  <a href="{{ home_path }}">Products</a>
  {% if view.product %} / <a href="{{ product_url(view.product.slug) }}">{{ view.product.name }}</a>{% endif %}
</p>
<h1>{{ view.project.name }}</h1>
{% if view.project.summary %}
<p class="summary">{{ view.project.summary }}</p>
{% endif %}

<dl class="facts">
  <dt>Phase</dt>
  <dd>{{ view.project.phase }}</dd>
  <dt>Status</dt>
  <dd>{{ view.project.status }}</dd>
  <dt>Execution</dt>
  <dd>{{ view.project.execution }}</dd>
  <dt>Waiting on</dt>
  <dd>{{ view.waiting_on or "nobody" }}</dd>
</dl>

{% if view.gate %}
<section id="gate">
  <h2>Waiting on {{ view.gate.role }}</h2>
  <p class="gate-note">{{ view.gate.note or "No note." }}</p>
  <p class="gate-meta">
    Opened by {{ view.gate.opened_by or "an unnamed seat" }}
    at <time datetime="{{ view.gate.opened_at }}">{{ view.gate.opened_at }}</time>
  </p>
  {% if view.can_take %}
  <form id="take" method="post" action="{{ take_url(view.project.slug) }}">
    <input type="hidden" name="session" value="{{ session }}">
    <button type="submit">Take</button>
  </form>
  {% endif %}
</section>
{% endif %}

{% if view.agent is not none %}
<section id="agent">
  <h2>Agent</h2>
  {% if view.agent.alive %}
  <div id="agent-status">
    {% with name=view.agent.name, state=view.agent_state, attention=view.attention %}{% include "agent_status.html" %}{% endwith %}
  </div>
  <p id="agent-transport" class="agent-transport">Transport: {{ view.agent.transport or "unknown" }}</p>
  <form id="chat" method="post" action="{{ chat_url(view.project.slug) }}">
    <input type="hidden" name="session" value="{{ session }}">
    <textarea name="text" rows="3" required placeholder="Message the agent as {{ identity }}"></textarea>
    <button type="submit">Send</button>
  </form>
  {% else %}
  <p class="agent-state">
    {% if view.agent.name %}{{ view.agent.name }} is {{ view.agent.state }}: not serving.{% else %}This project has no agent yet.{% endif %}
  </p>
  <form id="start-agent" method="post" action="{{ start_agent_url(view.project.slug) }}">
    <input type="hidden" name="session" value="{{ session }}">
    <button type="submit">Start agent</button>
  </form>
  {% endif %}
</section>
{% endif %}

{% if view.agent is not none or view.transcript %}
<section id="transcript-section">
  <h2>Transcript</h2>
  {# The stream stays open for the whole visit and a turn can outlast htmx's 60 s default request timeout, so the timeout is off for this one request. #}
  <div id="transcript" class="transcript"{% if view.agent is not none %} hx-sse:connect="{{ chat_stream_url(view.project.slug, view.last_entry_id) }}" hx-swap="beforeend" hx-config="timeout:0"{% endif %}>
    {% for entry in view.transcript %}{% include "chat_line.html" %}
    {% endfor %}
  </div>
</section>
{% endif %}

{% for name, text in view.artifacts %}
<section id="artifact-{{ name }}">
  <h2>{{ name }}</h2>
  {% if text is not none %}
  <pre class="artifact">{{ text }}</pre>
  {% else %}
  <p>This project has no {{ name }}: not created yet.</p>
  {% endif %}
</section>
{% endfor %}
{% endblock %}