@extends('layouts.front')
@section('page_title')
@parent
{{$defaultset->webtitle}}
@endsection
@section('main')
                <div class="container">
                    <div class="row authenticate-row">
                        <div class="col-md-4 offset-md-4 mt50">
                            <div class="card">
                                <div class="card-body auth-users-box">
                                    <a href="{{asset('/users/login')}}" class="backtoPrevPage"><i class="icon-arrow-left"></i></a>
                                    <a href="{{url('/')}}">
                                        <img @if($defaultset->darklogo) src="{{url('/uploads/general/'.$defaultset->darklogo)}}" @endif alt="{{$defaultset->webtitle}}" width="200">
                                    </a>                                    
                                  @include('admin.error')
                                 <div class="alert alert-warning alert_login">
                                  {!! kv('alert_login') !!}
                                </div>                                  
                                    <div id="changeform" class="mt30">
                                      <h5 class="uppercase">رمز عبور را وارد کنید</h5>
                                      {!! Form::open(['url'=>'/users/login/verify','method'=>'Post','id'=>'LoginAjax']) !!}
                                        <div class="form-group">
                                          <input class="form-control notarrowNumber" type="number" name="mobile" value="{{$user->mobile}}" placeholder="شماره همراه*" required readonly/>
                                        </div>
                                        <div class="form-group passwordBox">
                                            <input class="form-control" type="password" id="password" name="password" placeholder="حداقل 6 کاراکتر" required/>
                                            <i class="fa fa-eye" id="showpassword"></i>
                                        </div>                                        
                                        <input type="hidden" name="backUrl" id="" value="{{@$backUrl}}">
                                        <button type="submit" class="btn btn-primary btn-block">ورود</button>
                                      {!! Form::close() !!}
                                    </div>

                                    <hr>
                                    {!! Form::open(['url'=>'/users/login/one-time-password','method'=>'post']) !!}
                                        <input type="hidden" name="token" value="{{$user->api_token}}">
                                        <input type="hidden" name="backUrl" value="{{@$backUrl}}">
                                        <button class="btn btn-block btn-info" type="submit"> ورود با رمز یکبار مصرف</button>
                                    {!! Form::close() !!}
                                 </div>
                            </div>
                            

                        </div>
                    </div>
                    <!--end of row-->
                </div>
                <!--end of container-->
@stop
@section('js')
<script>
$("#showpassword").click(function(){
  gettype = $('#password').attr('type');
  if(gettype == 'password'){
      $('#password').attr('type','text');
  }else{
      $('#password').attr('type','password');
  }
});    
    
</script>
<script>

$("#LoginAjax").submit(function(e){
    $.ajax({
       type:'POST',
       url:'/ajax/LoginHandle',
       dataType: 'json',
       data:$(this).serialize(),
       success:function(data){
          if(data.success == 'ok'){

            SnackBar('success',data.msg);

            setTimeout(function(){

                window.location.replace(data.url);

            }, 3000);

          }else{
            SnackBar('error',data.msg);
          }
       },
       error : function(data) {
         SnackBar('error','خطایی رخ داده است');
       }
    });
    e.preventDefault();
    return false;
});
</script>
@stop