<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Admin Home</title>
    <link rel="icon" type="image/png" href="./Images/logo.png">
</head>

<body>
    <div class="navbar">
        <nav>
            <div class="SoftName">
                <img src="./Images/logo.png" href="Home.html" alt="Mechnet Logo">
                <a href="#" onclick="redirectToHomePage()" class="nav-link">Mechnet</a>
            </div>
            <div class="hamburger" id="hamburger">
                <div></div>
                <div></div>
                <div></div>
            </div>
            <ul>
                <li><a href="User_Login.html" class="nav-link">LogOut</a></li>
            </ul>
        </nav>
    </div>
    <main>

        <h1>Admin HomePage</h1>
        <br>

        <div id="AddUser">
            <button>
                <a href="#" onclick="redirectToAddUser()">Register User</a>
            </button>
        </div>
        <div class="UsersCont">
            <table>
                <thead>
                    <tr>
                        <th>id</th>
                        <th>First Name</th>
                        <th>Last Name</th>
                        <th>Email</th>
                        <th>Active</th>
                        <th>Accounts</th>
                        <th>Update</th>
                        <th>Remove</th>
                    </tr>
                </thead>
                <tbody id="accountTableBody">
                </tbody>
            </table>
        </div>
        <div id="popup" class="popup-container">
            <h2>Delete User</h2>
            <br>
            <p id="paragraph"></p>
            <br>
            <button id="delete-btn">Delete</button>
            <button id="cancel-btn">Cancel</button>
        </div>
        <script src="/AdminHomehcss.js"></script>
        <script src="/Ns/AdminHome.js"></script>
    </main>
</body>

</html>