@include('frontend.include.header')
    <!-- Breadcrumb End -->

 <section class="sptb">
      <div class="container no-gliters">
        <div class="row no-gliters">
          <div class="col">
            <div class="">
              <div class="dashboard-content-wrapper">

                    @if ($errors->any())
                    <div class="alert alert-danger">
                            @foreach ($errors->all() as $error)
                                <span>{{ $error }}</span>
                                <br>
                            @endforeach

                    </div>
                @endif

                @if(session()->has('ErrorStatus') )
                    <div class="alert alert-danger"><span class="glyphicon glyphicon-remove"></span><em> {{ session()->get('ErrorStatus') }}</em></div>
                @endif

                {!! Form::open(['url'=>'update-reseted-password', 'method' => 'post', 'class'=>'dashboard-form goodsideform' ])!!}
                  <div class="dashboard-section basic-info-input">
                    <h3>Reset Password</h3>

                    <div align="center" id="error_div" style="color:#F00;border-radius:5px;  display:none;"></div>
                    <br>

                        <div class="form-group row">
                            <label class="col-sm-3 col-form-label">Registered Email</label>
                            <div class="col-sm-9">

                            <input type="email" name="email" id="emailid" class="form-control" placeholder="Enter Registered Email Id" onblur="valid_email()" required>
                            </div>
                        </div>

                    <div class="form-group row">
                      <label class="col-sm-3 col-form-label">New Password</label>
                      <div class="col-sm-9">

                        <input type="password" name="password" id="password" class="form-control" placeholder="New Password" required >
                      </div>
                    </div>
                    <div class="form-group row">
                      <label class="col-sm-3 col-form-label">Confirm Password</label>
                      <div class="col-sm-9">
                        <input type="password" name="confirm_password" id="confirm_password" class="form-control" placeholder="Retype Password" onblur="match_password()" required >
                      </div>
                    </div>
                    <div class="form-group row">
                      <label class="col-sm-3 col-form-label"></label>
                      <div class="col-sm-9">
                        <button type="submit" class="button btn signinbtn">Save Change</button>
                      </div>
                    </div>
                  </div>
               {!! Form::close()!!}

                </div>



            </div>
          </div>
        </div>
      </div>
    </section>

<script>
function match_password()
{
	var paswd=$('#password').val();
	var conf_paswd=$('#confirm_password').val();

	if(paswd!=conf_paswd)
	{
        $('#error_div').css('display','block');
        $('#error_div').text('! Passwrod and confirm password not matched');

		$('#password').val('');
		$('#confirm_password').val('');

	}

}

function valid_email()
{
    var email_filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
    var emailid=$('#emailid').val();

    if(emailid=='')
    {
        $('#error_div').css('display','block');
        $('#error_div').text('! Registered Email Id should not blank');

    }
    if(emailid!='')
    {
        if(!email_filter.test(emailid))
        {
            $('#error_div').css('display','block');
            $('#error_div').text('! Fill Valid Email Id');
            return false;
	    }
        else
        {
            $('#error_div').css('display','none');
            $('#error_div').text('');
        }


    }



}

</script>

     
@include('frontend.include.footer')