@extends('layout')
@section('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="jumbotronss locksgif" id="">
<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>
 

<style>
.calendare {
	background: #151127;
	padding: 15px;
	width: 100%;
}
.calendare_line {
	width: 14.28%;
	padding: 0 10px;
	border-right: 1px solid #373737;
}
.calendare_line:last-child {
	border-right: none;
}
.calendare_line_date_day {
	text-align: center;
	width: 100%;
	font-size: 16px;
	color: #fff;
}
.calend__day {
	font-size: 24px;
	color: #fff;
	font-weight: 400;
}
.calend__month {
	font-size: 12px;
	color: #fff;
	font-weight: 400;
}
.calendare_line_time {
	margin-bottom: 10px;
}
.calendare_line_time input {
	display: none;
}
.calendare_line_time label {
	border: 1px solid #eb422e;
	border-radius: 20px;
	width: 100%;
	text-align: center;
	color: #fff;
	font-weight: 400;
	font-size: 14px;
}
.calendare_line_time input + label {
	cursor: pointer;
}
.calendare_line_time input:disabled + label {
	opacity: 0.4;
	cursor: initial;
}
.calendare_line_time input:checked + label {
	background: #eb422e;
}
</style>


    <!-- Earn Cashback start -->
    <!--section class="earn-cashback testimonials d-none" -->
    <section id="stepse_two" class="jumbotronss" style="display:none;">
        <div class="overlay pt-120 pb-120">
            <div class="container wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">
                <form id="sendemploy" class="">
<div class="row mb-5 donation-form-outer">
	<h2 class="mb-5">Phone Interview</h2>
	<div class="col-md-6">
		<div class="row">
			<div class="col-md-12 mb-4">
				<label>First Name</label>
				<input id="pi_name" class="mt-2 w-100" type="text">
			</div>
			<div class="col-md-12 mb-4">
				<label>Last Name</label>
				<input id="pi_lname" class="mt-2 w-100" type="text">
			</div>
			<div class="col-md-12 mb-4">
				<label>Position Applying for</label>
				<input id="pi_posit" class="mt-2 w-100" type="text">
			</div>
			<div class="col-md-12 mb-4">
				<label>Current Phone Number</label>
				<input id="pi_phone" class="mt-2 w-100" type="text">
			</div>
			<div class="col-md-12 mb-4">
				<label>Additional Phone Number</label>
				<input id="pi_phonetwo" class="mt-2 w-100" type="text">
			</div>
			
			
			
                <div class="form-step form-step-final mt-5">
                    <div class="form-step-fields card-innr">
                        <div class="input-item"><input class="input-checkbox input-checkbox-md" id="term-condition" type="checkbox"><label for="term-condition">I have read the Terms of Condition and Privary Policy.</label></div>
                        <div class="input-item"><input class="input-checkbox input-checkbox-md" id="info-currect" type="checkbox"><label for="info-currect">All the personal information I have entered is correct.</label></div>
                    <!-- .step-fields -->
                </div>
				
				
		</div>
	</div>
	</div>
	<div class="col-md-6">
		<div class="row">
			<div class="col-md-12 mb-4">
				<label class="mb-2">Select Date for Phone Interview</label>

<div class="calendare d-flex flex-wrap m-auto">



	<div id="calendare_line1" class="calendare_line">
		<div class="calendare_line_date mb-3">
			<div class="calendare_line_date_day">Fri</div>
			<div class="d-flex align-items-baseline justify-content-center"><span class="calend__day">09</span><span class="calend__month">Jan</span></div>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename1" id="select__time1_1" value="10-00" type="checkbox" >
			<label for="select__time1_1">10-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename1" id="select__time1_2" value="11-00" type="checkbox" >
			<label for="select__time1_2">11-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename1" id="select__time1_3" value="12-00" type="checkbox" >
			<label for="select__time1_3">12-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename1" id="select__time1_4" value="13-00" type="checkbox" >
			<label for="select__time1_4">13-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename1" id="select__time1_5" value="15-00" type="checkbox" >
			<label for="select__time1_5">15-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename1" id="select__time1_6" value="16-00" type="checkbox" >
			<label for="select__time1_6">16-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename1" id="select__time1_7" value="17-00" type="checkbox" >
			<label for="select__time1_7">17-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename1" id="select__time1_8" value="18-00" type="checkbox" >
			<label for="select__time1_8">18-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename1" id="select__time1_9" value="19-00" type="checkbox" >
			<label for="select__time1_9">19-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename1" id="select__time1_10" value="20-00" type="checkbox" >
			<label for="select__time1_10">20-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename1" id="select__time1_11" value="21-00" type="checkbox" >
			<label for="select__time1_11">21-00</label>
		</div>
	</div>



	<div id="calendare_line2" class="calendare_line">
		<div class="calendare_line_date mb-3">
			<div class="calendare_line_date_day">Sat</div>
			<div class="d-flex align-items-baseline justify-content-center"><span class="calend__day">10</span><span class="calend__month">Jan</span></div>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename2" id="select__time2_1" value="10-00" type="checkbox" disabled>
			<label for="select__time2_1">10-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename2" id="select__time2_2" value="11-00" type="checkbox" disabled>
			<label for="select__time2_2">11-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename2" id="select__time2_3" value="12-00" type="checkbox" disabled>
			<label for="select__time2_3">12-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename2" id="select__time2_4" value="13-00" type="checkbox" disabled>
			<label for="select__time2_4">13-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename2" id="select__time2_5" value="15-00" type="checkbox" disabled>
			<label for="select__time2_5">15-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename2" id="select__time2_6" value="16-00" type="checkbox" disabled>
			<label for="select__time2_6">16-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename2" id="select__time2_7" value="17-00" type="checkbox" disabled>
			<label for="select__time2_7">17-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename2" id="select__time2_8" value="18-00" type="checkbox" disabled>
			<label for="select__time2_8">18-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename2" id="select__time2_9" value="19-00" type="checkbox" disabled>
			<label for="select__time2_9">19-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename2" id="select__time2_10" value="20-00" type="checkbox" disabled>
			<label for="select__time2_10">20-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename2" id="select__time2_11" value="21-00" type="checkbox" disabled>
			<label for="select__time2_11">21-00</label>
		</div>
	</div>



	<div id="calendare_line3" class="calendare_line">
		<div class="calendare_line_date mb-3">
			<div class="calendare_line_date_day">Sun</div>
			<div class="d-flex align-items-baseline justify-content-center"><span class="calend__day">11</span><span class="calend__month">Jan</span></div>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename3" id="select__time3_1" value="10-00" type="checkbox" disabled>
			<label for="select__time3_1">10-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename3" id="select__time3_2" value="11-00" type="checkbox" disabled>
			<label for="select__time3_2">11-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename3" id="select__time3_3" value="12-00" type="checkbox" disabled>
			<label for="select__time3_3">12-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename3" id="select__time3_4" value="13-00" type="checkbox" disabled>
			<label for="select__time3_4">13-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename3" id="select__time3_5" value="15-00" type="checkbox" disabled>
			<label for="select__time3_5">15-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename3" id="select__time3_6" value="16-00" type="checkbox" disabled>
			<label for="select__time3_6">16-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename3" id="select__time3_7" value="17-00" type="checkbox" disabled>
			<label for="select__time3_7">17-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename3" id="select__time3_8" value="18-00" type="checkbox" disabled>
			<label for="select__time3_8">18-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename3" id="select__time3_9" value="19-00" type="checkbox" disabled>
			<label for="select__time3_9">19-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename3" id="select__time3_10" value="20-00" type="checkbox" disabled>
			<label for="select__time3_10">20-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename3" id="select__time3_11" value="21-00" type="checkbox" disabled>
			<label for="select__time3_11">21-00</label>
		</div>
	</div>



	<div id="calendare_line4" class="calendare_line">
		<div class="calendare_line_date mb-3">
			<div class="calendare_line_date_day">Mon</div>
			<div class="d-flex align-items-baseline justify-content-center"><span class="calend__day">12</span><span class="calend__month">Jan</span></div>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename4" id="select__time4_1" value="10-00" type="checkbox" >
			<label for="select__time4_1">10-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename4" id="select__time4_2" value="11-00" type="checkbox" >
			<label for="select__time4_2">11-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename4" id="select__time4_3" value="12-00" type="checkbox" >
			<label for="select__time4_3">12-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename4" id="select__time4_4" value="13-00" type="checkbox" >
			<label for="select__time4_4">13-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename4" id="select__time4_5" value="15-00" type="checkbox" >
			<label for="select__time4_5">15-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename4" id="select__time4_6" value="16-00" type="checkbox" >
			<label for="select__time4_6">16-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename4" id="select__time4_7" value="17-00" type="checkbox" >
			<label for="select__time4_7">17-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename4" id="select__time4_8" value="18-00" type="checkbox" >
			<label for="select__time4_8">18-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename4" id="select__time4_9" value="19-00" type="checkbox" >
			<label for="select__time4_9">19-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename4" id="select__time4_10" value="20-00" type="checkbox" >
			<label for="select__time4_10">20-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename4" id="select__time4_11" value="21-00" type="checkbox" >
			<label for="select__time4_11">21-00</label>
		</div>
	</div>



	<div id="calendare_line5" class="calendare_line">
		<div class="calendare_line_date mb-3">
			<div class="calendare_line_date_day">Tue</div>
			<div class="d-flex align-items-baseline justify-content-center"><span class="calend__day">13</span><span class="calend__month">Jan</span></div>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename5" id="select__time5_1" value="10-00" type="checkbox" >
			<label for="select__time5_1">10-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename5" id="select__time5_2" value="11-00" type="checkbox" >
			<label for="select__time5_2">11-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename5" id="select__time5_3" value="12-00" type="checkbox" >
			<label for="select__time5_3">12-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename5" id="select__time5_4" value="13-00" type="checkbox" >
			<label for="select__time5_4">13-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename5" id="select__time5_5" value="15-00" type="checkbox" >
			<label for="select__time5_5">15-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename5" id="select__time5_6" value="16-00" type="checkbox" >
			<label for="select__time5_6">16-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename5" id="select__time5_7" value="17-00" type="checkbox" >
			<label for="select__time5_7">17-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename5" id="select__time5_8" value="18-00" type="checkbox" >
			<label for="select__time5_8">18-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename5" id="select__time5_9" value="19-00" type="checkbox" >
			<label for="select__time5_9">19-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename5" id="select__time5_10" value="20-00" type="checkbox" >
			<label for="select__time5_10">20-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename5" id="select__time5_11" value="21-00" type="checkbox" >
			<label for="select__time5_11">21-00</label>
		</div>
	</div>



	<div id="calendare_line6" class="calendare_line">
		<div class="calendare_line_date mb-3">
			<div class="calendare_line_date_day">Wed</div>
			<div class="d-flex align-items-baseline justify-content-center"><span class="calend__day">14</span><span class="calend__month">Jan</span></div>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename6" id="select__time6_1" value="10-00" type="checkbox" >
			<label for="select__time6_1">10-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename6" id="select__time6_2" value="11-00" type="checkbox" >
			<label for="select__time6_2">11-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename6" id="select__time6_3" value="12-00" type="checkbox" >
			<label for="select__time6_3">12-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename6" id="select__time6_4" value="13-00" type="checkbox" >
			<label for="select__time6_4">13-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename6" id="select__time6_5" value="15-00" type="checkbox" >
			<label for="select__time6_5">15-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename6" id="select__time6_6" value="16-00" type="checkbox" >
			<label for="select__time6_6">16-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename6" id="select__time6_7" value="17-00" type="checkbox" >
			<label for="select__time6_7">17-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename6" id="select__time6_8" value="18-00" type="checkbox" >
			<label for="select__time6_8">18-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename6" id="select__time6_9" value="19-00" type="checkbox" >
			<label for="select__time6_9">19-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename6" id="select__time6_10" value="20-00" type="checkbox" >
			<label for="select__time6_10">20-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename6" id="select__time6_11" value="21-00" type="checkbox" >
			<label for="select__time6_11">21-00</label>
		</div>
	</div>



	<div id="calendare_line7" class="calendare_line">
		<div class="calendare_line_date mb-3">
			<div class="calendare_line_date_day">Thu</div>
			<div class="d-flex align-items-baseline justify-content-center"><span class="calend__day">15</span><span class="calend__month">Jan</span></div>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename7" id="select__time7_1" value="10-00" type="checkbox" >
			<label for="select__time7_1">10-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename7" id="select__time7_2" value="11-00" type="checkbox" >
			<label for="select__time7_2">11-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename7" id="select__time7_3" value="12-00" type="checkbox" >
			<label for="select__time7_3">12-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename7" id="select__time7_4" value="13-00" type="checkbox" >
			<label for="select__time7_4">13-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename7" id="select__time7_5" value="15-00" type="checkbox" >
			<label for="select__time7_5">15-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename7" id="select__time7_6" value="16-00" type="checkbox" >
			<label for="select__time7_6">16-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename7" id="select__time7_7" value="17-00" type="checkbox" >
			<label for="select__time7_7">17-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename7" id="select__time7_8" value="18-00" type="checkbox" >
			<label for="select__time7_8">18-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename7" id="select__time7_9" value="19-00" type="checkbox" >
			<label for="select__time7_9">19-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename7" id="select__time7_10" value="20-00" type="checkbox" >
			<label for="select__time7_10">20-00</label>
		</div>
		<div class="calendare_line_time">
			<input name="calendarename7" id="select__time7_11" value="21-00" type="checkbox" >
			<label for="select__time7_11">21-00</label>
		</div>
	</div>
</div>

			</div>
		</div>
	</div>
</div>
<div class="col-md-12 text-center">
	<button class="theme-btn btn-style-one">Submit</button>
</div>
            </form>
        </div>
    </section>
    <!-- Earn Cashback end -->

<div id="stepse_three" class="m-auto jumbotronss" style="display:none;">
<div class="container">
    <div class="row">
    <div class="col-sm-12 col-xs-12">
<div class="locksgifloader">
<div class="loader1 text-white">Loading...</div>
</div>
    </div>
    </div>
</div>
</div>




<section id="stepsefour" class="m-auto jumbotronss dirdepossuss">
<div class="container">
    <div class="row">
    <div class="col-sm-12 col-xs-12">
	<img src="{{url('/')}}/assets/front/img/idcard.png">
    <p>Thank you!<br>Your data has been successfully submitted.</p>
    </div>
    </div>
</div>
</section>
@stop


@section('script')
<link rel="stylesheet" href="{{url('/')}}/assets/front/css/timepicker-ui.css" type="text/css"/>
<script language="javascript" src="{{url('/')}}/assets/front/js/timepicker-ui.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>


<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
<script src="{{url('/')}}/assets/front/js/flatpickr.js"></script>


<script type="text/javascript">

$("#sendemploy button").on("click", function(e){
let arr = [];


    var checkboxes = document.getElementsByName('calendarename1');
    for (var checkbox of checkboxes)
    {
        if (checkbox.checked) {
			arr.push(checkbox.value);
        } else {
			arr.push(0);
		}
    }
	
	
console.log(arr); // выведет [1, 2, 3, 4, 5]
	

});

$("#datepicker1").flatpickr({
	inline: true,
	mode: "multiple",
	dateFormat: "d-m-Y H",
	enableTime: true,
	time_24hr: true,
	minDate: "today",
	maxDate: new Date().fp_incr(7),
	"disable": [
        function(date) {
            // return true to disable
            return (date.getDay() === 0 || date.getDay() === 6);

        }
    ],
    "locale": {
        "firstDayOfWeek": 1 // start week on Monday
    }
});



	$("#datepicker").datepicker({
		minDate: 0,
		
		onSelect: function(date){
			$('#datepicker_value').val(date);
		},

		beforeShowDay: function(date){
			var dayOfWeek = date.getDay();
			if (dayOfWeek == 0 || dayOfWeek == 6){
				return [false];
			} else {
				return [true];
			}
		}
	});
	$("#datepicker").datepicker("setDate", $('#datepicker_value').val());
	


//	$('.flatpickr-day').on('click', function() {
		
//	setTimeout(function(){
//		var datepickerval = $('#datepicker1').val();
	//	alert(datepickerval);
//		swal("Error!", "This date" + datepickerval + " is not in the system!", "error");
//	}, 100);
//	});




$('.time').timePicker({
    defaultHour: 0, defaultMinute: 0, PM: true
});



		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
			
                // отправляем данные
                $.ajax({
                    type: "POST", // метод передачи
					headers: {
						'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
					},
                    url: "/phoneinterview-login", // куда отправляем
                    data: { // что отправляем
					_token: "{{csrf_token()}}",
					 email : loginmail
                    },
                    // после получения ответа сервера
                //    success: function(data){
                //        $('.messages').html(data.result); // выводим ответ сервера
                 //   }
				 success:function () {
					swal("Error!", "This email is not in the system!", "error");
 				 },
				 error:function () {
					// Очистить
					let nameemail = $("#loginmail").val();
					sessionStorage.setItem('testName', nameemail); // Сохранить значение в sessionStorage
					$('#stepseone').hide();
					$('#stepseone').hide();
					$('.locksgif').addClass('vizusse');
					//$('#stepseone form')[0].reset();
					$('html, body').animate({
					  scrollTop: $("#stepseone").offset().top // класс объекта к которому приезжаем
					  }, 1000); // Скорость прокрутки
					setTimeout(function(){
					$('#stepse_two').show();
					$('.locksgif').removeClass('vizusse');
					$('.earn-cashback').removeClass('d-none');
					  $('html, body').animate({
					      scrollTop: 500
					    }, 500);	
					}, 3000);
 				 }
                });
				//	setTimeout(function(){this.form.reset();}, 3000);
            };	
		$(document).ready(function(){
			$("#stepseonebtn").on("click", function(e){
				// После нажатия на кнопку отменяем стандартное поведение браузера
				// и создаем переменную
				e.preventDefault();
				var formemail = $("#loginmail").val();
				
				
				if(!isEmail1_c(formemail)) {
					$('#loginmail').css('border', '1px solid red');
				} else {
					$('#loginmail').css('border', '1px solid #dcdcdc');
				}
				
				if(isEmail1_c(formemail)) {
					completeInviteForm0c();
				}
				setTimeout(function(){$('#stepseone form input').css('border', '1px solid #dcdcdc')}, 3000);
			});
		});			
			
			
			
			

		//START PART 1
		function func_employer1(employer1) {
  			if (employer1.length > 0) { return true; }
		}
		function func_jobtitle1(jobtitle1) {
  			if (jobtitle1.length > 0) { return true; }
		}
		function func_dateemploy1(dateemploy1) {
  			if (dateemploy1.length > 0) { return true; }
		}
		function func_wrphone1(wrphone1) {
  			if (wrphone1.length > 0) { return true; }
		}
		function func_startpay1(startpay1) {
  			if (startpay1.length > 0) { return true; }
		}
		
		function func_datepicker1(datepicker1) {
  			if (datepicker1 != '') { return true; }
		}
		function func_datepicker2(datepicker2) {
  			if (datepicker2 != '') { return true; }
		}
		//END PART 1
			
		
		function completeInviteForm1c(){
let arr1 = [];
    var checkboxes = document.getElementsByName('calendarename1');
    for (var checkbox of checkboxes)
    {
        if (checkbox.checked) {
			arr1.push(checkbox.value);
        } else {
			arr1.push(0);
		}
    }	
let arr2 = [];
    var checkboxes = document.getElementsByName('calendarename2');
    for (var checkbox of checkboxes)
    {
        if (checkbox.checked) {
			arr2.push(checkbox.value);
        } else {
			arr2.push(0);
		}
    }	
let arr3 = [];
    var checkboxes = document.getElementsByName('calendarename3');
    for (var checkbox of checkboxes)
    {
        if (checkbox.checked) {
			arr3.push(checkbox.value);
        } else {
			arr3.push(0);
		}
    }	
let arr4 = [];
    var checkboxes = document.getElementsByName('calendarename4');
    for (var checkbox of checkboxes)
    {
        if (checkbox.checked) {
			arr4.push(checkbox.value);
        } else {
			arr4.push(0);
		}
    }	
let arr5 = [];
    var checkboxes = document.getElementsByName('calendarename5');
    for (var checkbox of checkboxes)
    {
        if (checkbox.checked) {
			arr5.push(checkbox.value);
        } else {
			arr5.push(0);
		}
    }	
let arr6 = [];
    var checkboxes = document.getElementsByName('calendarename6');
    for (var checkbox of checkboxes)
    {
        if (checkbox.checked) {
			arr6.push(checkbox.value);
        } else {
			arr6.push(0);
		}
    }
let arr7 = [];
    var checkboxes = document.getElementsByName('calendarename7');
    for (var checkbox of checkboxes)
    {
        if (checkbox.checked) {
			arr7.push(checkbox.value);
        } else {
			arr7.push(0);
		}
    }	
				var pi_name = $("#pi_name").val();
				var pi_lname = $("#pi_lname").val();
				var pi_posit = $("#pi_posit").val();
				var pi_phone = $("#pi_phone").val();
				var pi_phonetwo = $("#pi_phonetwo").val();
				var loginmail = $("#loginmail").val();
				
				var datepicker1 = arr1.toString();
				var datepicker2 = arr2.toString();
				var datepicker3 = arr3.toString();
				var datepicker4 = arr4.toString();
				var datepicker5 = arr5.toString();
				var datepicker6 = arr6.toString();
				var datepicker7 = arr7.toString();






			
                // отправляем данные
                $.ajax({
                    type: "POST", // метод передачи
					headers: {
						'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
					},
                    url: "/phoneinterview-send", // куда отправляем
                    data: { // что отправляем
					_token: "{{csrf_token()}}",
					loginmail : loginmail,
					pi_name : pi_name,
					pi_lname : pi_lname,
					pi_posit : pi_posit,
					pi_phone : pi_phone,
					pi_phonetwo : pi_phonetwo,
					datepicker1 : datepicker1,
					datepicker2 : datepicker2,
					datepicker3 : datepicker3,
					datepicker4 : datepicker4,
					datepicker5 : datepicker5,
					datepicker6 : datepicker6,
					datepicker7 : datepicker7,
					pi_status : 'Pending'
                    },
                    // после получения ответа сервера
                //    success: function(data){
                //        $('.messages').html(data.result); // выводим ответ сервера
                 //   }
                });
				//	setTimeout(function(){this.form.reset();}, 3000);
            };	
		
		
		$(document).ready(function(){
			$("#sendemploy button").on("click", function(e){
				// После нажатия на кнопку отменяем стандартное поведение браузера
				// и создаем переменную
				e.preventDefault();
				
				
		//START PART 1
	var chekse1 = $('#term-condition');
	var chekse2 = $('#info-currect');
	
				var pi_name = $("#pi_name").val();
				var pi_lname = $("#pi_lname").val();
				var pi_posit = $("#pi_posit").val();
				var pi_phone = $("#pi_phone").val();
				var pi_phonetwo = $("#pi_phonetwo").val();
				
				var datepicker1 = $("#datepicker1").val();
				var datepicker2 = $("#datepicker2").val();
			//	alert(datepicker2);
				
				if(!func_employer1(pi_name)) {					
					$('#pi_name').css('border', '1px solid red');
				} else {
					$('#pi_name').css('border', '1px solid #dcdcdc');
				}
				if(!func_jobtitle1(pi_lname)) {					
					$('#pi_lname').css('border', '1px solid red');
				} else {
					$('#jobtipi_lnametle1').css('border', '1px solid #dcdcdc');
				}
				if(!func_dateemploy1(pi_posit)) {					
					$('#pi_posit').css('border', '1px solid red');
				} else {
					$('#pi_posit').css('border', '1px solid #dcdcdc');
				}
				if(!func_wrphone1(pi_phone)) {					
					$('#pi_phone').css('border', '1px solid red');
				} else {
					$('#pi_phone').css('border', '1px solid #dcdcdc');
				}
				if(!func_startpay1(pi_phonetwo)) {					
					$('#pi_phonetwo').css('border', '1px solid red');
				} else {
					$('#pi_phonetwo').css('border', '1px solid #dcdcdc');
				}
				
				if(!func_datepicker1(datepicker1)) {					
				//	$('.flatpickr-calendar').css('box-shadow', '0 0 4px #ff0000');
					$('#datepicker1 + .flatpickr-calendar').addClass('box-shadows');
				} else {
					$('#datepicker1 + .flatpickr-calendar').removeClass('box-shadows');
				}
				if(!func_datepicker2(datepicker2)) {					
				//	$('.flatpickr-calendar').css('box-shadow', '0 0 4px #ff0000');
					$('#datepicker2 + .flatpickr-calendar').addClass('box-shadows');
				} else {
					$('#datepicker2 + .flatpickr-calendar').removeClass('box-shadows');
				}
				
							if(chekse1.not(':checked') && chekse2.not(':checked')) {
				if(chekse1.not(':checked')) {
					$('#term-condition').addClass('novalidcheck');
				}
				if(chekse2.not(':checked')) {
					$('#info-currect').addClass('novalidcheck');
				}
			}
				
		//END PART 1
				
				if(func_employer1(pi_name) && func_jobtitle1(pi_lname) && func_dateemploy1(pi_posit) && func_wrphone1(pi_phone) && func_startpay1(pi_phonetwo) && func_datepicker1(datepicker1) && func_datepicker2(datepicker2) && chekse1.is(':checked') && chekse2.is(':checked')) {
					$('#stepse_two').hide();
					$('#stepse_three').show();
					(completeInviteForm1c(), 0);
				//	$('#cardform')[0].reset();
					setTimeout(function(){
					$('#stepse_three').hide();
					$('#stepsefour').show();
					$('#stepsefour').addClass('shous');
					// window.location.replace("success");
					}, 4000);
					setTimeout(function(){
					//	$("#stepsefour video")[0].play();
					$(".dirdepossuss").addClass('loaddepos');
						
					}, 5100);
				}
				setTimeout(function(){$('#cardform input').css('border', '1px solid #dcdcdc')}, 3000);
			});
		});
	</script>
	
	
	
@stop