<article class="blog-main blog-sidebar col-sm-12">
    <?php if($variables['profileChanged'] == true) { ?>
        <section class='alert alert-success alert-dismissable'> <strong>Profil aktualisiert</strong>
        <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
        </section>
    <?php }?>
<section class="jumbotron">
<form actionTarget="editprofile">
    <label for="firstname">Vorname:</label>
    <input class="form-control" type="text" name="firstname" value="<?= $variables['firstName'] ?>"" style="margin-bottom:7px">

    <label for="secondname">Nachname:</label>
    <input class="form-control" type="text" name="lastname" value="<?= $variables['lastName']?>" style="margin-bottom:7px">

    <label for="email">E-Mail:</label>
    <input class="form-control" type="email" name="email" value="<?= $variables['email'] ?>" style="margin-bottom:7px">

    <label for="phonenumber">Telefonnummer:</label>
    <input class="form-control" type="tel" name="phone" value="<?php
            if(isset($variables['phone'])){
                echo $variables['phone'];
            }
            else{
                echo "";
            }
        ?>"
           style="margin-bottom:10px">

    <label for="birthday">Geburtsdatum:</label>
    <input class="form-control" type="date" name="birthday" style="margin-bottom:10px"value="<?php
    if(!is_null($variables['bday'])){
        echo $variables['bday'];
    }
    ?>"/>

    <label for="avatarUrl">Avatar-URL:</label>
    <input class="form-control" type="text" name="avatarUrl"
           value="<?= is_null($variables['avatarUrl']) ? "" : $variables['avatarUrl'] ?>"
           style="margin-bottom:10px">

    <div class="col-sm-12 row">
        <div class="col-md-3">links</div>
        <div class="col-md-6 text-center">Politische Richtung</div>
        <div class="col-md-3 text-right">rechts</div>
    </div>
    <input name="politicalDir" type="range" min="-50" max="50" value="<?= $variables['politicalDir'] ?>">
    <button class="btn btn-success pull-right" type="submit">Bestätigen</button>
</form>
</section>
</article>