<div class="popup contact_create_popup" style="display: none;">
	<div class="mask" data-bind="click: cancelPopup"></div>
	<div class="popup_panel">
		<span class="popup_heading" data-bind="i18n: {'key': '%MODULENAME%/HEADING_NEW_CONTACT'}"></span>
		<div class="fields">
			<div class="row">
				<span class="label">
					<span data-bind="i18n: {'key': '%MODULENAME%/LABEL_DISPLAY_NAME'}"></span>:
				</span>
				<input class="value input" type="text" data-bind="value: displayName, hasfocus: focusDisplayName, valueUpdate: 'afterkeydown', onEnter: onSaveClick" />
			</div>
			<div class="row">
				<span class="label">
					<span data-bind="i18n: {'key': 'COREWEBCLIENT/LABEL_EMAIL'}"></span>:
				</span>
				<input class="value input" type="text" data-bind="value: email, valueUpdate: 'afterkeydown', onEnter: onSaveClick" />
			</div>
			<div class="row">
				<span class="label">
					<span data-bind="i18n: {'key': '%MODULENAME%/LABEL_PHONE'}"></span>:
				</span>
				<input class="value input" type="text" data-bind="value: phone, valueUpdate: 'afterkeydown', onEnter: onSaveClick" />
			</div>
			<div class="row">
				<span class="label">
					<span data-bind="i18n: {'key': '%MODULENAME%/LABEL_ADDRESS'}"></span>:
				</span>
				<input class="value input" type="text" data-bind="value: address, valueUpdate: 'afterkeydown', onEnter: onSaveClick" />
			</div>
			<div class="row">
				<span class="label">
					<span data-bind="i18n: {'key': '%MODULENAME%/LABEL_SKYPE'}"></span>:
				</span>
				<input class="value input" type="text" data-bind="value: skype, valueUpdate: 'afterkeydown', onEnter: onSaveClick" />
			</div>
			<div class="row">
				<span class="label">
					<span data-bind="i18n: {'key': '%MODULENAME%/LABEL_FACEBOOK'}"></span>:
				</span>
				<input class="value input" type="text" data-bind="value: facebook, valueUpdate: 'afterkeydown', onEnter: onSaveClick" />
			</div>
			<div class="clear"></div>
		</div>
		<span class="link" data-bind="i18n: {'key': '%MODULENAME%/ACTION_SHOW_ADDITIONAL_FIELDS'}, click: goToContacts"></span>
		<div class="buttons">
			<span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}, click: onSaveClick, visible: !loading()"></span>
			<span class="button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE_IN_PROGRESS'}, visible: loading()"></span>
			<span class="button secondary_button" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_CANCEL'}, click: cancelPopup, visible: !loading()"></span>
		</div>
	</div>
	<span class="helper"></span>
</div>
