<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Admin-Bereich</title>
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<!-- Header für Admin-Bereich -->
<header class="header">
<h1 class="header-title">Admin-Bereich</h1>
<div class="header-buttons">
<button id="loadUserListBtn" class="header-btn">Benutzerliste laden</button>
<button id="welcomeButton" class="header-btn">Zur Willkommensseite</button>
<button id="logoutBtn" class="header-btn">Abmelden</button>
</div>
</header>
<!-- Hauptbereich für Benutzerliste -->
<main>
<div id="custom-alert-confirm" style="display:none;" class="alert-box">
<p id="alert-message-confirm"></p>
<button id="close-alert-confirm">Close</button>
<button id="confirm-alert-confirm" style="display:none;">Confirm</button>
</div>
<div id="user-list" class="user-list"></div>
</main>
<script type="module" src="js/shared_functions.js"></script>
<script type="module" src="js/main.js"></script>
</body>
</html>