{{#if failed}}
    <div class="columns">
        <div class="column is-12">
            <div class="notification is-danger">
                <button {{action 'dismissFailAlert'}} class="delete"></button>
                The provided details don't seem to be correct. Please try again.
            </div>
        </div>
    </div>
{{/if}}


{{#if loggingIn}}
    <div class="has-text-centered">
        <span class="control is-loading"></span>
    </div>
{{else}}
    <form>
        <div class="columns">
            <div class="column is-12">
                {{form-text
                        name="email"
                        label='email'
                        placeholder='Enter Email Address'
                        value=email}}
            </div>
        </div>
        <div class="columns">
            <div class="column is-12">
                {{form-password
                        name="password"
                        label='password'
                        placeholder='Enter Password'
                        value=password}}
            </div>
        </div>
        <div class="columns">
            <div class="column is-12">
              <div class="level">
                <div class="level-left">
                  <div class="level-item">
                    {{link-to "Reset your password" "reset-password" id="reset"}}
                  </div>

                </div>
                <div class="level-right">
                  <div class="level-item">
                    <button
                      name="loginSubmit"
                      class="button is-primary is-width-100 is-pulled-right"
                      {{action 'authenticateWithSilverStripe'}}>
                      Submit
                    </button>
                  </div>
                </div>
              </div>
            </div>
        </div>
    </form>
{{/if}}