.panel-default(data-bind='visible:LocalEmailAddPanel.EmailIconPanelShow()')
	.panel-heading.pve-emailPanel-title
		.panel-title
			.btn-group(role="group")
				button.btn.btn-default.btn-sm(type='button')
					i.fa.fa-trash-o.text-danger
				button.btn.btn-default.btn-sm(data-bind="click: deleteBlackPanel, attr:{href:'#' + LocalEmailAddPanel.dcom_mainBodyId}"
					data-toggle="collapse", role="button", data-parent="#AddAnEmailPanel" type='button')
					span(data-bind="css:{'text-warning':LocalEmailAddPanel.emailStatus()>0, 'text-danger':LocalEmailAddPanel.fa_times(), 'text-success':LocalEmailAddPanel.emailStatus()==0}")
						i.fa.fa-envelope-o.pve-icon
						span.pve-icon.pve-overflow-text(data-bind='text:LocalEmailAddPanel.emailAddress(), css:{}')
					i.fa.fa-cog.fa-spin.text-warning(data-bind='visible:LocalEmailAddPanel.fa_cog(), css{"jjj":!LocalEmailAddPanel.fa_times()&&!LocalEmailAddPanel.fa_exclamation()}')
					i.fa.fa-exclamation-triangle.text-danger(data-bind='visible:LocalEmailAddPanel.fa_times()')
				button.btn.btn-default.btn-sm(role="button" data-bind='click:click_addNewEmail, attr:{href:"#"+LocalEmailAddPanel.dcom_mainBodyId}' )
					i.fa.fa-plus.text-info
