@extends('layouts.front')
@section('page_title')
@parent
احراز شماره همراه
@endsection
@section('main')
<main class="default">
<section class="register-page section-b-space authenticate-mobile-box">
    <div class="container">
        <div class="row mt50 mb50">
            <div class="col-md-6 offset-md-3">
              <div class="row">
                <div class="col-md-6">
                  @include('frontends.errors')
                  <h4 class="uppercase">احراز شماره همراه</h4>
                  {!! Form::open(['url'=>'/check-mobile-number-post','id'=>'CheckMobileForm','method'=>'Post']) !!}
                    <div class="form-group">
                      <input type="hidden" name="userId" id="userId" value="{{$user->id}}">
                      <input type="hidden" name="urlBack" id="urlBack" value="{{@$urlback}}">
                      <p>کد 4 رقمی ارسال شده را وارد نمائید</p>
                      <input class="form-control checkMobileNUmber" type="number" maxlength="4" name="checkcode" value="{{old('checkcode')}}" oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);" required/>
                    </div>
                    <div id="clock"></div>
                    <div style="display:none;" id="sendagainLink"><span onclick="sendagainCode()">ارسال مجدد کد احراز</span></div>
                    <button type="submit" class="btn btn-primary btn-block">تایید کد</button>
                  {!! Form::close() !!}
                </div>
                <div class="col-md-6">
                  <div class="checkmobile-box">
                      <i class="flaticon-chat-comment-oval-speech-bubble-with-text-lines"></i>
                  </div>
                </div>
              </div>

            </div>
        </div>
    </div>
</section>
</main>
<input type="hidden" @if($counterDuration != 0) value="{{$counterDuration}}" @else value="120" @endif id="counterDuration">
@stop
@section('js')
<script>

$(document).ready(function(){
  count = $('#counterDuration').val();

  $("#clock").text(count);

  var myTimer = setInterval(function(){
      if(count > 1){
          count = count - 1;
          $("#clock").text(count);
      }
      else {
        $("#clock").fadeOut();
        $('#sendagainLink').fadeIn();
         clearInterval(myTimer);

      }
  },1000);
});

function sendagainCode()
{
  id = $('#userId').val();
  $('#sendagainLink').fadeOut();
  $.ajax({
    url : '/send-code-again',
    method : 'POST',
    data : {id:id , _token: "{{ csrf_token() }}"},
    dataType : 'json',
    success : function(data) {
      if(data.success){

          SnackBar('success',data.success);
        
        $("#clock").fadeIn();
        var count = 120;

        $("#clock").text(count);

        var myTimer = setInterval(function(){
            if(count > 1){
                count = count - 1;
                $("#clock").text(count);
            }
            else {
              $("#clock").fadeOut();
              $('#sendagainLink').fadeIn();
               clearInterval(myTimer);

            }
        },1000);

      }else if(data.error){

        SnackBar('error',data.error);

        $("#clock").fadeOut();
        $('#sendagainLink').fadeIn();
      }


    },
    error : function(data) {
      SnackBar('error','خطایی رخ داده لطفا مجددا تلاش فرمایید');

    }
  });
}

$("#CheckMobileForm").submit(function(e){
    $.ajax({
       type:'POST',
       url:'/ajax/check-mobile-handle',
       dataType: 'json',
       data:$(this).serialize(),
       success:function(data){
          if(data.success == 'ok'){

            SnackBar('success',data.msg);

            setTimeout(function(){

                window.location.replace(data.url);

            }, 4000);


          }else{

            SnackBar('error',data.msg);

          }
       },
       error : function(data) {
         SnackBar('error','خطایی رخ داده لطفا مجددا تلاش فرمایید');
       }
    });
    e.preventDefault();
    return false;
});
</script>
@stop