app/templates/admin/dashboard.html

{% extends "base.html" %}
{% block title %}Admin Panel{% endblock %}
{% block content %}
<div class="space-y-6">
    <h1 class="text-2xl font-bold sw-blue-text">Admin Panel</h1>
    <p class="text-gray-500 text-sm">Manage all configurable rules, dropdowns, and users without code changes.</p>

    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
        <a href="/admin/agreements?token={{ token }}" class="bg-white rounded-lg shadow p-5 hover:shadow-md transition group">
            <div class="flex items-center justify-between">
                <div>
                    <h3 class="font-semibold sw-blue-text group-hover:underline">Commission Agreements</h3>
                    <p class="text-gray-400 text-sm mt-1">Add, edit, or deactivate agreements and their year tiers.</p>
                </div>
                <span class="text-3xl font-bold text-gray-200">{{ stats.agreements }}</span>
            </div>
        </a>

        <a href="/admin/constants?token={{ token }}" class="bg-white rounded-lg shadow p-5 hover:shadow-md transition group">
            <div class="flex items-center justify-between">
                <div>
                    <h3 class="font-semibold sw-blue-text group-hover:underline">Fixed Constants</h3>
                    <p class="text-gray-400 text-sm mt-1">CE commission %, CC %, and other fixed percentages.</p>
                </div>
                <span class="text-3xl font-bold text-gray-200">8</span>
            </div>
        </a>

        <a href="/admin/bell-ringers?token={{ token }}" class="bg-white rounded-lg shadow p-5 hover:shadow-md transition group">
            <div class="flex items-center justify-between">
                <div>
                    <h3 class="font-semibold sw-blue-text group-hover:underline">Bell Ringer Thresholds</h3>
                    <p class="text-gray-400 text-sm mt-1">Revenue thresholds per segment and department.</p>
                </div>
                <span class="text-3xl font-bold text-gray-200">{{ stats.bell_ringers }}</span>
            </div>
        </a>

        <a href="/admin/dropdowns?token={{ token }}" class="bg-white rounded-lg shadow p-5 hover:shadow-md transition group">
            <div class="flex items-center justify-between">
                <div>
                    <h3 class="font-semibold sw-blue-text group-hover:underline">Dropdown Options</h3>
                    <p class="text-gray-400 text-sm mt-1">Associations, departments, market segments, employees.</p>
                </div>
                <span class="text-3xl font-bold text-gray-200">{{ stats.dropdown_opts }}</span>
            </div>
        </a>

        <a href="/admin/email-rules?token={{ token }}" class="bg-white rounded-lg shadow p-5 hover:shadow-md transition group">
            <div class="flex items-center justify-between">
                <div>
                    <h3 class="font-semibold sw-blue-text group-hover:underline">Email Routing Rules</h3>
                    <p class="text-gray-400 text-sm mt-1">Who receives the final PDF and under what conditions.</p>
                </div>
                <span class="text-2xl">📧</span>
            </div>
        </a>


        <a href="/admin/producer-emails?token={{ token }}" class="bg-white rounded-lg shadow p-5 hover:shadow-md transition group">
            <div class="flex items-center justify-between">
                <div>
                    <h3 class="font-semibold sw-blue-text group-hover:underline">Producer Emails</h3>
                    <p class="text-gray-400 text-sm mt-1">Assign email addresses so producers receive approval requests.</p>
                </div>
                <span class="text-2xl">👤</span>
            </div>
        </a>
      
        <a href="/admin/users?token={{ token }}" class="bg-white rounded-lg shadow p-5 hover:shadow-md transition group">
            <div class="flex items-center justify-between">
                <div>
                    <h3 class="font-semibold sw-blue-text group-hover:underline">User Management</h3>
                    <p class="text-gray-400 text-sm mt-1">Create users, assign roles, manage organisations.</p>
                </div>
                <span class="text-3xl font-bold text-gray-200">{{ stats.users }}</span>
            </div>
        </a>
    </div>
</div>
{% endblock %}