<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="author" content="Dāvids; Ruslana; Ralfs Vinbergs">
    <meta name="viewport" content="initial-scale=1, width=device-width"/>
    <script src="../js/LoginPage.js">
    </script>
    <link rel="stylesheet" href="../css/global.css"/>
    <link rel="stylesheet" href="../css/LoginPage.css"/>
    <link
            rel="stylesheet"
            href="https://fonts.googleapis.com/css2?family=Inter:wght@400&display=swap"
    />
</head>
<body>
<!--<div class="popup" id="popup">-->
<!--  Invalid password.-->
<!--</div>-->
<form action="../php/login.php" method="post" id="login-form">
    <div class="login-page">
        <div class="login-page-child">
            <input type="text" id="username" name="username" placeholder="Username">
        </div>
        <div class="login-page-item">
            <input type="text" id="password" name="password" placeholder="Password">
        </div>

        <div class="login-page-child1">
            <button id="login"></button>
        </div>
        <div class="login">login</div>
        <div class="sign-up1">sign up</div>
        <img class="image-1-icon" alt="" src="../public/logo.png"/>
    </div>
</form>
<div class="error-message"><?php echo $errorMessage; ?></div>
<div class="login-page-inner">
    <button id="signup">sign up</button>
</div>
</body>
</html>
