<xf:title>{{ phrase('change_email') }}</xf:title>

<xf:wrap template="account_wrapper" />

<xf:form action="{{ link('account/email') }}" ajax="true" class="block">
	<div class="block-container">
		<div class="block-body">
			<xf:if is="$hasPassword">

				<xf:textboxrow name="email" value="{$xf.visitor.email}" type="email" dir="ltr" autofocus="autofocus"
					maxlength="{{ max_length($xf.visitor, 'email') }}"
					label="{{ phrase('email') }}"
					explain="{{ phrase('if_you_change_your_email_you_may_need_to_reconfirm_your_account') }}" />

				<xf:passwordboxrow name="password"
					label="{{ phrase('current_password') }}" />

			<xf:else />

				<xf:formrow
					label="{{ phrase('email') }}"
					explain="{{ phrase('your_email_cannot_be_changed_while_your_account_does_not_have_password') }}">

					{$xf.visitor.email}
				</xf:formrow>

			</xf:if>
		</div>

		<xf:submitrow icon="save" sticky="true" />
	</div>
</xf:form>