.sk-modal-background(ng-click="ctrl.cancel()")
#privileges-modal.sk-modal-content
  .sn-component
    .sk-panel
      .sk-panel-header
        .sk-panel-header-title Authentication Required
        a.close-button.info(
          ng-if="ctrl.cancelable"
          ng-click="ctrl.cancel()"
          ) Cancel
      .sk-panel-content
        .sk-panel-section
          div(ng-repeat="type in ctrl.state.types")
            .sk-p.sk-bold.sk-panel-row
              strong {{ctrl.promptForChallenge(type)}}
            .sk-panel-row
              input.sk-input.contrast(
                ng-model="ctrl.state.values[type].value" 
                should-focus="$index == 0" 
                sn-autofocus="true" 
                sn-enter="ctrl.submit()" ,
                ng-change="ctrl.onTextValueChange(type)"
                type="password"
                )
            .sk-panel-row
              label.sk-label.danger(
                ng-if="ctrl.state.values[type].invalid"
                ) Invalid authentication. Please try again.
          .sk-panel-row
      .sk-panel-footer.extra-padding
        .sk-button.info.big.block.bold(
          ng-click="ctrl.submit()",
          ng-class="{'info' : !ctrl.state.processing, 'neutral': ctrl.state.processing}"
          ng-disabled="ctrl.state.processing"
          )
          .sk-label {{ctrl.state.processing ? 'Generating Keys...' : 'Submit'}}