{% extends '@SonataAdmin/standard_layout.html.twig' %}

{% block sonata_wrapper %}
    <div>
    <div class="login-box">
        <div class="login-logo">
            <a href="/login">
                <span style="color: whitesmoke; margin-top: 5%">Sign in to continue</span>
            </a>
        </div>
        <div class="login-box-body">

                <p class="login-box-msg">{{ 'Authentication'|trans }}</p>
                <form action="{{ path('login') }}" method="post" role="form">

                    <div class="form-group has-feedback">
                        <input type="text" class="form-control" id="username" name="_username" value="{{ last_username }}" required="required" placeholder="Username"/>
                        <span class="glyphicon glyphicon-user form-control-feedback"></span>
                    </div>

                    <div class="form-group has-feedback">
                        <input type="password" class="form-control" id="password" name="_password" required="required" placeholder="Password"/>
                        <span class="glyphicon glyphicon-lock form-control-feedback"></span>
                    </div>

                    <div class="row">
                        <div class="col-xs-4">
                            <button type="submit" class="btn btn-primary btn-block btn-flat">Login</button>
                        </div>
                    </div>
                </form>
            {% if error %}
                <div class="alert alert-danger" style="margin-top: 20px;">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
            {% endif %}
        </div>
    </div>
    </div>
    <style type="text/css">
        html, body {
            height: 100% !important;
        }

        .wrapper { height: 100% !important;}
        .login-box {margin-top: 15% !important;}
    </style>
{% endblock sonata_wrapper %}