<!--
    Form: Registrierung
    Funktion: Erstellung neuer Benutzerkonten
-->
<!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: 50%; text-align: center">Jetzt Registrieren!</h1><br>

        <p style="width: 80%;"> Email:</p>
        <input type="email" name="email"  style="width: 80%;" placeholder="mustermann@web.de" required>
        <p  style="width: 80%;"> Vorname:</p>
        <input type="text" name="vorname"  style="width: 80%;" placeholder="Max" required>
        <p  style="width: 80%;"> Nachname:</p>
        <input type="text" name="nachname"  style="width: 80%;" placeholder="Mustermann" required>

        <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" value="remember-me"> angemeldet bleiben
            </label>
        </div>
        <button type="submit" value="anmelden" name="loginSubmit" style="width: 80%;">kostenlos registrieren</button>
    </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>