- var localizedString = config.settings.labels.header_suffix
- var setCredentialsHeader = localizedString.replace("{application_name}" , applicationName)
div.modal-dialog
    div.modal-content
        div.modal-header
            h2#setCredentialsFormHeader.modal-title
                =setCredentialsHeader
            button#setCredentialsFormClose.close(data-dismiss="modal")(aria-hidden="true")
                            ="×"
        form#setCredentialsForm.modal-body(action="/")
            div#setKeychainsMessages
            - for (var i = 0; i < credentialTypes.length; i++) {
                div.form-group.mb-0
                    div.row.mt-2
                        div.col-sm-3.display-table.ml-3
                            label.display-table-cell(for=credentialTypes[i].Name+"-"+AppID)
                                =credentialTypes[i].Label
                        div.col-sm-8
                            input.form-control(id=credentialTypes[i].Name + "-" + AppID)(data-id=AppID)(autocapitalize="off")(autocomplete="off")(type=(credentialTypes[i].Name.match(/password/i)) ? 'password' : 'text')(name=credentialTypes[i].Name)(placeholder=credentialTypes[i].Label)(value=credentialTypes[i].Value, onfocus=(credentialTypes[i].Name.match(/password/i)) ? "{this.value = '';}" : ''))
                            span.help-block.d-none
            - }
        div.modal-footer
            div.col-sm-6
                button#setCredentialsFormSave.btn.btn-primary(data-appID=AppID)(type="submit")
                    =config["settings"].labels.save_button
                button#setCredentialsFormCancel.btn.btn-default(data-dismiss="modal")
                    =config["settings"].labels.cancel_button