<?php
session_start();
   
    echo '<!DOCTYPE html>
            <html>
            
                <head>
                    <meta lang="de"/>
                    <meta charset="utf-8"/>
                    <meta name="viewport" content="device=device-width, initial-scaling=1"/>
                    <link rel="Stylesheet" type="text/css" href="style.css"/>
                    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
                    <title>Candle Bibliothek | Registrierung</title>
                    <link rel="icon" href="pictures/candle.png">
                    <script src="notwendiges_laden.js" defer></script>
                <header id="header"></header>
            
                    <div class="hauptcontainer">
            
                        <!--Bei action wird später eine php-Datei eingefügt,
                            welche sich um die Verarbeitung der Daten kümmert.-->
                        <form id="registrierungForm" action="registrierung_erfolgreich.php" method="Post">
                            <div class="container">
                                <span id="registrierungTitel" > Registrierung </span>
                                <br>
                                <p id="datenSchutzHinweisRegistrierung" > Über diese Webseite werden personenbezogene Daten erhoben und genutzt. Für Details, beziehen Sie sich bite auf die Seite Datenschutz.</p>
                                <h4 id="registrierungAngabenZurRegistrierung">Angaben zur Registrierung<hr id="registrierungHr"></h4>
                                <br>
                                <div id="registrierungInputDiv" >
            
                                    <div class="field">
                                        <label for="vorName"><b>Vorname</b></label>
                                        <br>
                                        <input type="text" name="vorName" id="vorName" class="registrierenNormalesTextfeld"><br>
                                        <p class="errorMessage"></p>
                                        <br>
                                    </div>  
            
                                    <div class="field">
                                        <label for="nachName"><b>Nachname</b></label>
                                        <br>
                                        <input type="text" name="nachName" id="nachName" class="registrierenNormalesTextfeld"><br>
                                        <p class="errorMessage"></p>
                                        <br>
                                    </div>
            
                                    <div class="field">
                                        <label for="strasse"><b>Straße und Hausnummer</b></label>
                                        <br>
                                        <input type="text" name="strasse" id="strasse">
            
                                        <input type="text" name="hausnummer" id="hausNummer"><br>
                                        <p class="errorMessage"></p>
                                        <p class="errorMessage"></p>
                                        <br>
                                    </div>
            
                                    <div class="field">
                                        <label for="postleitzahl"><b>Postleitzahl und Ort</b></label>
                                        <br>
                                        <input type="text" name="postleitzahl" id="postleitzahl">
            
                                        <input type="text" name="ort" id="ort"><br>
                                        <p class="errorMessage"></p>
                                        <p class="errorMessage"></p>
                                        <br>
                                    </div>
            
                                    <div class="field">
                                        <label for="email"><b>E-Mail-Adresse</b></label>
                                        <br>
                                        <input type="email" name="email" id="email" class="registrierenNormalesTextfeld"><br>
                                        <p class="errorMessage"></p>
                                        <br>
                                    </div>
            
                                    <div class="field">
                                        <label for="emailRep"><b>E-Mail-Adresse bestätigen</b></label>
                                        <br>
                                        <input type="email" name="emailRep" id="emailRep" class="registrierenNormalesTextfeld"><br>
                                        <p class="errorMessage"></p>
                                        <br>
                                    </div>
            
                                    <div class="field">
                                        <label for="passwort"><b>Passwort</b></label>
                                        <br>
                                        <input type="password" name="passwort" id="passwort" class="registrierenNormalesTextfeld"><br>
                                        <p class="errorMessage"></p>
                                        <br>
                                    </div>
            
                                    <div class="field">
                                        <label for="passwortRep"><b>Passwort bestätigen</b></label>
                                        <br>
                                        <input type="password" name="passwortRep" id="passwortRep" class="registrierenNormalesTextfeld"><br>
                                        <p class="errorMessage"></p>
                                        <br>
                                    </div>
            
                                    <div class="field">
                                        <input type="submit" value="Registrieren" name="Registrieren" id="registrierenKnopf" class="registrierenKnopf">
                                    </div>
            
                                    <br><br>
            
                                    <details>
                                        <summary>Sie habe bereits ein Konto?</summary>
                                        <p id="registrierenAusklappe"> <a href="anmelden.php"> Jetzt anmelden</a></p>
                                    </details>
                                </div>
                            </div>
                        </form>
                    </div>
                        
                    <!--Link JS file-->
                    <script src="burgerIcon.js"></script>
                    
                    <script>
                        var widthissue = false;
                  window.addEventListener("resize", function(event) {
                    if(window.innerWidth > 800 && widthissue) {
                        widthissue = false
                        unset()
                    } 
                    else if(window.innerWidth < 800) widthissue = true;
            })
                    
                    </script>
            
                    <nav id="activeid" class="active"></nav>
            
            
                    <<footer id="footer" class="fuss" ></footer>
                    <script src="registrierung_verhalten.js"></script>
            
                </body>
                
            </html>';
    
?>

