{% extends "adminpanel/base.html" %}
{% block title %}Tasks — admin{% endblock %}
{% block heading %}Tasks{% endblock %}

{% block content %}
<div class="pane">

  <div class="panel">
    <div class="panel-h"><h2>Add a task</h2>
      <a href="{% url 'admin_task_new' %}" class="btn btn-sm act">Full form</a></div>
    <div class="panel-b">
      <form method="post">{% csrf_token %}
        <div class="field"><label for="name">What needs doing</label>
          <input id="name" name="name" placeholder="Fix the careers form mailer"></div>
        <div class="two">
          <div class="field"><label for="project">Project</label>
            <select id="project" name="project">
              <option value="">Not tied to a project</option>
              {% for p in projects %}<option value="{{ p.pk }}">{{ p.name }} — {{ p.client }}</option>{% endfor %}
            </select></div>
          <div class="field"><label for="priority">Priority</label>
            <select id="priority" name="priority">
              {% for value, label in priorities %}
                <option value="{{ value }}" {% if value == 'normal' %}selected{% endif %}>{{ label }}</option>
              {% endfor %}
            </select></div>
        </div>
        <div class="field"><label for="due_date">Due date</label>
          <input id="due_date" name="due_date" type="date"></div>
        <button class="btn btn-primary">Add task</button>
        <p class="hint">It lands in To do. Use the full form if you want notes as well.</p>
      </form>
    </div>
  </div>

  <div class="toolbar">
    <span class="mono">{{ open_count }} open</span>
    {% if overdue %}<span class="status s-critical">{{ overdue }} overdue</span>{% endif %}
  </div>

  <div class="kan">
    {% for column in columns %}
    <div class="col">
      <h3>{{ column.label }}<span>{{ column.tasks|length }}</span></h3>
      {% for t in column.tasks %}
      <div class="t">
        <div class="tt"><a href="{% url 'admin_task_edit' t.pk %}">{{ t.name }}</a></div>
        <div class="tm">
          {% if t.project %}{{ t.project.client }} · {{ t.project.name }}{% else %}No project{% endif %}
          {% if t.due_date %} · due {{ t.due_date|date:"j M" }}{% endif %}
        </div>
        <div style="display:flex;gap:6px;align-items:center;margin-top:8px;flex-wrap:wrap">
          <span class="status {% if t.priority == 'critical' %}s-critical{% elif t.priority == 'high' %}s-active{% endif %}">{{ t.get_priority_display }}</span>
          {% if t.due_date and t.due_date < today and t.status != 'completed' %}
            <span class="status s-overdue">Overdue</span>
          {% endif %}
        </div>
        <form method="post" action="{% url 'admin_task_move' t.pk %}" style="margin-top:10px;display:flex;gap:6px;flex-wrap:wrap">{% csrf_token %}
          {% for value, label in statuses %}
            {% if value != column.value %}
              <button class="btn btn-sm" name="status" value="{{ value }}"
                      title="Move to {{ label }}">{{ label }}</button>
            {% endif %}
          {% endfor %}
        </form>
      </div>
      {% empty %}<div class="t"><div class="tm">Nothing here.</div></div>{% endfor %}
    </div>
    {% endfor %}
  </div>
</div>
{% endblock %}