<div>
     <div class="hero is-small is-danger mb-4">
        <div>[[+errors]]</div>
    </div>
    <div>
        <form action="[[~[[*id]]]]" method="post">
            <fieldset>
                <div class="field">
                    <label class="label">[[%login.username]]</label>
                    <div class="control has-icons-left">
                        <input class="input" type="text"  name="username" placeholder="[[%login.username]]">
                        <span class="icon is-small is-left"><ion-icon name="person-circle-outline"></ion-icon></span>
                    </div>
                </div>
                <div class="field">
                    <label class="label">[[%login.password]]</label>
                    <div class="control has-icons-left">
                        <input class="input" type="password" name="password" placeholder="[[%login.password]]">
                        <span class="icon is-small is-left"><ion-icon name="lock-closed-outline"></ion-icon></span>
                    </div>
                </div>
                
                
                <input class="returnUrl" type="hidden" name="returnUrl" value="[[+request_uri]]" />

                [[+login.recaptcha_html]]

                <div class="field">
                    <div class="buttons is-right">                
                            <a class="button is-light" href="[[~49]]">Passwort vergessen?</a>
                            <input class="loginLoginValue" type="hidden" name="service" value="login" />
                            <button type="submit" name="Login" class="button">[[+actionMsg]]</button>
                    </div>
                </div>
            </fieldset>
        </form>
    </div>
</div>
