ecoloop/admin_frontend/templates/admin_frontend/dashboard.html

{% extends 'admin_frontend/base.html' %}
{% block title %}Dashboard{% endblock %}
{% block content %}


<h1 class="text-2xl font-semibold mb-6">Dashboard</h1>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
  <div class="bg-white rounded shadow p-4">
    <div class="text-gray-500 text-sm">Profiles</div>
    <div class="text-3xl font-bold">{{ counts.profiles }}</div>
  </div>
  <div class="bg-white rounded shadow p-4">
    <div class="text-gray-500 text-sm">Opportunities</div>
    <div class="text-3xl font-bold">{{ counts.opportunities }}</div>
  </div>
  <div class="bg-white rounded shadow p-4">
    <div class="text-gray-500 text-sm">Introduction Requests</div>
    <div class="text-3xl font-bold">{{ counts.intro_requests }}</div>
  </div>
  <div class="bg-white rounded shadow p-4 md:col-span-3">
    <div class="text-gray-500 text-sm mb-2">Carbon Summary</div>
    <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
      <div>
        <div class="text-gray-500 text-xs">Pending Events</div>
        <div class="text-2xl font-semibold">{{ carbon.pending_events|default:0 }}</div>
      </div>
      <div>
        <div class="text-gray-500 text-xs">Approved kgCO2e (MTD)</div>
        <div class="text-2xl font-semibold">{{ carbon.approved_mtd|default:0 }}</div>
      </div>
    </div>
  </div>
  </div>
{% endblock %}