extend templates/layout.pug

block content
    -
        if (data)
            var message = data.message
        data = data == null ? {} : data;
    .container
        .row
            .col.s12.l4.m3
                p
            .col.s12.l4.m6
                .center
                    h2.flow-text Password
                if message 
                    p.flow-text.red-text= message
                form(action="/account/authenticate" method="POST")
                    <input type="hidden" name="username" value="#{username}"/>
                    .row
                        .col.s12
                            <label for="password">Password:</label>
                            <input id="password" type="password" name="password" autofocus/>
                        .col.s12
                            p
                                label
                                    input(type="checkbox", name="rememberMe", checked="checked" )
                                    span Remember Me
                    .row

                        <div class="col s12 center">
                            //- <button  class="btn waves-effect waves-light" v-on:click="attemptLogin">Log In</button>
                            <button class="btn blue waves-effect waves-light" type="submit" name="action">Login
                            </button>
                        </div>
                
                <div class="col s12 center">
                    <a class="btn-flat waves-effect waves-light" href="/account/password-recovery">forgot password</a>
                </div>