File size: 6,158 Bytes
58c1398
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!DOCTYPE html>
<html lang="en">
<head>
    <script>(function(){const t=localStorage.getItem('theme')||'light';if(t==='dark')document.documentElement.setAttribute('data-theme','dark');})();</script>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Admin Panel | Aadhaar Portal Pro</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Modular CSS -->
    <link rel="stylesheet" href="/static/css/global.css">
    <link rel="stylesheet" href="/static/css/admin.css">
    <link rel="stylesheet" href="/static/css/auth.css">
    
    <!-- Admin Component CSS -->
    <link rel="stylesheet" href="/static/css/admin_components/dashboard.css">
    <link rel="stylesheet" href="/static/css/admin_components/payments.css">
    <link rel="stylesheet" href="/static/css/admin_components/wallet.css">
    <link rel="stylesheet" href="/static/css/admin_components/support.css">
    <link rel="stylesheet" href="/static/css/admin_components/users.css">
    
    <!-- Modular JS -->
    <script src="/static/js/global.js" defer></script>
    <script src="/static/js/admin.js" defer></script>
    
    <!-- Admin Component JS -->
    <script src="/static/js/admin_components/dashboard.js" defer></script>
    <script src="/static/js/admin_components/wallet.js" defer></script>
    <script src="/static/js/admin_components/payments.js" defer></script>
    <script src="/static/js/admin_components/support.js" defer></script>
    <script src="/static/js/admin_components/users.js" defer></script>
    <script src="/static/js/admin_components/download_history.js" defer></script>
</head>
<body>
    <div class="dashboard-wrapper">
        <div class="sidebar-overlay" id="sidebar-overlay"></div>

        <nav class="sidebar">
            <div class="sidebar-header">
                <div class="logo-area">
                    <i class="fa-solid fa-scale-balanced"></i>
                    <span>Admin Central</span>
                </div>
            </div>
            <div class="sidebar-menu">
                <a href="/" class="side-btn"><i class="fa-solid fa-house"></i><span>User Dashboard</span></a>
                <a href="/admin" class="side-btn active" id="nav-dashboard-link" onclick="switchTab('dashboard');return false;"><i class="fa-solid fa-chart-pie"></i><span>Overview</span></a>
                <a href="/admin/payments" class="side-btn" id="nav-payments-link" onclick="switchTab('payments');return false;"><i class="fa-solid fa-file-invoice-dollar"></i><span>Verify Payments</span></a>
                <a href="/admin/wallet" class="side-btn" id="nav-wallet-link" onclick="switchTab('wallet');return false;"><i class="fa-solid fa-wallet"></i><span>Wallet Manage</span></a>
                <a href="/admin/support" class="side-btn" id="nav-support-link" onclick="switchTab('support');return false;">
                    <i class="fa-solid fa-headset"></i><span>Complaints</span>
                    <span id="open-ticket-count"></span>
                </a>
                <a href="/admin/users" class="side-btn" id="nav-users-link" onclick="switchTab('users');return false;"><i class="fa-solid fa-users-gear"></i><span>User Directory</span></a>
                <a href="/admin/downloads" class="side-btn" id="nav-downloads-link" onclick="switchTab('downloads');return false;"><i class="fa-solid fa-download"></i><span>Download History</span></a>
                <a href="/logout" class="side-btn logout-link">
                    <i class="fa-solid fa-right-from-bracket"></i><span>Logout</span>
                </a>
            </div>
        </nav>

        <main class="main-content">
            <header class="top-bar">
                <div class="header-left">
                    <button class="hamburger-menu" id="mobile-toggle"><i class="fa-solid fa-bars"></i></button>
                    <div class="breadcrumb"><span>Admin</span><i class="fa-solid fa-chevron-right"></i><span class="active" id="breadcrumb-active">Payment Queue</span></div>
                </div>
                <div class="header-right">
                    <button class="header-icon-btn" id="theme-toggle-btn"><i class="fa-solid fa-moon"></i></button>
                    <div class="wallet-pill"><i class="fa-solid fa-user-shield"></i><span>ADMIN</span></div>
                </div>
            </header>

            <div class="content-body">
                <!-- Tab bar included from external file -->
                {% include 'admin_tabs.html' %}

                <!-- ═══ SECTION 0: DASHBOARD OVERVIEW ═══ -->
                {% include 'admin/dashboard.html' %}

                <!-- ═══ SECTION 1: PAYMENT QUEUE ═══ -->
                {% include 'admin/payments.html' %}

                <!-- ═══ SECTION 1.5: WALLET MANAGEMENT ═══ -->
                {% include 'admin/wallet.html' %}

                <!-- ═══ SECTION 2: COMPLAINT TICKETS ═══ -->
                {% include 'admin/support.html' %}

                <!-- ═══ SECTION 3: USER MANAGEMENT ═══ -->
                {% include 'admin/users.html' %}

                <!-- ═══ SECTION 4: DOWNLOAD HISTORY ═══ -->
                {% include 'admin/download_history.html' %}
            </div>
        </main>
    </div>

    <!-- Premium Confirmation Modal -->
    <div id="custom-confirm-modal" class="custom-modal">
        <div class="auth-card">
            <div id="modal-icon-container">
                <i class="fa-solid fa-circle-question" id="modal-icon"></i>
            </div>
            <h3 id="modal-title">Confirm Action</h3>
            <p id="modal-message">Are you sure?</p>
            
            <div class="button-group">
                <button id="modal-cancel-btn" class="btn-auth">Cancel</button>
                <button id="modal-confirm-btn" class="btn-auth">Confirm</button>
            </div>
        </div>
    </div>
</body>
</html>