<style include="certificate-shared">
cr-input {
--cr-input-error-display: none;
margin-top: var(--cr-form-field-bottom-spacing);
}
.password-buttons {
margin-bottom: 20px;
}
</style>
<cr-dialog id="dialog" close-text="[[i18n('close')]]">
<div slot="title">
[[i18n('certificateManagerEncryptPasswordTitle')]]
</div>
<div slot="body">
<div>[[i18n('certificateManagerEncryptPasswordDescription')]]</div>
<div class="password-buttons">
<cr-input type="password" value="{{password_}}" id="password"
label="[[i18n('certificateManagerPassword')]]"
on-input="validate_" autofocus></cr-input>
<cr-input type="password"
value="{{confirmPassword_}}" id="confirmPassword"
label="[[i18n('certificateManagerConfirmPassword')]]"
on-input="validate_"></cr-input>
</div>
</div>
<div slot="button-container">
<cr-button class="cancel-button" on-click="onCancelClick_">
[[i18n('cancel')]]
</cr-button>
<cr-button id="ok" class="action-button" on-click="onOkClick_" disabled>
[[i18n('ok')]]
</cr-button>
</div>
</cr-dialog>