{% extends "admin/change_list.html" %}

{% block content %}
  <div style="margin-bottom: 30px;">
    <h2>📊 Task Summary</h2>
    <div style="display: flex; gap: 20px; flex-wrap: wrap;">
      <div style="background: #eee; padding: 10px; border-radius: 5px;">Total Tasks: <strong>{{ total_tasks }}</strong></div>
      <div style="background: #d4edda; padding: 10px; border-radius: 5px;">Completed: <strong>{{ completed_tasks }}</strong></div>
      <div style="background: #fff3cd; padding: 10px; border-radius: 5px;">In Progress: <strong>{{ in_progress_tasks }}</strong></div>
      <div style="background: #f8d7da; padding: 10px; border-radius: 5px;">Pending: <strong>{{ pending_tasks }}</strong></div>
      <div style="background: #f5c6cb; padding: 10px; border-radius: 5px;">Blocked: <strong>{{ blocked_tasks }}</strong></div>
    </div>
  </div>
  {{ block.super }}
{% endblock %}