{% 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="assignment-heading">
        <div class="assignment-heading">
          {% if view.github_repository_url %}
            <h1 id="assignment-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="assignment-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" %}
            {% if view.github_repository_url %}<a class="pr-chip" href="{{ view.github_repository_url }}/pull/{{ view.pull_request }}" target="_blank" rel="noopener noreferrer">PR #{{ view.pull_request }}{% if view.pull_request_state %} {{ view.pull_request_state }}{% endif %}</a>{% else %}<span class="pr-chip">PR #{{ view.pull_request }}{% if view.pull_request_state %} {{ view.pull_request_state }}{% endif %}</span>{% endif %}
          </div>
        </div>
        {% include "partials/agent-work-detail.html" %}
        <dl class="assignment-facts">
          <div><dt>label</dt><dd>{{ view.dispatch_label }}</dd></div>
          <div><dt>harness</dt><dd>{{ view.harness }}</dd></div>
          <div><dt>model</dt><dd>{{ view.model }} · {{ view.effort }}</dd></div>
        </dl>
      </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_assignment_tail', identifier=view.identifier) }}" 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 %}