<div class="public-page-card self_destructing_panel">
	<div data-bind="visible: !isDecryptedSuccessfully()">
		<div class="fields">
			<div class="fieldset">
				<div class="row" data-bind="visible: isDecryptionAvailable()">
					<span class="label" data-bind="text: passwordLabel"></span>
					<input autocomplete="new-password" type="password" class="value input" data-bind="value: enteredPassword" />
				</div>
				<div class="row" data-bind="visible: !isDecryptionAvailable() && isShowNoKeyErrorMessage()">
					<span class="label" data-bind="text: EerrorNoKeyMessage"></span>
				</div>
			</div>
		</div>
		<span class="buttons">
			<span class="button" data-bind="click: isDecrypting() ? false : decryptMessage, visible: isDecryptionAvailable(), css: {'disabled': isDecrypting()}">
				<span data-bind="i18n: {'key':  '%MODULENAME%/ACTION_DECRYPT_MESSAGE'}, visible: !isDecrypting()"></span>
				<span data-bind="i18n: {'key':  '%MODULENAME%/ACTION_DECRYPT_MESSAGE_IN_PROGRESS'}, visible: isDecrypting()"></span>
			</span>
		</span>
	</div>
	<div class="popup_panel" data-bind="visible: isDecryptedSuccessfully()">
		<div class="fields">
			<div class="fieldset">
				<div class="row">
					<span class="hint" data-bind="text: ExpireDateMessage"></span>
				</div>
				<div class="row subject">
					<span data-bind="text: subject"></span>
				</div>
				<div class="row message">
					<pre data-bind="text: message"></pre>
				</div>
			</div>
		</div>
	</div>
</div>
