<@markup id="form">
      		<div class="form-field">
               <input type="text" id="${el}-username" name="username" maxlength="255" autocomplete="off" value="<#if lastUsername??>${lastUsername?html}</#if>" placeholder="${msg("label.username")}" />
            </div>
            <div class="form-field">
               <input type="password" id="${el}-password" name="password" maxlength="255" placeholder="${msg("label.password")}" />
            </div>

         <form id="${el}-form" accept-charset="UTF-8" method="post" action="${loginUrl}" class="form-fields login" autocomplete="off">
            <@markup id="fields">
            <input type="hidden" id="${el}-success" name="success" value="${successUrl?replace("@","%40")?html}"/>
            <input type="hidden" name="failure" value="${failureUrl?replace("@","%40")?html}"/>


         	<input type="hidden" id="hiddenUserName" name="username" />
           <input type="hidden" id="hiddenPassword" name="password" />

            </@markup>
            <@markup id="buttons">
            <div class="form-field">
               <input type="submit" id="${el}-submit" class="login-button" value="${msg("button.login")}"/>
            </div>
            <div class="form-field">
    			<input type="button" id="${args.htmlid}-resetPassword" class="login-button hidden"
           		value="${msg("button.resetPassword")}"/>
			</div>
            </@markup>
         </form>
      	<script type="text/javascript" language="JavaScript">
 			 $("#${el}-form").submit(function() {
  		 	 $("#hiddenUsername").val($("#${el}-username").val());
    		$("#hiddenPassword").val($("#${el}-password").val());
  });
 		 $("#${el}-username,#${el}-password").keypress(function(e) {
    if (e.which == 13) {
      $("#${el}-form").submit();
    }
  });
</script>
      </@markup>