extend templates/layout.pug

block content
    -
        if (data)
            var message = data.message
        data = data == null ? {} : data;

    .container
        .row
            .col.s12
                .row
                    .col.s12.l4.m3
                        p
                    .col.s12.l4.m6
                        .center
                            h2.flow-text Login/Register
                        if message 
                            p.flow-text.red-text= message
                        form(action="/account/authenticate" method="POST")
                            .row
                                <label for="displayName">Display Name:</label>
                                <input id="displayName" type="text" name="displayName" value="#{data.displayName}" autofocus/>
                            .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">Submit
                                    </button>
                                </div>
                    .col.s12.l4.m3
                        p
                    //- p.center
                        a.center(href="/reset-password") forgot password
            //- .col.s12
                .center
                    p
                        strong OR
                    a.btn.blue(href="/account/oauth/google") LOGIN VIA GOOGLE