{% extends "base.html" %}
{% block content %}
  <main class="assignment-page">
    {% include "partials/site-header.html" %}
    <div class="assignment-content">
      <a class="assignment-navigation" href="{{ url_for('show_home') }}">&lt; home</a>
      <section class="assignment-overview" aria-labelledby="conversation-heading">
        <div class="assignment-heading">
          {% if view.github_repository_url %}
            <h1 id="conversation-heading"><a class="assignment-issue" href="{{ view.github_repository_url }}/issues/{{ view.issue }}" target="_blank" rel="noopener noreferrer">#{{ view.issue }} <span>{{ view.title }}</span></a></h1>
          {% else %}
            <h1 id="conversation-heading"><strong class="assignment-issue">#{{ view.issue }} <span>{{ view.title }}</span></strong></h1>
          {% endif %}
          <div class="assignment-heading-actions">
            {% include "partials/agent-work-retry.html" %}
            {% include "partials/agent-work-status.html" %}
          </div>
        </div>
        {% include "partials/agent-work-detail.html" %}
        {% if view.facts %}
          <dl class="assignment-facts">
            {% for fact in view.facts %}
              <div><dt>{{ fact.label }}</dt><dd>{{ fact.value }}</dd></div>
            {% endfor %}
          </dl>
        {% endif %}
      </section>
      <div class="assignment-workspace">
        <div class="assignment-sidebar">
          {% include "partials/assignment-rounds.html" %}
        </div>
        <section class="panel assignment-feed" aria-labelledby="feed-heading">
          <h1 id="feed-heading">Feed</h1>
          <button class="feed-tail" type="button" aria-controls="records">TAIL ↓</button>
          <input type="hidden" id="cursor" name="cursor" value="{{ view.feed_cursor }}">
          <div id="records" class="feed-records" hx-get="{{ url_for('show_conversation_tail', issue=view.issue) }}" hx-trigger="every 2s" hx-include="#cursor" hx-select=".feed-line" hx-swap="beforeend">
            {% for feed_round in view.feed_rounds %}
              {% for line in feed_round.lines %}{% include "partials/feed-line.html" %}{% endfor %}
            {% else %}
              <p id="empty-feed" class="empty">-- no feed yet --</p>
            {% endfor %}
          </div>
        </section>
      </div>
      {% include "partials/agent-work-foot.html" %}
    </div>
  </main>
  <script src="{{ url_for('static', filename='assignment.js') }}"></script>
{% endblock %}