{% from "macros.html" import actor, csrf_field, editor, error_box with context %}
{% set d = drafts or {} %}
<article class="task" id="task">
  <p class="crumbs"><a href="/p/{{ task.project }}">{{ task.project }}</a> / {{ task.ref }}</p>
  <h1>{{ task.title }}</h1>
  {{ error_box(error, conflict, "/t/" ~ task.ref) }}
  {% include "_task_live.html" %}

  <details class="card" {% if d.title %}open{% endif %}>
    <summary>Edit title, assignee, labels, dependencies</summary>
    <form method="post" action="/t/{{ task.ref }}/edit" class="grid">
      {{ csrf_field() }}
      <input type="hidden" name="expected_version" value="{{ task.version }}">
      <label>Title <input name="title" value="{{ d.title or task.title }}" maxlength="200" required></label>
      <label>Assignee
        <select name="assignee">
          <option value="">Unassigned</option>
          {% for a in actors %}<option value="{{ a.handle }}" {% if task.assignee and task.assignee.handle == a.handle %}selected{% endif %}>@{{ a.handle }}</option>{% endfor %}
        </select>
      </label>
      <label>Labels (comma separated) <input name="labels" value="{{ task.labels | join(', ') }}"></label>
      <label>Blocked by (refs) <input name="blocked_by" value="{{ task.blocked_by | map(attribute='ref') | join(', ') }}"></label>
      <button>Save</button>
    </form>
  </details>

  <form method="post" action="/t/{{ task.ref }}/move" class="inline-form">
    {{ csrf_field() }}
    <label>Column
      <select name="column">
        {% for c in project.columns %}<option value="{{ c.id }}" {% if c.id == task.column.id %}selected{% endif %}>{{ c.name }}</option>{% endfor %}
      </select>
    </label>
    <button>Move</button>
  </form>

  <section>
    <h2>Description <a class="small" href="/history/task/{{ task.ref }}/description_md">History</a></h2>
    <div class="md">{{ md(task.description_md) if task.description_md else "" }}</div>
    <details {% if d.description_md %}open{% endif %}>
      <summary>Edit description</summary>
      <form method="post" action="/t/{{ task.ref }}/text">
        {{ csrf_field() }}
        <input type="hidden" name="field" value="description_md">
        <input type="hidden" name="expected_version" value="{{ task.version }}">
        {{ editor("description_md", d.description_md or task.description_md, task.ref, label="Description") }}
        <button>Save description</button>
      </form>
    </details>
  </section>

  <section id="resolution">
    <h2>Resolution <a class="small" href="/history/task/{{ task.ref }}/resolution_md">History</a></h2>
    {% if task.resolution_md %}<div class="md">{{ md(task.resolution_md) }}</div>{% else %}<p class="muted">No resolution yet.</p>{% endif %}
    <details {% if resolve or d.resolution_md %}open{% endif %}>
      <summary>{% if resolve %}Write the resolution to move this task{% else %}Edit resolution{% endif %}</summary>
      <form method="post" action="/t/{{ task.ref }}/text">
        {{ csrf_field() }}
        <input type="hidden" name="field" value="resolution_md">
        <input type="hidden" name="expected_version" value="{{ task.version }}">
        {% if resolve %}
        <p class="note">This column needs a resolution; saving moves the task.</p>
        <input type="hidden" name="resolve" value="{{ resolve }}">
        <input type="hidden" name="before" value="{{ before or '' }}">
        <input type="hidden" name="after" value="{{ after or '' }}">
        {% endif %}
        {{ editor("resolution_md", d.resolution_md or task.resolution_md or RESOLUTION_TEMPLATE, task.ref, label="Resolution") }}
        <button>{% if resolve %}Save and move{% else %}Save resolution{% endif %}</button>
      </form>
    </details>
  </section>

  <section>
    <h2>Attachments</h2>
    <ul class="attachments">
      {% for a in attachments %}
      <li>
        {% if a.content_type.startswith("image/") %}<a href="{{ a.url }}" target="_blank" rel="noopener"><img src="{{ a.url }}" alt="{{ a.alt_text or a.filename }}" loading="lazy"></a>{% endif %}
        <a href="{{ a.url }}" target="_blank" rel="noopener">{{ a.filename }}</a> <span class="muted">{{ (a.size_bytes / 1024) | round(1) }} KB · {{ actor(a.uploaded_by) }}</span>
        <button type="button" class="copy" data-copy="{{ a.markdown }}">Copy Markdown</button>
        <form method="post" action="/attachments/{{ a.id }}" class="inline">
          {{ csrf_field() }}<input type="hidden" name="ref" value="{{ task.ref }}"><input type="hidden" name="action" value="delete">
          <button class="link danger">Delete</button>
        </form>
      </li>
      {% else %}<li class="muted">None. Paste or drop a file into any editor, or use Attach.</li>{% endfor %}
    </ul>
  </section>

  <section id="new-comment">
    <h2>Add a comment</h2>
    <form method="post" action="/t/{{ task.ref }}/comment">
      {{ csrf_field() }}
      {{ editor("body_md", d.body_md or "", task.ref, 5, "New comment") }}
      <button>Comment</button>
      {% if question %}<button name="answered" value="1">Reply and mark answered</button>{% endif %}
    </form>
  </section>

  <form method="post" action="/t/{{ task.ref }}/state" class="inline-form">
    {{ csrf_field() }}
    {% if task.archived %}<button name="action" value="unarchive">Unarchive</button>{% else %}<button name="action" value="archive" class="danger">Archive</button>{% endif %}
  </form>
</article>