pif / app /templates /base.html
pramodmisra's picture
v2.1: SWIA rebrand, bell-ringer + accounting email removal, House Standard split, domain self-signup, superadmin self-service
8933003
Raw
History Blame Contribute Delete
2.38 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{% block title %}SWIA Commission Agreement Intake{% endblock %}</title>
<script src="https://cdn.tailwindcss.com"></script>
<style>
body { font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; }
.sw-blue { background-color: #2e4057; }
.sw-blue-text { color: #2e4057; }
.bell-triggered { color: #e67e22; font-weight: 700; }
.bell-idle { color: #999; }
.tier-flag { color: #c0392b; font-size: 0.8rem; }
.tier-reduced { color: #2980b9; font-size: 0.75rem; }
</style>
{% block head %}{% endblock %}
</head>
<body class="bg-gray-50 min-h-screen">
{% if user is defined and user %}
<nav class="sw-blue text-white shadow-lg">
<div class="max-w-7xl mx-auto px-4 py-3 flex items-center justify-between">
<div class="flex items-center space-x-6">
<span class="text-lg font-bold tracking-tight">SWIA Commission Agreement Intake</span>
<a href="/dashboard?token={{ token }}" class="text-sm text-gray-200 hover:text-white transition">Dashboard</a>
<a href="/form?token={{ token }}" class="text-sm text-gray-200 hover:text-white transition">New Form</a>
{% if user.role in ('admin', 'superadmin') %}
<a href="/admin/?token={{ token }}" class="text-sm text-gray-200 hover:text-white transition">Admin Panel</a>
{% endif %}
</div>
<div class="flex items-center space-x-4 text-sm">
<span class="text-gray-300">{{ user.full_name }}</span>
<span class="px-2 py-0.5 rounded text-xs uppercase font-bold {% if user.role == 'superadmin' %}bg-yellow-400 text-black{% elif user.role == 'admin' %}bg-blue-400 text-white{% else %}bg-white/20{% endif %}">{{ user.role }}</span>
<a href="/change-password?token={{ token }}" class="text-gray-300 hover:text-white">Password</a>
<a href="/logout" class="text-gray-300 hover:text-white">Logout</a>
</div>
</div>
</nav>
{% endif %}
<main class="max-w-7xl mx-auto px-4 py-6">
{% block content %}{% endblock %}
</main>
{% block scripts %}{% endblock %}
</body>
</html>