<article class="blog-main blog-sidebar col-sm-12">
    <?php
        if (!$variables['isLoggedIn']) {
            if ($variables['wasRegistrationAttempted']) {
                if ($variables['registrationAttempt']) {
                    // attempt successful
                    ?>
                    <div class="alert alert-success"><strong>Registrierung erfolgreich! </strong><a href="/?page=login" erfolgreich!>Sie können sich nun einloggen!</a> </div>
                    <!--<div style="text-align:center">
                        <a href="/?page=login" class="btn btn-primary btn-sm">Einloggen</a>
                    </div> -->
                    <?php
                } else {
                    // registration failed
                    ?>
                    <div class="alert alert-danger alert-dismissable fade in">
                        <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                        <strong>Registrierung fehlgeschlagen!</strong> Bitte Daten überprüfen!
                    </div>
                    <?php
                }
            }

            ?>
            <form class="form-signin" action="?page=register" method="post">
                <h2 class="form-signin-heading">FaZeBook</h2>
                <h4 class="form-signin-heading">Das erste asoziale Netzwerk</h4>

                <input type="text" name="firstname" class="form-control form-top" placeholder="Vorname">
                <input type="text" name="lastname" class="form-control form-mid" placeholder="Nachname">
                <input type="email" name="email" class="form-control form-mid" placeholder="Deine E-Mail Adresse">
                <!-- TODO: Add client-side password validation -->
                <input type="password" name="password" class="form-control form-mid" placeholder="Dein geheimes Passwort">
                <input type="password" name="password2" class="form-control form-bottom" placeholder="Wiederhole dein geheimes Passwort">
                <button class="btn btn-lg btn-primary btn-block" type="submit">Registrieren</button>
                <br>
                <a class="btn btn-sm btn-block" href="/?page=login">Zurück zum Login</a>
            </form>
            <?php
        } else {
    ?>
            <p>Fehler: Sie sind bereits registriert!</p>
    <?php
        }
    ?>
</article>