Spaces:
Runtime error
Runtime error
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"/> | |
| <meta content="width=device-width, initial-scale=1.0" name="viewport"/> | |
| <title>Admin Dashboard - SWIFT QUERY</title> | |
| <link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap" rel="stylesheet"/> | |
| <link href="https://fonts.googleapis.com/icon?family=Material+Icons+Outlined" rel="stylesheet"/> | |
| <script src="https://cdn.tailwindcss.com?plugins=forms,typography"></script> | |
| <script> | |
| tailwind.config = { | |
| darkMode: "class", | |
| theme: { | |
| extend: { | |
| colors: { | |
| primary: "#e67e22", | |
| "background-light": "#fef3e9", | |
| "background-dark": "#3c2a1a", | |
| }, | |
| fontFamily: { | |
| display: ["Lora", "serif"], | |
| }, | |
| borderRadius: { | |
| DEFAULT: "1rem", | |
| }, | |
| }, | |
| }, | |
| }; | |
| </script> | |
| <style>.glass-effect { backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px) } .bg-gradient-warm { background-image: linear-gradient(to right, #f8a65c, #d97706) } .bg-gradient-warm:hover { background-image: linear-gradient(to right, #f9b170, #e67e22) } body { background-image: url(https://images.unsplash.com/photo-1576091160550-2173dba999ef?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-size: cover; background-position: center }</style> | |
| </head> | |
| <body class="font-display bg-background-light dark:bg-background-dark text-slate-700 dark:text-slate-300 min-h-screen flex flex-col items-center justify-between p-4"> | |
| <header class="w-full max-w-7xl mx-auto p-4 glass-effect bg-white/30 dark:bg-black/20 rounded-xl border border-white/20 dark:border-white/10 shadow-lg"> | |
| <nav class="flex justify-between items-center"> | |
| <div class="flex items-center gap-3"> | |
| <div class="bg-white/40 dark:bg-white/20 p-2 rounded-lg"> | |
| <img alt="SWIFT QUERY logo" class="h-6 w-6" src="https://lh3.googleusercontent.com/aida-public/AB6AXuAo-0VjrEABAroA7y5_lx9DaLNKygExss7Nm-JDYOskVgALV9qdaAPI5i-PZTURZZgEjLr4rtqVCuuFvo2lxrhcPFo5rzzmjEBkaHow8xuV6nOcIWrotNl5ObyyAPl_SXiJf_z6PYLVARd_eU5xPHZZkkrOyx-HUjixqFKF3U_Mso6NjNK16mUpN9HcmNHUPFD1ZbvGwtvyAahfGscP0U9TG7sOTE9543xi7_Fsj819eadeslFzYJzPsdXDFzBMNa_8dNSvC_ka-HY"/> | |
| </div> | |
| <span class="font-semibold text-slate-800 dark:text-white text-lg">Swift Query</span> | |
| </div> | |
| <div> | |
| <a href="{{ url_for('admin.logout') }}" class="text-slate-800 dark:text-white font-medium hover:text-primary transition-colors">Logout</a> | |
| </div> | |
| </nav> | |
| </header> | |
| <main class="flex-grow flex items-center justify-center w-full"> | |
| <div class="w-full max-w-4xl mx-auto p-8"> | |
| <div class="text-center mb-12"> | |
| <h1 class="text-4xl font-bold text-slate-900 dark:text-white">Admin Dashboard</h1> | |
| <p class="text-slate-700 dark:text-slate-300 mt-2">Welcome, {{ session['user_type'] }}!</p> | |
| </div> | |
| {% if session['user_type'] == 'admin' %} | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> | |
| <a href="{{ url_for('admin.manage_doctors') }}" class="block p-6 glass-effect bg-white/40 dark:bg-black/30 rounded-2xl border border-white/30 dark:border-white/10 shadow-lg hover:shadow-xl transform hover:-translate-y-1 transition-all"> | |
| <div class="flex items-center justify-center h-16 w-16 bg-gradient-warm rounded-full mx-auto mb-4"> | |
| <span class="material-icons-outlined text-white text-3xl">medical_services</span> | |
| </div> | |
| <h2 class="text-xl font-semibold text-center text-slate-900 dark:text-white">Manage Doctors</h2> | |
| </a> | |
| <a href="{{ url_for('admin.manage_patients') }}" class="block p-6 glass-effect bg-white/40 dark:bg-black/30 rounded-2xl border border-white/30 dark:border-white/10 shadow-lg hover:shadow-xl transform hover:-translate-y-1 transition-all"> | |
| <div class="flex items-center justify-center h-16 w-16 bg-gradient-warm rounded-full mx-auto mb-4"> | |
| <span class="material-icons-outlined text-white text-3xl">people</span> | |
| </div> | |
| <h2 class="text-xl font-semibold text-center text-slate-900 dark:text-white">Manage Patients</h2> | |
| </a> | |
| <a href="{{ url_for('admin.manage_assistants') }}" class="block p-6 glass-effect bg-white/40 dark:bg-black/30 rounded-2xl border border-white/30 dark:border-white/10 shadow-lg hover:shadow-xl transform hover:-translate-y-1 transition-all"> | |
| <div class="flex items-center justify-center h-16 w-16 bg-gradient-warm rounded-full mx-auto mb-4"> | |
| <span class="material-icons-outlined text-white text-3xl">support_agent</span> | |
| </div> | |
| <h2 class="text-xl font-semibold text-center text-slate-900 dark:text-white">Manage Assistants</h2> | |
| </a> | |
| </div> | |
| {% endif %} | |
| </div> | |
| </main> | |
| <footer class="w-full max-w-7xl mx-auto p-4 text-center glass-effect bg-white/20 dark:bg-black/20 rounded-xl border border-white/20 dark:border-white/10 shadow-lg"> | |
| <p class="text-sm text-slate-800 dark:text-slate-200">Copyright © 2025 SWIFT QUERY. All rights reserved.</p> | |
| </footer> | |
| </body> | |
| </html> | |