{% extends "base.html" %}
{% block content %}
<section class="section"><div class="container">
  <h1 class="title is-4">Group Tasks: {{ channel_display_name }}</h1>
  <p class="subtitle is-6">{{ service_label }} · {{ identifier }}</p>
  {% if not tasks %}
    <article class="box">
      <h2 class="title is-6">No Tasks Yet</h2>
      <div class="content is-size-7">
        <p>This group has no derived tasks yet. To start populating this view:</p>
        <ol>
          <li>Open <a href="{% url 'tasks_settings' %}?service={{ service }}&identifier={{ identifier|urlencode }}">Task Settings</a> and confirm this chat is mapped under <strong>Group Mapping</strong>.</li>
          <li>Send task-like messages in this group, for example: <code>task: ship v1</code>, <code>todo: write tests</code>, <code>please review PR</code>.</li>
          <li>Mark completion explicitly with a phrase + reference, for example: <code>done #12</code>, <code>completed #12</code>, <code>fixed #12</code>.</li>
          <li>Refresh this page; new derived tasks and events should appear automatically.</li>
        </ol>
      </div>
    </article>
  {% endif %}
  <article class="box">
    <h2 class="title is-6">Mappings</h2>
    <ul>
      {% for row in mappings %}
        <li>{{ row.project.name }}{% if row.epic %} / {{ row.epic.name }}{% endif %}</li>
      {% empty %}
        <li>No mappings for this group.</li>
      {% endfor %}
    </ul>
  </article>
  <article class="box">
    <h2 class="title is-6">Derived Tasks</h2>
    <ul>
      {% for row in tasks %}
        <li><a href="{% url 'tasks_task' task_id=row.id %}">#{{ row.reference_code }} {{ row.title }}</a></li>
      {% empty %}
        <li>No tasks yet.</li>
      {% endfor %}
    </ul>
  </article>
</div></section>
{% endblock %}