@extends('layouts/home/app_new')
@section('title')
{{trans('common.title_login')}}
@endsection
@section('content')
<div class='lg-con' style="min-height:1000px">
	<div class='fx' style='height:150px'></div>
	<div id='login' style='margin:0 auto;height:250px'>
		<div id="form"  style="" >
        <p style='text-align: center;font-size:30px;margin-bottom:20px'>Forgot Password</p>
            <form role="form">
			{!! csrf_field() !!}
                <div class="form-group">
                    <label for="username">Email</label>
                    <input  type="text" class="form-control my-inp" id="email" name='email'
                           placeholder="" style="width:95%">
						    <span id="email-notify" class="notify"></span>
                </div>

				<div id='tips' class='notify'></div>
                <button type="button" id='sub-login' class="btn btn-default btn-lg btn-block" style="width:95%;font-weight: normal">Send</button>
            </form>

</div>
	</div>
</div>
<script>
//alert(IsPC());
$(function(){
	$('#sub-login').click(function(){
		$('.notify').html('')
		$.ajax({
			url:"{{URL('passport/sendemail')}}",
			data:$('form').serialize(),
			dataType:"JSON",
			type:"POST",
			success:function(data){
				if(!data.success)
				{
					$('#email-notify').html(data.msg);
				}
				else
				{
					alert("Your request has been sent \nAn email will be sent to you shortly");
					location.href='/';
					return false;
					$('#succ-send').html(data.msg);
					$('#sub-login').html(10);
					$('#sub-login').attr('disabled','disabled');
					var time = 60
					var f = setInterval(function(){
						time--;
						if(time<0)
						{
							$('#sub-login').html('{{trans('common.tips_retry')}}');
							$('#sub-login').attr('disabled',false);
							clearInterval(f);
						}
						else
						{
							$('#sub-login').html(time);
						}
					},'1000')
				}
			},
			error:function(data){
				$.each(data.responseJSON, function (key, value) {
                      $("#"+key+"-notify").html(value)
                });
			},
		})
	})
})

if(!IsPC())
{
	$('.lg-con').css('min-height','2000px');
	$('.fx').css('height','600px')
	$('#login').css('height','400px')
	$('#login').css('width','800px')
	$('input').css('height','70px')
}
</script>
@endsection