{extend name="public/base" /}

{block name="title"}{:lang('retrieve password')}{/block}
{block name="column"}{/block}
{block name="content"}
<div class="layui-container fly-marginTop">
  <div class="fly-panel fly-panel-user" pad20>
    <div class="layui-tab layui-tab-brief" lay-filter="user">
      <ul class="layui-tab-title">
        <li><a href="{:url('index/login/index')}">{:lang('login')}</a></li>
        <li class="layui-this">{if cache('repass')==2}{:lang('reset password')}{else /}{:lang('retrieve password')}{/if}</li>
      </ul>
      <div class="layui-form layui-tab-content" id="LAY_ucm" style="padding: 20px 0;">
        <div class="layui-tab-item layui-show">
          

        {if cache('repass')==1}
			<div class="layui-form layui-form-pane">            
				<form id="form2">
				<div class="layui-form-item">
				  <label for="L_email" class="layui-form-label">{:lang('captcha')}</label>
				  <div class="layui-input-inline">
					<input type="text" id="L_email" name="code" required lay-verify="required" autocomplete="off" class="layui-input">
				  </div>
				</div>
				<div class="layui-form-item">
					<button type="submit" name="submit" class="layui-btn" alert="1" lay-filter="user" lay-submit id="postcode">{:lang('submit')}</button>
                    <span class="layui-btn" ><a href="{:url('login/forget')}">{:lang('go back')}</a></span>
				  </div>
				</form>
			</div>
			
        {elseif cache('repass')==2 /}
			
		<!-- 重置密码 -->
		<div class="fly-msg">{:lang('reset password')}</div>
          <div class="layui-form layui-form-pane"  style="margin-top: 30px;">
            <form id="form3">
              <div class="layui-form-item">
                <label for="L_pass" class="layui-form-label">{:lang('new password')}</label>
                <div class="layui-input-inline">
                  <input type="password" id="L_pass" name="password" required lay-verify="required" autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid layui-word-aux">{:lang('6-16 characters')}</div>
              </div>
              <div class="layui-form-item">
                <label for="L_repass" class="layui-form-label">{:lang('confirm password')}</label>
                <div class="layui-input-inline">
                  <input type="password" id="L_repass" name="repassword" required lay-verify="required" autocomplete="off" class="layui-input">
                </div>
              </div>
              <div class="layui-form-item">
                <label for="L_vercode" class="layui-form-label">{:lang('captcha')}</label>
                <div class="layui-input-inline">
                  <input type="text" id="L_vercode" name="captcha" required lay-verify="required" placeholder="{:lang('please input the captcha')}" autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid">
                  <span style="color: #c00;">
				  <div >
				  <img id="captcha" src="{:captcha_src()}" onclick="this.src='{:captcha_src()}?'+Math.random();"  style="float:left; cursor:pointer;"  alt="captcha" />
				  </div>
				  </span>
                </div>
              </div>
              <div class="layui-form-item">
			  <!--
                <input type="hidden" name="name" value="{{d.username}}">
                <input type="hidden" name="email" value="{{d.email}}">
				-->
                <button class="layui-btn" alert="1" lay-filter="user" lay-submit id="respass">{:lang('submit')}</button>
              </div>
            </form>
          </div>

          <div class="fly-error">该重置密码链接已失效，请重新校验您的信息</div>
          <div class="fly-error">非法链接，请重新校验您的信息</div>
			
		{else /}
			
			<div class="layui-form layui-form-pane">
				<form method="post" id="form1">
				  <div class="layui-form-item">
					<label for="L_email" class="layui-form-label">{:lang('email')}</label>
					<div class="layui-input-inline">
					  <input type="text" id="L_email" name="email" required lay-verify="required" placeholder="{:lang('email')}" autocomplete="off" class="layui-input">
					</div>
				  </div>
				  <div class="layui-form-item">
					<label for="L_vercode" class="layui-form-label">{:lang('captcha')}</label>
					<div class="layui-input-inline">
					  <input type="text" id="L_vercode" name="captcha" required lay-verify="required" placeholder="{:lang('please input the captcha')}" autocomplete="off" class="layui-input">
					</div>
					<div class="layui-form-mid">
					  <span style="color: #c00;">
					  <div ><img id="captcha" src="{:captcha_src()}?id=1" onclick="this.src='{:captcha_src()}?id=1'+Math.random();"  style="float:left; cursor:pointer;"  alt="captcha" /></div>
					  </span>
					</div>
				  </div>
				
				  <div class="layui-form-item">
					<button type="submit" name="submit" class="layui-btn" alert="1" lay-filter="user" lay-submit id="forget">{:lang('submit')}</button>
				  </div>
				</form>
			</div>
		{/if}
        </div>
       </div>
    </div>
   </div>
</div>
{/block}

{block name="script"}
<script>
$(function() {
	$('#forget').click(function() {
		loading = layer.load(2, {
                shade: [0.2, '#000']
            });
		$.ajax({
			type:"post",
			url:"{:url('login/forget')}",
			data:$('#form1').serialize(),
			daType:"json",
			success:function (data){
				if (data.code == 0) {
					layer.close(loading);
					layer.msg(data.msg,{
						icon:6,
						time:2000
					},function(){
						location.href = data.url;
					});
				} else {
					layer.close(loading);
					layer.open({
						title:'发送失败',
						content:data.msg,
						icon:5,
						anim:6
					});
					layui.jquery('#captcha').attr('src', '{:captcha_src()}?id=1'+Math.random());
				}
			}
		});
	return false;	
	});
});


$(function() {
	$('#postcode').click(function() {
		loading = layer.load(2, {
                shade: [0.2, '#000']
            });
			$.ajax({
				type:"post",
				url:"{:url('login/postcode')}",
				data:$('#form2').serialize(),
				daType:"json",
				success:function (data){
					if (data.code == 0) {
						layer.close(loading);
						layer.msg(data.msg,{
							icon:6,
							time:2000
						},function(){
							location.href = data.url;
						});
					} else {
						layer.close(loading);
						layer.open({
							title:'验证失败',
							content:data.msg,
							icon:5,
							anim:6
						});
					}
				}
			});
	return false;	
	});
});

$(function() {
    $('#respass').click(function() {
        loading = layer.load(2, {
            shade: [0.2, '#000']
        });
        $.ajax({
            type:"post",
            url:"{:url('login/respass')}",
            data:$('#form3').serialize(),
            daType:"json",
            success:function (data){
                if (data.code == 0) {
                    layer.close(loading);
                    layer.msg(data.msg,{
                        icon:6,
                        time:2000
                    },function(){
                        location.href = data.url;
                    });
                } else {
                    layer.close(loading);
                    layer.open({
                        title:'发送失败',
                        content:data.msg,
                        icon:5,
                        anim:6
                    });
                    layui.jquery('#captcha').attr('src', '{:captcha_src()}?'+Math.random());
                }
            }
        });
        return false;
    });
});

</script>

{/block}