<div class="fields">
	<div class="fieldset">
		<div class="row" data-bind="visible: !isAllowIdentities">
			<span class="label" data-i18n="SETTINGS/ACCOUNT_PROPERTIES_YOUR_NAME" data-bind="i18n: 'text'"></span>
			<input class="value input" spellcheck="false" type="text" maxlength="65" data-bind="value: friendlyName, onEnter: onSaveClick"/>
		</div>

        <div data-bind="visible: (!isDefault() || isDefault() && !isLinked() && allowUsersChangeEmailSettings) && isAllowMail()">
            <div class="row">
				<!-- ko template: {name: 'Settings_ServerPropertiesViewModel', data: oIncoming} --><!-- /ko -->
            </div>

            <div class="row">
                <span class="label required" data-i18n="SETTINGS/ACCOUNT_PROPERTIES_LOGIN" data-bind="i18n: 'text'"></span>
                <input class="value input" spellcheck="false" type="text" maxlength="255" data-bind="value: incomingMailLogin, hasfocus: incLoginFocused, onEnter: onSaveClick"/>
            </div>
            <div class="row">
                <span class="label required" data-i18n="SETTINGS/ACCOUNT_PROPERTIES_PASSWORD" data-bind="i18n: 'text'"></span>
                <input class="value input" spellcheck="false" type="password" maxlength="255" data-bind="value: incomingMailPassword, onEnter: onSaveClick"/>
            </div>
            <div class="row">
				<!-- ko template: {name: 'Settings_ServerPropertiesViewModel', data: oOutgoing} --><!-- /ko -->
            </div>

            <div class="row">
                <div>
                    <label class="custom_checkbox" data-bind="css: {'checked': useSmtpAuthentication}">
                        <span class="icon"></span>
                        <input type="checkbox" id="mail_out_auth" data-bind="checked: useSmtpAuthentication" />
                    </label>
                    <label for="mail_out_auth" data-i18n="SETTINGS/ACCOUNT_PROPERTIES_USE_SMTP_AUTHENTICATION" data-bind="i18n: 'text'"></label>
                </div>
            </div>
			<div class="row"></div>
		</div>

		<div class="buttons" data-bind="visible: allowChangePassword" style="text-align: left;">
			<span class="button" data-i18n="SETTINGS/ACCOUNT_PROPERTIES_CHANGE_PASSWORD" data-bind="i18n: 'text', click: onChangePasswordClick"></span>
		</div>

		<div data-bind="visible: canBeRemoved() && !isDefault()">
            <div class="row remove_account">
				<span class="link" data-i18n="SETTINGS/ACCOUNTS_LINK_DELETE"
					  data-bind="i18n: 'text', click: function () { $parent.removeEditedAccount(); }, attr: {'id': 'selenium_settings_delete_account_' + email()}">
				</span>
            </div>
            <div class="hint">
                <span data-bind="text: removeHint"></span>
            </div>
        </div>

    </div>
	
	<div class="buttons" data-bind="visible: (!isDefault() || isDefault() && allowUsersChangeEmailSettings) && isAllowMail() || canBeRemoved() && !isDefault() || !isAllowIdentities">
		<span class="button" data-i18n="SETTINGS/BUTTON_SAVE" data-bind="i18n: 'text', click: onSaveClick, visible: !loading()"></span>
		<span class="button" data-i18n="SETTINGS/BUTTON_SAVING" data-bind="i18n: 'text', click: onSaveClick, visible: loading()"></span>
	</div>
</div>