<article class="blog-main blog-sidebar col-sm-12">
    <?php
        if (!$variables['isLoggedIn']) {
            if ($variables['wasLoginAttempted']) {
    ?>
            <div class="alert alert-danger alert-dismissable fade in">
                <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                <strong>Anmeldung fehlgeschlagen!</strong> Bitte Daten überprüfen!
            </div>
    <?php
            }
    ?>

            <form class="form-signin" method="post" action="?page=start">
                <h2 class="form-signin-heading">FaZeBook</h2>
                <h4 class="form-signin-heading">Das erste asoziale Netzwerk</h4>
                <input name="email" type="email" class="form-control form-top" placeholder="E-Mail" required autofocus>
                <input name="password" type="password" class="form-control form-bottom" placeholder="Passwort" required>

                <button class="btn btn-lg btn-primary btn-block" type="submit">Login</button>
                <a href="/?page=register" class="btn btn-default btn-sm btn-block">Registrieren</a>
            </form>
            <div class="container" style="text-align: center">
                <a href="#" data-toggle="popover" data-content="Wenn du zu viele Dislikes bekommst, wird dein Account gebannt. Leider musst du dir einen neuen Account erstellen">
                    Ich kann mich nicht mehr einloggen!
                </a>
            </div>
            <script>
                $(document).ready(function(){
                    $('[data-toggle="popover"]').popover();
                });
            </script>
    <?php
        } else {
    ?>
            <div class="alert alert-success"><strong>Sie haben sich erfolgreich angemeldet!</strong> Sie werden in wenigen Sekunden weitergeleitet!
    </div>
            <script>
                setTimeout(function () {
                    location.href = '?page=start';
                }, 1000);
            </script>
    <?php
        }
    ?>
</article>