#lock-screen.sn-component
  .sk-panel
    .sk-panel-header
      .sk-panel-header-title Passcode Required
    .sk-panel-content
      .sk-panel-section
        form.sk-panel-form.sk-panel-row(ng-submit='ctrl.submitPasscodeForm($event)')
          .sk-panel-column.stretch
            input#passcode-input.center-text.sk-input.contrast(
              autocomplete='new-password', 
              autofocus='true', 
              ng-model='ctrl.formData.passcode', 
              placeholder='Enter Passcode', 
              should-focus='true', 
              sn-autofocus='true', 
              type='password'
              )
            .sk-button-group.stretch.sk-panel-row.form-submit
              button.sk-button.info(type='submit')
                .sk-label Unlock
    .sk-panel-footer
      #passcode-reset
        a.sk-a.neutral(
          ng-click='ctrl.forgotPasscode()', 
          ng-if='!ctrl.formData.showRecovery'
          ) Forgot?
        div(ng-if='ctrl.formData.showRecovery')
          .sk-p
            | If you forgot your local passcode, your only option is to clear 
            | your local data from this device and sign back in to your account.
          .sk-panel-row
          a.sk-a.danger.center-text(
            ng-click='ctrl.beginDeleteData()'
            ) Delete Local Data
