EventMgmt/admin.html at main · Maya-Mohamed/EventMgmt · 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
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <title>Admin Dashboard</title>
  <link rel="stylesheet" href="css/styles.css">
  <script defer src="js/auth.js"></script>
  <script defer src="js/app.js"></script>
</head>
<body onload="protectPage('admin')">

<header>
  <nav id="navbar" class="navbar"></nav>
</header>

<main class="container">
  <h1>Admin Dashboard</h1>

	  <section class="admin-actions">
	    <a href="#manage-registrations" class="button">Manage Event Registrations</a>
	  </section>

  <section>
    <h2>Add / Edit Event</h2>
    <form id="event-form" onsubmit="return false;">
      <label>Title: <input type="text" name="title" required></label>
      <label>Date: <input type="date" name="date" required></label>
      <label>Location: <input type="text" name="location" required></label>
      <label>Category:
        <select name="category" required>
          <option value="">Select Category</option>
          <option value="conference">Conference</option>
          <option value="workshop">Workshop</option>
          <option value="meetup">Meetup</option>
        </select>
      </label>
      <label>Description: <textarea name="description"></textarea></label>
      <label>Seats: <input type="number" name="numberOfSeats" min="0" value="50"></label>
      <button>Add Event</button>
    </form>
    <div id="admin-message" class="info"></div>
  </section>

  <section>
    <h2>Manage Events</h2>
    <div id="admin-events" class="events-grid"></div>
  </section>

	  </section>

  <section id="manage-registrations">
    <h2>Manage Event Registrations</h2>
    <p>List of pending event registrations will appear here for approval or rejection.</p>
    <table id="registrations-table">
      <thead>
        <tr>
          <th>Event Title</th>
          <th>User Email</th>
          <th>Registration Date</th>
          <th>Action</th>
        </tr>
      </thead>
      <tbody>
        <!-- Example Row - to be populated by logic -->
        <tr>
          <td>Tech Conference 2025</td>
	          <td>user1@example.com</td>
	          <td>2025-11-26</td>
	          <td>
	            <button class="approve-btn">Approve</button>
	            <button class="reject-btn">Reject</button>
	          </td>
	        </tr>
	        <tr>
	          <td>Workshop on AI</td>
	          <td>user2@example.com</td>
	          <td>2025-11-27</td>
	          <td>
	            <button class="approve-btn">Approve</button>
	            <button class="reject-btn">Reject</button>
	          </td>
	        </tr>
	      </tbody>
	    </table>
	  </section>
	</main>

</main>

<footer>
  <p>&copy; 2025 EventMgmt</p>
</footer>

</body>
</html>