{{ insertCssFile( CURRENT_DIR ~ '/forms.css') }}

<h2>{{ L_('MENU:LOGIN') }}</h2>
<br />
{{ MESSAGE_BOX }}

 
<form class="login-box" action="{{ constant("LOGIN_URL") }}" method="post" autocomplete="off">
    <input type="hidden" name="username_fieldname" value="{{ USERNAME_FIELD }}" />
    <input type="hidden" name="password_fieldname" value="{{ PASSWORD_FIELD }}" />
    <input type="hidden" name="redirect" value="{{ REDIRECT_URL }}" />
    <div class="cpForm">
        <div class="formRow">
            <label class="settingName" for="{{ USERNAME_FIELD }}">{{ L_('TEXT:USERNAME') }}</label>
            <div class="settingValue">
                <input type="text" id="{{ USERNAME_FIELD }}" name="{{ USERNAME_FIELD }}" />
            </div>
        </div>

        <div class="formRow">
            <label class="settingName" for="{{ PASSWORD_FIELD }}">{{ L_('TEXT:PASSWORD') }}</label>
            <div class="settingValue">
                <input type="password" id="{{ PASSWORD_FIELD }}" name="{{ PASSWORD_FIELD }}" />
            </div>
        </div>

        <div class="buttonsRow">
            <button type="submit" name="submit" class="button pos-right">{{ L_('TEXT:LOGIN') }}</button>
        </div>
    </div>
</form>
<p><a href="{{ constant('FORGOT_URL') }}">{{ L_('TEXT:FORGOTTEN_DETAILS') }}</a> 
{% if constant("FRONTEND_SIGNUP") %}
   | <a href="{{ constant('SIGNUP_URL') }}">{{ L_('TEXT:SIGNUP') }}</a>
{% endif %}
</p>
<script type="text/javascript">
	var ref = document.getElementById("{{ USERNAME_FIELD }}");
	if (ref) ref.focus();
</script>