form.panel-body.panel-collapse.collapse.in(data-bind="attr:{id:LocalEmailAddPanel.dcom_mainBodyId, name:LocalEmailAddPanel.dcom_mainBodyId}, submit:form_submit")
	// Email input
	.form-group(data-bind='css:{"has-error":LocalEmailAddPanel.EmailErrorItem()}')
		.ErrorMessage(data-bind="visible:LocalEmailAddPanel.EmailErrorItem()")
			.alert.alert-danger.alert-dismissible.fade.in
				button.close(type="button", data-dismiss="alert", aria-label="Close")
					span(aria-hidden="true") x
				p(data-bind="text:errorMessage()[LocalEmailAddPanel.EmailErrorItem()]")
		.input-group
			span.input-group-addon
				i.fa.fa-envelope-o.Title
			input.form-control.input-lg(type="email", name ="email_input", required="required"
				data-bind="attr:{placeholder:InputInfo().emailAddress, id:LocalEmailAddPanel.dcom_emailInputId}, value:LocalEmailAddPanel.emailAddress")
			.input-group-btn
				a.btn.btn-default.btn-lg(data-toggle="collapse", role="button", tabindex="-1",
					data-bind="attr:{href:'#'+LocalEmailAddPanel.dcom_ServerDetailID}, click:showServerDetailCollapse")
					span.Title.glyphicon.glyphicon-cog(data-bind="visible:!LocalEmailAddPanel.showServerDetail()")
					span.glyphicon.glyphicon-triangle-bottom.Title(data-bind="visible:LocalEmailAddPanel.showServerDetail()")
	// Password input
	.form-group(data-bind='css:{"has-error":LocalEmailAddPanel.PasswordErrorItem()}')
		.ErrorMessage(data-bind="visible:LocalEmailAddPanel.PasswordErrorItem()")
			.alert.alert-danger.alert-dismissible.fade.in
				button.close(type="button", data-dismiss="alert", aria-label="Close")
					span(aria-hidden="true") x
				p(data-bind="text:errorMessage()[LocalEmailAddPanel.PasswordErrorItem()]")
		.input-group
			span.input-group-addon
				i.fa.fa-key.Title
			input.form-control.input-lg(type="password", name ="password_input", required="required"
				data-bind="attr:{placeholder:InputInfo().password, id:LocalEmailAddPanel.dcom_passwordInputId}, value:LocalEmailAddPanel.password")
			span.input-group-btn
				button.btn.btn-default.btn-lg(type="submit")
					i.fa.fa-check.text-success
	//SERVER INPUT
	.collapse(data-bind="attr:{id:LocalEmailAddPanel.dcom_ServerDetailID}")
		//	SMTP server domain input
		.form-group
			.ErrorMessage(data-bind="visible:LocalEmailAddPanel.smtpServerErrorItem()")
				.alert.alert-danger.alert-dismissible.fade.in
					button.close(type="button", data-dismiss="alert", aria-label="Close")
						span(aria-hidden="true") x
					p(data-bind="text:errorMessage()[LocalEmailAddPanel.smtpServerErrorItem()]")
			.input-group.has-warning
				span.input-group-addon
					i.fa.fa-desktop
				input.form-control.input-lg(name ="host_input", data-bind="attr:{placeholder:InputInfo().smtpServerInput},value:LocalEmailAddPanel.SmtpServerName")
				.input-group-btn
					a.btn.btn-default.btn-lg(role="button",data-toggle="collapse",
						data-bind="attr:{href:'#' + LocalEmailAddPanel.dcom_smtpServerInputPanelId}, click:SmtpCheckingDown")
						span.glyphicon.glyphicon-envelope.text-warning(data-bind="visible:LocalEmailAddPanel.smtpServerInputLoginPanelChecked()")
						span.glyphicon.glyphicon-triangle-bottom.text-warning(data-bind="visible:!LocalEmailAddPanel.smtpServerInputLoginPanelChecked()")
		//		SMTP server login info
		.form-group
			.collapse(data-bind='attr:{id:LocalEmailAddPanel.dcom_smtpServerInputPanelId}')
				.panel.panel-default
					.panel-body
						.form-group
							.input-group
								span.input-group-addon
									i.fa.fa-user.Title
								input.form-control.input-lg(type='text',data-bind="attr:{placeholder:InputInfo().UserName}, value:LocalEmailAddPanel.smtpUsername")
						.form-group
							.input-group
								span.input-group-addon
									i.fa.fa-key.Title
								input.form-control.input-lg(type="password", data-bind="attr:{placeholder:InputInfo().password}, value:LocalEmailAddPanel.smtpUserPassword")
						.form-group
							.input-group
								div(data-bind="css:{'input-group-btn':LocalEmailAddPanel.smtpPortInputShow()}")
									button.btn.btn-default.dropdown-toggle.btn-lg.Title(type="button", data-toggle="dropdown", aria-expanded="false")
										span.Title(data-bind='text:btn().portName')
										span.Title.pve-icon(data-bind='text:LocalEmailAddPanel.smtpPortNumber()=="0"?btn().AutoSetup:LocalEmailAddPanel.smtpPortNumber()')
										span.caret.Title
									ul.dropdown-menu.Title(role="menu", data-bind="attr:{'pve-dcom_mainBodyId':LocalEmailAddPanel.dcom_mainBodyId}")
										li(role="presentation")
											a(role="menuitem", tabindex="-1", href="#",data-bind='click:smtpPortNumber')
												i.fa.fa-cog
												span(data-bind='text:btn().AutoSetup')
										li.divider
										<!--ko foreach:smtpPortNumberList -->
										li(role="presentation")
											a(role="menuitem", tabindex="-1", href="#", data-bind='click:smtpPortNumber, text:$data')
										<!-- /ko -->
										li.divider
										li(role="presentation")
											a(role="menuitem", tabindex="-1", href="#",data-bind='text:btn().customSetup, click:smtpPort')
												
								input.form-control.input-lg(type='number',min='1',max='65535',step='1', data-bind='visible:LocalEmailAddPanel.smtpPortInputShow,value:LocalEmailAddPanel.smtpPortNumber,hasFocus:LocalEmailAddPanel.smtpPortInputShow')
		// imap SERVER domain INPUT 
		.form-group
			.ErrorMessage(data-bind="visible:LocalEmailAddPanel.smtpServerErrorItem()")
				.alert.alert-danger.alert-dismissible.fade.in
					button.close(type="button", data-dismiss="alert", aria-label="Close")
						span(aria-hidden="true") x
					p(data-bind="text:errorMessage()[LocalEmailAddPanel.smtpServerErrorItem()]")
			.input-group
				span.input-group-addon
					i.fa.fa-desktop
				input.form-control.input-lg(name ="host_input", data-bind="attr:{placeholder:InputInfo().imapServerinput},value:LocalEmailAddPanel.ImapServerName")
				.input-group-btn
					a.btn.btn-default.btn-lg(data-toggle="collapse", role="button",
						data-bind="attr:{href:'#' + LocalEmailAddPanel.dcom_imapServerInputPanelId}, click:ImapCheckingDown")
						span.glyphicon.glyphicon-envelope.text-warning(data-bind="visible:LocalEmailAddPanel.imapServerInputLoginPanelChecked()")
						span.glyphicon.glyphicon-triangle-bottom.text-warning(data-bind="visible:!LocalEmailAddPanel.imapServerInputLoginPanelChecked()")
		// IMAP server login info
		.form-group
			.collapse(data-bind='attr:{id:LocalEmailAddPanel.dcom_imapServerInputPanelId}')
				.panel.panel-default
					.panel-body
						.form-group
							.input-group
								span.input-group-addon
									i.fa.fa-user.Title
								input.form-control.input-lg(name ="fcuygviubhon",data-bind="attr:{placeholder:InputInfo().UserName},value:LocalEmailAddPanel.imapUsername")
						.form-group
							.input-group
								span.input-group-addon
									i.fa.fa-key.Title
								input.form-control.input-lg(type="password", name ="fcuvgibhnojmk", data-bind="attr:{placeholder:InputInfo().password},value:LocalEmailAddPanel.imapUserPassword")

						.form-group
							.input-group
								div(data-bind="css:{'input-group-btn':LocalEmailAddPanel.imapPortInputShow()}")
									button.btn.btn-default.dropdown-toggle.btn-lg.Title(type="button", data-toggle="dropdown", aria-expanded="false")
										span.Title(data-bind='text:btn().portName')
										span.Title.pve-icon(data-bind='text:LocalEmailAddPanel.imapPortNumber()=="0"?btn().AutoSetup:LocalEmailAddPanel.imapPortNumber()')
										span.caret.Title
									ul.dropdown-menu.Title(role="menu", data-bind="attr:{'pve-dcom_mainBodyId':LocalEmailAddPanel.dcom_mainBodyId}")
										li(role="presentation")
											a(role="menuitem", tabindex="-1", href="#",data-bind='click:imapPortNumber')
												i.fa.fa-cog
												span(data-bind='text:btn().AutoSetup')
										li.divider
										<!--ko foreach:imapPortNumberList -->
										li(role="presentation")
											a(role="menuitem", tabindex="-1", href="#", data-bind='click:imapPortNumber, text:$data')
										<!-- /ko -->
										li.divider
										li(role="presentation")
											a(role="menuitem", tabindex="-1", href="#",data-bind='text:btn().customSetup, click:imapPort')
												
								input.form-control.input-lg(type='number',min='1',max='65535',step='1', data-bind='visible:LocalEmailAddPanel.imapPortInputShow,value:LocalEmailAddPanel.imapPortNumber,hasFocus:LocalEmailAddPanel.imapPortInputShow')