codecraft/super-admin-dashboard.php at main · hrid0yyy/codecraft · GitHub

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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script src="https://cdn.tailwindcss.com"></script>
    <link
      rel="icon"
      type="image/x-icon"
      href="assets/img/background/fav-logo.png"
    />
    <title>Super Admin Dashboard</title>
    <style>
      @import url("https://fonts.googleapis.com/css2?family=Syne:wght@400..800&display=swap");

      * {
        font-family: "Syne", serif;
        font-optical-sizing: auto;
        font-style: normal;
      }
    </style>
  </head>
  <body
    class="bg-[url('Mask.png')] bg-cover bg-center bg-no-repeat min-h-screen font-sans"
  >
    <div class="flex">
      <!-- Sidebar -->
      <aside
        class="w-1/5 shadow-lg flex flex-col justify-between h-screen sticky top-0"
      >
        <div class="p-6">
          <div class="text-2xl font-bold text-purple-600 mb-10">
            <img
              src="assets/img/background/logo.png"
              alt="Super Admin Dashboard Logo"
            />
          </div>

          <!-- Menu Links -->
          <nav class="space-y-6">
            <a href="super-admin-dashboard.php" class="flex items-center space-x-4 ">
              <img src="assets/img/background/dashboard-active.png" width="20px" alt="Dashboard Icon" />
              <span>Dashboard</span>
            </a>
            <a href="super-admin-requests.php" class="flex items-center space-x-4 text-purple-600">
              <img src="assets/img/request.png" width="20px" alt="Requests Icon" />
              <span>Admin Requests</span>
            </a>
          </nav>
        </div>

        <div class="p-6 space-y-6">
          <a href="profile.php" class="flex items-center space-x-4">
            <img src="assets/img/background/setting.png" width="20px" alt="Settings Icon" />
            <span>Settings</span>
          </a>
          <a href="backend/logout.php" class="flex items-center space-x-4">
            <img src="assets/img/background/logout.png" width="20px" alt="Logout Icon" />
            <span>Log Out</span>
          </a>
        </div>
      </aside>

      <!-- Main Content -->
      <main class="flex-1 p-8">
        <header class="flex justify-between items-center mb-8">
          <h1 class="text-2xl font-bold">Super Admin Dashboard</h1>
          <div class="flex items-center space-x-4">
            <div class="relative flex items-center">
              <img src="assets/img/background/search.png" alt="Search Icon" class="absolute left-3 w-4 h-4" />
              <input type="text" placeholder="Search" class="pl-10 pr-4 py-2 border border-gray-300 rounded-lg w-full" />
            </div>
            <img src="assets/img/background/Bell.png" width="20px" alt="Notification Icon" class="cursor-pointer" />
            <img src="https://via.placeholder.com/40" alt="Profile Icon" class="rounded-full cursor-pointer" />
          </div>
        </header>

        <!-- Admin Requests Section -->
        <div class="bg-white shadow-lg rounded-lg p-6">
          <h2 class="text-lg font-semibold text-purple-600 mb-4">Pending Admin Requests</h2>
          <table class="w-full border-collapse border border-gray-300">
    <thead>
        <tr class="bg-gray-100">
            <th class="border border-gray-300 p-2">Username</th>
            <th class="border border-gray-300 p-2">Email</th>
            <th class="border border-gray-300 p-2">Action</th>
        </tr>
    </thead>
    <tbody id="adminRequests">
        <!-- Data will be populated here -->
    </tbody>
</table>

<script>
// Function to load admin requests dynamically
function loadAdminRequests() {
    fetch("backend/super-admin/fetch_admin_requests.php")
        .then(response => response.text())
        .then(data => {
            document.getElementById("adminRequests").innerHTML = data;
        })
        .catch(error => console.error("Error loading requests:", error));
}

// Approve Admin Request
function approveAdmin(username) {
    fetch("backend/super-admin/update_admin_status.php", {
        method: "POST",
        headers: { "Content-Type": "application/json" },
        body: JSON.stringify({ username: username, action: "approve" })
    })
    .then(response => response.json())
    .then(data => {
        alert(data.message);
        loadAdminRequests(); // Refresh list
    })
    .catch(error => console.error("Error approving:", error));
}

// Decline Admin Request
function declineAdmin(username) {
    fetch("backend/super-admin/update_admin_status.php", {
        method: "POST",
        headers: { "Content-Type": "application/json" },
        body: JSON.stringify({ username: username, action: "decline" })
    })
    .then(response => response.json())
    .then(data => {
        alert(data.message);
        loadAdminRequests(); // Refresh list
    })
    .catch(error => console.error("Error declining:", error));
}

// Load requests on page load
document.addEventListener("DOMContentLoaded", loadAdminRequests);
</script>

        </div>
      </main>
    </div>
  </body>
</html>