كود:
<xf:if is="!$xf.visitor.user_id">
<div class="block"{{ widget_data($widget) }}>
<div class="block-container">
<h3 class="block-minorHeader">{$title}</h3>
<div class="block-body block-row">
<xf:if contentcheck="true">
<div class="blockMessage blockMessage--error blockMessage--iconic">
<xf:contentcheck>{$error}</xf:contentcheck>
</div>
</xf:if>
<xf:form action="{{ link('login/login') }}" class="block">
<div class="block-container">
<div class="block-body">
<div class="block">
<div class="block-outer-middle">
<xf:textbox name="login" value="{$login}" autofocus="autofocus" autocomplete="username"
placeholder="{{ phrase('your_name_or_email_address') }}" />
</div>
</div>
<div class="block">
<div class="block-outer-middle">
<xf:textbox name="password" type="password" autocomplete="current-password"
placeholder="{{ phrase('password') }}">
<xf:html>
<a href="{{ link('lost-password') }}" data-xf-click="overlay">{{ phrase('forgot_your_password') }}</a>
</xf:html>
</xf:textbox>
</div>
</div>
<xf:if is="$captcha">
<xf:captcha label="{{ phrase('verification') }}" force="true" />
</xf:if>
<xf:checkbox>
<xf:option name="remember" selected="true">{{ phrase('stay_logged_in') }}</xf:option>
</xf:checkbox>
</div>
<xf:submitrow icon="login" />
</div>
<xf:if is="$xf.options.registrationSetup.enabled">
<div class="block-outer block-outer--after">
<div class="block-outer-middle">
{{ phrase('dont_have_account_question') }} <xf:button href="{{ link('register') }}">{{ phrase('register_now') }}</xf:button>
</div>
</div>
</xf:if>
</xf:form>
</div>
</div>
</div>
</xf:if>
وأخيرا نتيجة العمل تكون هكذا