@isset ($phone)
  @else
   <script>window.location = "/userlogin";</script>
 @endisset

@extends('frontend.layout.master')

@section('title') فراموشی رمز عبور @endsection

@section('desc') فراموشی رمز عبور  @endsection

@section('robot','noindex')

@section('content')
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="container">
    @if(Session::has('success'))
        <div class="alert alert-success">
            <div>{{session('success')}}</div>
        </div>
    @endif
    @if(Session::has('error'))
        <div class="alert alert-warning">
            <div>{{session('error')}}</div>
        </div>
    @endif
    <div class="row">
        <!--Middle Part Start-->
        <div id="content" class="container bgsefid">
            <h1 class="titlelogin align-center"> ورود </h1>
            <div class="row">
                <div class="col-sm-6 centered align-center formlogin">
                  <form  class="fgpass" action="{{ route('reset.pass') }}" method="post">
                      <div class="form-group">
                      <label class="lblloginu" style="margin-bottom:10px">{{@$phone}}</label>
                      <div class="form-group">
                        <label class="respaslbl">کد ارسالی به شماره تماس شما</label>
                        <input type="hidden" name="phone" value="{{@$phone}}">
                        <input type="text" autocomplete="off" class="form-control centered inpcode" id="input-telephone" placeholder="کد ارسالی به شماره تماس شما" name="active_send_code" maxlength="6"  required>
                        <span  id="btnSubmit" style="width:29%" class="btn btn-default vertical-unset">ارسال مجدد<span>
                            <div class="countdown"></div>
                      </div>
                      <div class="form-group">
                      <label class="respaslbl">رمز جدید خود را وارد کنید</label>
                      <input type="password" autocomplete="off" name="password1" placeholder="رمز عبور" class="form-control centered"/>
                      </div>
                      <div class="form-group">
                      <label class="respaslbl">رمز جدید خود را یک بار دیگر وارد کنید</label>
                      <input type="password" autocomplete="off" name="password2" placeholder="رمز عبور" class="form-control centered" />
                      </div>
                    </div>
                      <input class="btn btn-primary" type="submit" value="تغییر رمز عبور">
                      @csrf
                  </form>
                  <form id="resendsms" action="{{ route('sms.resend') }}" method="post">
                  <input type="hidden" name="phone" value="{{@$phone}}">
                  @csrf
                  </form>
            </div>
        </div>
        <!--Middle Part End -->
    </div>
</div>

<script>




  $("#btnSubmit" ).click(function() {
    if ($("#btnSubmit").attr('disabled')) {

    }else {
        $( "#resendsms" ).submit();
    }
  });


  $("#btnSubmit").attr("disabled", true);
var timer2 = "00:{{@$chande}}";
var interval = setInterval(function() {


var timer = timer2.split(':');
//by parsing integer, I avoid all extra string processing
var minutes = parseInt(timer[0], 10);
var seconds = parseInt(timer[1], 10);
--seconds;
minutes = (seconds < 0) ? --minutes : minutes;
seconds = (seconds < 0) ? 59 : seconds;
seconds = (seconds < 10) ? '0' + seconds : seconds;
//minutes = (minutes < 10) ?  minutes : minutes;
$('.countdown').html(minutes + ':' + seconds);
if (minutes < 0) clearInterval(interval);
//check if both minutes and seconds are 0
if ((seconds <= 0) && (minutes <= 0)) clearInterval(interval);
if ((seconds <= 0 ) && (minutes <= 0)) {
  $("#btnSubmit").attr("disabled", false);
   $(".countdown").hide();
}
timer2 = minutes + ':' + seconds;


}, 1000);

</script>
@endsection