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

{% block title %}Dashboard{% endblock %}

{% block content %}
<div class="dashboard" style="padding: 20px;">
  <h1 style="font-size: 28px;">📊 Dashboard</h1>

  <div style="display: flex; gap: 20px; margin-top: 20px;">
    <div style="background: #f0f0f0; padding: 20px; border-radius: 8px;">
      <h3>Total Projects</h3>
      <p style="font-size: 24px;">{{ total_projects }}</p>
    </div>
    <div style="background: #ffecec; padding: 20px; border-radius: 8px;">
      <h3>Delayed Projects</h3>
      <p style="font-size: 24px;">{{ delayed_projects }}</p>
    </div>
    <div style="background: #e0f7ff; padding: 20px; border-radius: 8px;">
      <h3>Total Developers</h3>
      <p style="font-size: 24px;">{{ total_developers }}</p>
    </div>
  </div>
</div>
{% endblock %}