File size: 2,745 Bytes
ed0b977
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
    <title>Admin Portal - SWIFT QUERY</title>
    <link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap" rel="stylesheet" />
    <script src="https://cdn.tailwindcss.com?plugins=forms,typography"></script>
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        primary: "#e67e22",
                        "background-light": "#fef3e9",
                    },
                },
            },
        };
    </script>
    <style>
        .glass-effect {
            backdrop-filter: blur(10px);
            background: rgba(255, 255, 255, 0.4);
        }

        .bg-gradient-warm {
            background-image: linear-gradient(to right, #f8a65c, #d97706)
        }

        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="bg-background-light min-h-screen flex flex-col items-center justify-center p-4">

    <div class="w-full max-w-lg p-8 glass-effect rounded-2xl shadow-2xl border border-white/30 text-center">
        <h1 class="text-4xl font-bold text-slate-900 mb-8 font-serif">Admin Portal</h1>
        <p class="text-slate-700 mb-8">Please select your login type.</p>

        <div class="space-y-4">
            <a href="{{ url_for('admin.login', role='admin') }}"
                class="block w-full bg-slate-900 text-white font-bold py-4 px-6 rounded-xl hover:bg-slate-800 transition-all shadow-lg flex items-center justify-center gap-3">
                <span class="material-icons-outlined">admin_panel_settings</span>
                <span>Administrator Login</span>
            </a>

            <a href="{{ url_for('admin.login', role='assistant') }}"
                class="block w-full bg-gradient-warm text-white font-bold py-4 px-6 rounded-xl hover:shadow-xl transition-all shadow-lg flex items-center justify-center gap-3">
                <span class="material-icons-outlined">assignment_ind</span>
                <span>Assistant Login</span>
            </a>
        </div>

        <div class="mt-8">
            <a href="{{ url_for('index') }}" class="text-slate-600 hover:text-slate-900 underline">Back to Home</a>
        </div>
    </div>

    <link href="https://fonts.googleapis.com/icon?family=Material+Icons+Outlined" rel="stylesheet" />

</body>

</html>