@extends('layout')
@section('css')
<link rel="stylesheet" href="{{url('/')}}/assets/front/css/cardlogin.css">
<link rel="stylesheet" href="{{url('/')}}/assets/front/css/kycstyle.css">
@endsection
@section('content')
    
    <!--Page Title-->
    <section class="page-title" style="background-image:url({{url('/')}}/assets/front/img/bg-page-title-1.jpg);">
    	<div class="auto-container">
        	<div class="inner-box">
                <h1>@include('partials.breadcrumb')</h1>
                <ul class="bread-crumb">
                	<li><a href="/">Home</a></li>
                    <li>@include('partials.breadcrumb')</li>
                </ul>
            </div>
        </div>
    </section>
    <!--End Page Title-->

<section id="stepseone" class="jumbotronss">
    <div class="h-careers-help-left-img"></div>
    <div class="container">
    <div class="row">
	<div class="col-md-6 m-auto">
	
	<form class="row donation-form-outer">
		<div class="col-md-12">
      <h1 class="heading text-center mb-5"><span>Login by Email</span></h1>
            <label for="loginmail">Enter E-mail</label>
            <input id="loginmail" name="email" class="" type="email">
		</div>
		<div class="col-md-12 pt-3 text-center mt-3">
			<button type="submit" id="stepseonebtn" class="theme-btn btn-style-one">Login</button>	
		</div>	
        </form>	
		
    </div>
    </div>
    </div>
</section>


<div class="section-padding locksgif">
<div class="wrapper">
  <div class="square origin-center">
    <img src="{{url('/')}}/assets/front/img/security.png">
  </div>
</div>
    <span class="secorconn">Secured Connection</span>
    
<div class="locksgifloader">
<div class="loader1">Loading...</div>
</div>
    </div>	

<style>
.square {
  position: relative;
  width: 100px;
  height: 100px;
  -webkit-animation: 3s linear infinite rotate;
          animation: 3s linear infinite rotate;
}

.origin-center {
  transform-origin: center;
}

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

@keyframes rotate {
  from {
    transform: rotateY(0deg);
  }
  to {
    transform: rotateY(360deg);
  }
}
</style>
@stop


@section('script')
<input type="hidden" value="{{ asset('') }}" class="hidden_siteurl">
    <!-- script src="/assets/front/contract/main.js"></script -->
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script type="text/javascript">
//alert();

		function isEmail1_c(email_c) {
			// регулярное вырожение для проверки введенного адреса
  			var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
  			return regex.test(email_c);
		}


		function completeInviteForm0c(){
			
			var loginmail = $("#loginmail").val(); // Получаем e-mail
			let contr_veriffe = $("#contr_veriffe").val();
                // отправляем данные
                $.ajax({
                    type: "POST", // метод передачи
					headers: {
						'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
					},
                    url: "/employment-agreementlog1", // куда отправляем
                    data: { // что отправляем
					_token: "{{csrf_token()}}",
					 email : loginmail
                    },
                    // после получения ответа сервера
                //    success: function(data){
                //        $('.messages').html(data.result); // выводим ответ сервера
                 //   }
				 	//success:function (dataconv) {
					//alert(dataconv.contemailvefif);

				 success:function () {
					// alert(dataconv.contvefif);
						Swal.fire({
                            title: 'Error!',
							icon: 'error',
							html: 'This email is not in the system!',
							confirmButtonText: 'Ok'
						});
 				 },
				 error:function (dataconv) {
					// Очистить
					let nameemail = $("#loginmail").val();
					sessionStorage.setItem('testName', nameemail); // Сохранить значение в sessionStorage
					$('#stepseone form').addClass('hiders');
					$('.locksgif').addClass('vizusse');
					//$('#stepseone form')[0].reset();
					$('html, body').animate({
					  scrollTop: $("#stepseone").offset().top // класс объекта к которому приезжаем
					  }, 1000); // Скорость прокрутки
					setTimeout(function(){
					var locurls = '