{% extends 'base.html' %}
{% block title %}Zadanie — {{ assignment.task_name }}{% endblock %}

{% block content %}
<div class="mb-3">
  <a href="{{ url_for('dashboard') }}" class="text-muted text-decoration-none">
    <i class="bi bi-arrow-left me-1"></i>Dashboard
  </a>
</div>

<div class="row g-3">
  <div class="col-md-8">
    <div class="card mb-3">
      <div class="card-body">
        <div class="d-flex align-items-start justify-content-between">
          <div>
            <h5 class="fw-bold mb-1">{{ assignment.task_name }}</h5>
            <small class="text-muted">ID: {{ assignment.clickup_task_id }}</small>
          </div>
          <span class="status-badge badge-{{ assignment.status }} ms-2">
            {{ {'pending': 'Oczekuje', 'sent': 'Wysłano', 'replied': 'Odpowiedziano', 'closed': 'Zamknięte'}[assignment.status] }}
          </span>
        </div>
        {% if assignment.task_description %}
        <div class="mt-3 text-muted" style="white-space:pre-wrap;font-size:.9rem">{{ assignment.task_description }}</div>
        {% endif %}
        {% if assignment.task_url %}
        <a href="{{ assignment.task_url }}" target="_blank" class="btn btn-sm btn-outline-primary mt-3">
          <i class="bi bi-box-arrow-up-right me-1"></i>Otwórz w ClickUp
        </a>
        {% endif %}
      </div>
    </div>

    <!-- Logi emaili -->
    <div class="card">
      <div class="card-header fw-semibold bg-white">Historia emaili</div>
      <div class="card-body p-0">
        {% if assignment.logs %}
        {% for log in assignment.logs|sort(attribute='created_at') %}
        <div class="p-3 border-bottom">
          <div class="d-flex align-items-center gap-2 mb-1">
            <span class="badge {{ 'bg-primary' if log.direction == 'out' else 'bg-success' }}">
              {{ 'Wysłano' if log.direction == 'out' else 'Odebrano' }}
            </span>
            <small class="text-muted">{{ log.created_at.strftime('%d.%m.%Y %H:%M') }}</small>
          </div>
          <div class="small"><strong>Do:</strong> {{ log.to_email }}</div>
          <div class="small"><strong>Od:</strong> {{ log.from_email }}</div>
          <div class="small text-muted mt-1">{{ log.subject }}</div>
          {% if log.body and log.direction == 'in' %}
          <div class="mt-2 p-2 bg-light rounded" style="font-size:.85rem;white-space:pre-wrap">{{ log.body }}</div>
          {% endif %}
        </div>
        {% endfor %}
        {% else %}
        <p class="text-muted text-center py-4">Brak historii emaili</p>
        {% endif %}
      </div>
    </div>
  </div>

  <div class="col-md-4">
    <!-- Info -->
    <div class="card mb-3">
      <div class="card-body">
        <div class="mb-3">
          <div class="text-muted small">Przypisano do</div>
          <div class="fw-semibold">{{ assignment.assignee_label() }}</div>
          {% if assignment.assignee_type == 'group' and assignment.group %}
          <div class="mt-1">
            {% for m in assignment.group.members %}
            <div class="small text-muted"><i class="bi bi-person me-1"></i>{{ m.name or m.email }}</div>
            {% endfor %}
          </div>
          {% endif %}
        </div>
        <div class="mb-3">
          <div class="text-muted small">Deadline</div>
          <div class="fw-semibold">{{ assignment.due_date.strftime('%d.%m.%Y') if assignment.due_date else '—' }}</div>
        </div>
        <div class="mb-3">
          <div class="text-muted small">Utworzono</div>
          <div>{{ assignment.created_at.strftime('%d.%m.%Y %H:%M') }}</div>
        </div>
        <div>
          <div class="text-muted small">Email wysłano</div>
          <div>{{ assignment.email_sent_at.strftime('%d.%m.%Y %H:%M') if assignment.email_sent_at else '—' }}</div>
        </div>
      </div>
    </div>

    <!-- Akcje -->
    <div class="card">
      <div class="card-body d-grid gap-2">
        {% if assignment.status in ('pending', 'replied') %}
        <form method="post" action="{{ url_for('send_email', aid=assignment.id) }}">
          <button class="btn btn-primary w-100" type="submit">
            <i class="bi bi-send me-1"></i>
            {{ 'Wyślij email' if assignment.status == 'pending' else 'Wyślij ponownie' }}
          </button>
        </form>
        {% endif %}
        {% if assignment.status != 'closed' %}
        <form method="post" action="{{ url_for('close_assignment', aid=assignment.id) }}"
              onsubmit="return confirm('Zamknąć to przypisanie?')">
          <button class="btn btn-outline-secondary w-100" type="submit">
            <i class="bi bi-check2 me-1"></i>Zamknij zadanie
          </button>
        </form>
        {% endif %}
        <form method="post" action="{{ url_for('delete_assignment', aid=assignment.id) }}"
              onsubmit="return confirm('Usunąć przypisanie i całą historię emaili?')">
          <button class="btn btn-outline-danger w-100" type="submit">
            <i class="bi bi-trash me-1"></i>Usuń
          </button>
        </form>
      </div>
    </div>
  </div>
</div>
{% endblock %}