<xf:js src="xf/login_signup.js" min="1" />
<xf:title>{{ phrase('log_in') }}</xf:title>
<xf:if contentcheck="true">
<div class="blockMessage blockMessage--error blockMessage--iconic">
<xf:contentcheck>{$error}</xf:contentcheck>
</div>
</xf:if>
<div class="blocks">
<xf:form action="{{ link('login/login') }}" class="block">
<div class="block-container">
<div class="block-body">
<xf:textboxrow name="login" value="{$login}" autofocus="autofocus" autocomplete="username"
label="{{ phrase('your_name_or_email_address') }}" />
<xf:textboxrow name="password" type="password" autocomplete="current-password"
label="{{ phrase('password') }}">
<xf:html>
<a href="{{ link('lost-password') }}" data-xf-click="overlay">{{ phrase('forgot_your_password') }}</a>
</xf:html>
</xf:textboxrow>
<xf:if is="$captcha">
<xf:captcharow label="{{ phrase('verification') }}" force="true" />
</xf:if>
<xf:checkboxrow>
<xf:option name="remember" selected="true">{{ phrase('stay_logged_in') }}</xf:option>
</xf:checkboxrow>
</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>
<xf:if is="$providers is not empty">
<div class="blocks-textJoiner"><span></span><em>{{ phrase('or_separator') }}</em><span></span></div>
<div class="block">
<div class="block-container">
<div class="block-body">
<xf:formrow rowtype="button"
label="{{ phrase('log_in_using') }}">
<ul class="listHeap">
<xf:foreach loop="$providers" value="$provider">
<li>
<xf:button href="{{ link('register/connected-accounts', $provider, {'setup': true}) }}"
class="button--provider button--provider--{$provider.provider_id}">
{$provider.title}
</xf:button>
</li>
</xf:foreach>
</ul>
</xf:formrow>
</div>
</div>
</div>
</xf:if>
</div>