<!--
    Form: Login-Bereich
    Funktion: Benutzerauthentifizierung und Zugang zum eigenen Profil, Erstellen von Beiträgen, etc.
-->
<!DOCTYPE html>
<html lang="de">

<head>
    <meta charset="utf-8">
    <meta name="description" content="EduForge">
    <meta name="author" content="Niklas Ortmann">
    <link rel="stylesheet" href="../css/main.css" />
    <title>EduForge</title>
</head>

<body>

    <nav style="background:#808080; height: 60px;">
            <div style="float:left; text-align: center;">
                <a href="../index.php">
        	        <img src="../images/logos/logo.png" alt="" style="height: 44px;">
        	    </a>
            |
        	<a href = "../content/informatik.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Informatik</b></a>
        	|
        	<a href = "../content/mathe.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Mathe</b></a>
        	|
        	<a href = "../content/physik.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Physik</b></a>
        	|
        	<a href = "../content/profile.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Dein Profil</b></a>
        	|
        	</div>
            <div style="float:right; text-align: center;">
        	<?php
        	include_once '../includes/search.php';
        	?>
        	|
        	<a href = "login.php" style = "background-color: #f44336; color: white; padding: 4px 20px; text-align: center; text-decoration: none; display: inline-block;"> Anmelden </a>

        	<a href = "register.php" style = "background-color: #f44336; color: white; padding: 4px 20px; text-align: center; text-decoration: none; display: inline-block;"> Registrieren </a>
            </div>
        </nav>

    <main>
    <div style="width: 50%">
        <div style="width: 130px;">
            <img src="../images/logos/logo.png" alt="" width="120" height="72">
        </div>

        <h1 style="width: 60%; text-align: center">Bitte anmelden</h1><br>

        <label id="inputEmail" >E-Mail-Adresse / </label>
        <p style="width: 80%;">Benutzername/E-Mail-Adresse:</p>
        <input type="email" name="email" style="width: 80%;" placeholder="E-Mail-Adresse" required autofocus>
        <p style="width: 80%;">Passwort:</p>
        <input type="password" name="password" style="width: 80%;" placeholder="Passwort" required>
        <div style="width: 80%;">
            <label>
                <input type="checkbox" name="remember-me" value="1"> angemeldet bleiben
            </label>
        </div>
        <button type="submit" value="anmelden" name="loginSubmit" style="width: 80%;">anmelden</button><br>
        <div style="width: 70%; text-align: center">
            <a href="register.php" style="text-align: center;"> Noch keinen Account? Jetzt hier registrieren! </a>
        </div>
    </div>
    </main>
    <footer style="position:fixed;bottom:0;width:100%;background:#fff;text-align:center;">
        <a href="../legal/impressum.php">Impressum</a>
        <a href="../legal/datenschutz.php">Datenschutz</a>
        <a href="../legal/nutzungsbedingungen.php">Nutzungsbedingungen</a>
    </footer>
</body>

</html>