{% extends "base.html" %}
{% from "_macros.html" import icon %}
{% set active_nav = 'open' %}
{% block title %}{{ task.title }}{% endblock %}
{% block heading %}Task{% endblock %}
{% block content %}
<div class="detail-card {{ 'overdue' if task.overdue }}">
  <h1 class="detail-title">{{ task.title }}</h1>

  <div class="detail-row"><span class="detail-key">Assigned to</span>
    <span>{{ task.assignee_name }}</span></div>
  <div class="detail-row"><span class="detail-key">Due</span>
    <span>{{ task.due_date | nicedate }}
      {% if task.overdue %}<span class="badge badge-overdue">Overdue</span>{% endif %}</span></div>
  <div class="detail-row"><span class="detail-key">Status</span>
    <span class="status-cell">
      {% if task.status == 'completed' %}
        <span class="dot dot-done"></span> Completed {{ task.completed_at | nicedatetime }}
      {% else %}
        <span class="dot dot-open"></span> Open
      {% endif %}</span></div>

  {% if task.description %}
    <div class="detail-desc">{{ task.description }}</div>
  {% endif %}
</div>

<div class="detail-actions">
  {% if task.status == 'open' %}
    <form method="post" action="{{ url_for('tasks.complete', task_id=task.id) }}">
      <button type="submit" class="btn btn-primary btn-block">{{ icon('check', 'ico-sm') }} Mark complete</button>
    </form>
  {% elif current_user.is_admin %}
    <form method="post" action="{{ url_for('tasks.reopen', task_id=task.id) }}">
      <button type="submit" class="btn btn-secondary btn-block">{{ icon('rotate', 'ico-sm') }} Reopen task</button>
    </form>
  {% endif %}

  {% if current_user.is_admin and task.status == 'open' and assignees %}
    <form method="post" action="{{ url_for('tasks.reassign', task_id=task.id) }}" class="reassign">
      <span class="field-label">Reassign to</span>
      <div class="reassign-row">
        <div class="select-wrap" data-select>
          <select name="assignee_id" class="native-select" aria-label="Reassign to">
            {% for a in assignees %}
              <option value="{{ a.id }}"
                {{ 'selected' if task.assignee_id == a.id }}>
                {{ 'Myself' if a.is_self else a.name }}</option>
            {% endfor %}
          </select>
        </div>
        <button type="submit" class="btn btn-outline reassign-btn">Move</button>
      </div>
    </form>
  {% endif %}

  {% if current_user.is_admin %}
    <a class="btn btn-outline btn-block" href="{{ url_for('tasks.edit', task_id=task.id) }}">{{ icon('edit', 'ico-sm') }} Edit</a>
    <form method="post" action="{{ url_for('tasks.delete', task_id=task.id) }}"
          onsubmit="return confirm('Delete this task? This cannot be undone.');">
      <button type="submit" class="btn btn-danger btn-block">{{ icon('trash', 'ico-sm') }} Delete</button>
    </form>
  {% endif %}

  <a class="btn btn-link btn-block" href="{{ url_for('tasks.home') }}">Back</a>
</div>
{% endblock %}