{% extends "base.html" %}
{% block title %}Task Details{% endblock %}
{% block content %}
<div class="container mt-4">
  <div class="card shadow-sm">
    <div class="card-header bg-primary text-white">
      <h3 class="mb-0">📋 {{ task.title }}</h3>
    </div>
    <div class="card-body">
      <p><strong>Status:</strong> {{ task.status }}</p>
      <p><strong>Priority:</strong> {{ task.priority }}</p>
      <p><strong>Assigned To:</strong> {{ task.assigned_to or 'Not assigned' }}</p>
      <p><strong>Created By:</strong> {{ task.created_by or 'N/A' }}</p>
      <p><strong>Due Date:</strong> {{ task.due_date or 'No due date' }}</p>
      <p><strong>Category:</strong> {{ task.category or 'N/A' }}</p>
      <p><strong>Tags:</strong> {{ task.tags or 'N/A' }}</p>
      <hr>
      <h5>Description</h5>
      <div class="border rounded p-3 bg-light">
        {{ task.description|safe if task.description else 'No description added.' }}
      </div>
      <a href="{{ url_for('manage_tasks') }}" class="btn btn-secondary mt-3">← Back to Tasks</a>
    </div>
  </div>
</div>
{% endblock %}