<script>
	$(function(){
		$('#blockpassforget').on('click',function(e){
			e.preventDefault();
			$('#blocklostpass').slideToggle();
		})
	})
</script>


<div id="block_login_form">
	<div class="form-wrapper">
		<form action="<{$xoops_url}>/user.php" method="post">
			<div class="form-item">
				<input type="text" class="uname" name="uname" placeholder="User ID or Email" value="<{$block.unamevalue}>" />
			</div>
			<div class="form-item">
				<input type="password" name="pass" placeholder="<{$block.lang_password}>" />
			</div>
    	<{if $block.rememberme }>
				<div class="form-item">
					<input type="checkbox" name="rememberme" value="On" /><{$lang_rememberme}>
				</div>
    	<{/if}>
			<input type="hidden" name="xoops_redirect" value="<{$icms_requesturi}>"/>
			<input type="hidden" name="op" value="login" />
			<div class="button-panel">
				<input type="submit" class="button" title="<{$block.lang_login}>" value="<{$block.lang_login}>" />
			</div>
		</form>
  	<div class="form-footer">
    	<p><a id="blockpassforget" href="#"><{$block.lang_lostpass}></a></p>
			<{if $allow_registration }>
				<p><{$lang_notregister}></p>
			<{/if}>
  	</div>
	</div>
	<div id="blocklostpass" class="form-wrapper">
		<p class="padded"><{$block.lang_noproblem}></p>
		<form action="<{$xoops_url}>/lostpass.php" method="_POST">
			<div class="form-item">
				<input type="text" name="email" size="26" maxlength="60" placeholder="<{$block.lang_youremail}>" />
				<input type="hidden" name="op" value="mailpasswd" />
				<input type="hidden" name="t" value="<{$mailpasswd_token}>" />
			</div>
			<div class="button-panel">
				<input type="submit" class="button" title="<{$block.lang_sendpassword}>" value="<{$block.lang_sendpassword}>" /><br /><br />
			</div>
		</form>
	</div>
</div>
