@extends('layouts.app')
@section('title')E-sign Document @endsection
@section('content')
<style type="text/css">
  #cover-spin {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(255,255,255,0.7);
    z-index:9999;
}

@-webkit-keyframes spin {
  from {-webkit-transform:rotate(0deg);}
  to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
  from {transform:rotate(0deg);}
  to {transform:rotate(360deg);}
}

#cover-spin::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:40px;height:40px;
    border-style:solid;
    border-color:black;
    border-top-color:transparent;
    border-width: 4px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}
</style>
<section class="content">
      <div class="row">
        <!-- left column -->
        <div class="col-md-12">
          <!-- general form elements -->
          <div class="box box-primary">
            <div class="box-header with-border">
              <h3 class="box-title"></h3>
            </div>
            <!-- /.box-header -->
            <input type="hidden" id="_client_email" value="{{$signdata}}">
            <!-- form start -->
          </div>
          <!-- /.box -->
        </div>
      </div>
    </section>
<script type="text/javascript">
  $(document).ready(function(){

    $('body').append('<div id="cover-spin"></div>');
    function removeLoader(){
        $( "#cover-spin" ).fadeOut(500, function() {
          $( "#cover-spin" ).remove();
      });  
    }


    setTimeout(function(){

      var _client_email       = $("#_client_email").val();
      $.ajax({
        url:"{{ route('signed.document.data') }}",
        method:"POST",
        data:{'_client_email': _client_email},
        dataType: "json",
        cache: false,
        processData: true,
        success:function(data){
          setTimeout(removeLoader, 100);
          if(data.status == 1){
            swal({
              title: "Success !!",
              text: data.message,
              type: "success"
            }, function() {
              window.location.href = "{{route('user.profile')}}";
            });
          }else{
            
            swal({
              title: "Warning!",
              text: data.message,
              type: "error"
            }, function() {
              window.location.href = "{{url('/')}}";
            });
          }
        }
      })
    },3000);
  });
</script>
@endsection