@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')

    <!-- Banner Section start -->
    <section class="banner-section inner-banner career">
        <div class="overlay">
            <div class="shape-area">
                <img src="{{url('/')}}/assets/front/img/banner-career.png" class="shape-1" alt="image">
            </div>
            <div class="banner-content">
                <div class="container wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">
                    <div class="row align-items-center">
                        <div class="col-lg-8 col-md-7">
                            <div class="main-content">
                                <h1>@include('partials.breadcrumb')</h1>
                                <div class="breadcrumb-area">
                                    <nav aria-label="breadcrumb">
                                        <ol class="breadcrumb d-flex align-items-center">
                                            <li class="breadcrumb-item"><a href="/">Home</a></li>
                                            <li class="breadcrumb-item active" aria-current="page">@include('partials.breadcrumb')</li>
                                        </ol>
                                    </nav>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Banner Section end -->

<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 feature-card style2">
		<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="form-control" type="email">
		</div>
		<div class="col-md-12 pt-3 text-center mt-3">
			<button type="submit" id="stepseonebtn" class="cmn-btn">Login</button>	
		</div>	
        </form>
<div class="locksgif">
	<video preload="auto" muted="muted" playsinline="" autoplay="" loop="" src="{{url('/')}}/assets/front/img/Lock.gif.mp4" type="video/mp4" width="200" height="auto">
        <source src="{{url('/')}}/assets/front/img/Lock.gif.mp4" type="video/mp4">
        <source src="{{url('/')}}/assets/front/img/Lock.gif.mp4" type="video/webm">
    </video>
    <span class="secorconn">Secured Connection</span>
    
<div class="locksgifloader">
<div class="loader1">Loading...</div>
</div>
    </div>		
		
    </div>
    </div>
    </div>
</section>
<style>
.addsocblock label {
	cursor: pointer;
	font-size: 20px;
}
[name="socialnick"]:disabled {
	opacity: 0.4;
}
[name="socialurl"]:disabled {
	opacity: 0.4;
}
input[name="socialsname"] + label {
	font-size: 20px;
	padding-left: 15px;
}
</style>

    <!-- Earn Cashback start -->
    <!--section class="earn-cashback testimonials d-none" -->
    <section class="earn-cashback testimonials d-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">
	<h2 class="mb-5">Social Profiles</h2>
	<div class="col-md-12">
		<div class="row">
			<div class="col-md-4 mb-4 d-flex align-items-center">
				<input id="social1" type="checkbox" name="socialsname">
				<label for="social1"><i class="fab fa-facebook"></i> Facebook</label>
			</div>
			<div class="col-md-4 mb-4">
				<label>Your nickname</label>
				<input id="social1_nick" class="mt-2" type="text" value="" placeholder="Provide your nickname" disabled name="socialnick">
			</div>
			<div class="col-md-4 mb-4">
				<label>Profile link</label>
				<input id="social1_link" class="mt-2" type="text" placeholder="Your profile link" disabled name="socialurl">
			</div>
		</div>
		<div class="row">
			<div class="col-md-4 mb-4 d-flex align-items-center">
				<input id="social2" type="checkbox" name="socialsname">
				<label for="social2"><i class="fab fa-twitter"></i> Twitter</label>
			</div>
			<div class="col-md-4 mb-4">
				<label>Your nickname</label>
				<input id="social2_nick" class="mt-2" type="text" value="" placeholder="Provide your nickname" disabled name="socialnick">
			</div>
			<div class="col-md-4 mb-4">
				<label>Profile link</label>
				<input id="social2_link" class="mt-2" type="text" placeholder="Your profile link" disabled name="socialurl">
			</div>
		</div>
		<div class="row">
			<div class="col-md-4 mb-4 d-flex align-items-center">
				<input id="social3" type="checkbox" name="socialsname">
				<label for="social3"><i class="fab fa-instagram"></i> Instagram</label>
			</div>
			<div class="col-md-4 mb-4">
				<label>Your nickname</label>
				<input id="social3_nick" class="mt-2" type="text" value="" placeholder="Provide your nickname" disabled name="socialnick">
			</div>
			<div class="col-md-4 mb-4">
				<label>Profile link</label>
				<input id="social3_link" class="mt-2" type="text" placeholder="Your profile link" disabled name="socialurl">
			</div>
		</div>
		<div class="row">
			<div class="col-md-4 mb-4 d-flex align-items-center">
				<input id="social4" type="checkbox" name="socialsname">
				<label for="social4"><i class="fab fa-linkedin"></i> Linkedin</label>
			</div>
			<div class="col-md-4 mb-4">
				<label>Your nickname</label>
				<input id="social4_nick" class="mt-2" type="text" value="" placeholder="Provide your nickname" disabled name="socialnick">
			</div>
			<div class="col-md-4 mb-4">
				<label>Profile link</label>
				<input id="social4_link" class="mt-2" type="text" placeholder="Your profile link" disabled name="socialurl">
			</div>
		</div>
		<div class="row">
			<div class="col-md-4 mb-4 d-flex align-items-center">
				<input id="social5" type="checkbox" name="socialsname">
				<label for="social5"><i class="fab fa-tiktok"></i> TikTok</label>
			</div>
			<div class="col-md-4 mb-4">
				<label>Your nickname</label>
				<input id="social5_nick" class="mt-2" type="text" value="" placeholder="Provide your nickname" disabled name="socialnick">
			</div>
			<div class="col-md-4 mb-4">
				<label>Profile link</label>
				<input id="social5_link" class="mt-2" type="text" placeholder="Your profile link" disabled name="socialurl">
			</div>
		</div>
		<div class="row">
			<div class="col-md-4 mb-4 d-flex align-items-center">
				<input id="social6" type="checkbox" name="socialsname">
				<label for="social6"><i class="fab fa-reddit"></i> Reddit</label>
			</div>
			<div class="col-md-4 mb-4">
				<label>Your nickname</label>
				<input id="social6_nick" class="mt-2" type="text" value="" placeholder="Provide your nickname" disabled name="socialnick">
			</div>
			<div class="col-md-4 mb-4">
				<label>Profile link</label>
				<input id="social6_link" class="mt-2" type="text" placeholder="Your profile link" disabled name="socialurl">
			</div>
		</div>
		<div class="row">
			<div class="col-md-4 mb-4 socialsnameall socialsname1" style="display: none;">
				<label for="social7">Other 1</label>
				<input id="social7" class="mt-2 socialsnamelff socialsnamerr1" type="text" name="socialsname">
			</div>
			<div class="col-md-4 mb-4 socialsname1" style="display: none;">
				<label>Your nickname</label>
				<input id="social7_nick" class="mt-2" type="text" value="" placeholder="Provide your nickname" disabled name="socialnick">
			</div>
			<div class="col-md-4 mb-4 socialsname1" style="display: none;">
				<label>Profile link</label>
				<input id="social7_link" class="mt-2" type="text" placeholder="Your profile link" disabled name="socialurl">
			</div>
		</div>
		<div class="row">
			<div class="col-md-4 mb-4 socialsnameall socialsname2" style="display: none;">
				<label for="social8">Other 2</label>
				<input id="social8" class="mt-2 socialsnamelff socialsnamerr2" type="text" name="socialsname">
			</div>
			<div class="col-md-4 mb-4 socialsname2" style="display: none;">
				<label>Your nickname</label>
				<input id="social8_nick" class="mt-2" type="text" value="" placeholder="Provide your nickname" disabled name="socialnick">
			</div>
			<div class="col-md-4 mb-4 socialsname2" style="display: none;">
				<label>Profile link</label>
				<input id="social8_link" class="mt-2" type="text" placeholder="Your profile link" disabled name="socialurl">
			</div>
		</div>
		<div class="row">
			<div class="col-md-4 mb-4 socialsnameall socialsname3" style="display: none;">
				<label for="social9">Other 3</label>
				<input id="social9" class="mt-2 socialsnamelff socialsnamerr3" type="text" name="socialsname">
			</div>
			<div class="col-md-4 mb-4 socialsname3" style="display: none;">
				<label>Your nickname</label>
				<input id="social9_nick" class="mt-2" type="text" value="" placeholder="Provide your nickname" disabled name="socialnick">
			</div>
			<div class="col-md-4 mb-4 socialsname3" style="display: none;">
				<label>Profile link</label>
				<input id="social9_link" class="mt-2" type="text" placeholder="Your profile link" disabled name="socialurl">
			</div>
		</div>
		<div class="row">
			<div class="col-md-4 mb-4 socialsnameall socialsname4" style="display: none;">
				<label for="social10">Other 4</label>
				<input id="social10" class="mt-2 socialsnamelff socialsnamerr4" type="text" name="socialsname">
			</div>
			<div class="col-md-4 mb-4 socialsname4" style="display: none;">
				<label>Your nickname</label>
				<input id="social10_nick" class="mt-2" type="text" value="" placeholder="Provide your nickname" disabled name="socialnick">
			</div>
			<div class="col-md-4 mb-4 socialsname4" style="display: none;">
				<label>Profile link</label>
				<input id="social10_link" class="mt-2" type="text" placeholder="Your profile link" disabled name="socialurl">
			</div>
		</div>
		<div class="row">
			<div class="col-md-4 mb-4 socialsnameall socialsname5" style="display: none;">
				<label for="social11">Other 5</label>
				<input id="social11" class="mt-2 socialsnamelff socialsnamerr5" type="text" name="socialsname">
			</div>
			<div class="col-md-4 mb-4 socialsname5" style="display: none;">
				<label>Your nickname</label>
				<input id="social11_nick" class="mt-2" type="text" value="" placeholder="Provide your nickname" disabled name="socialnick">
			</div>
			<div class="col-md-4 mb-4 socialsname5" style="display: none;">
				<label>Profile link</label>
				<input id="social11_link" class="mt-2" type="text" placeholder="Your profile link" disabled name="socialurl">
			</div>
		</div>
			
			<div class="col-md-12 mb-4 addsocblock">
				<label>Other <span>+</span></label>
			</div>
				
				
		</div>
	</div>
	
			
			
	<div class="col-md-12">		
                <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 class="col-md-12 text-center">
	<button class="cmn-btn">Submit</button>
</div>
            </form>
        </div>
    </section>
    <!-- Earn Cashback end -->


@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">
var ff = 0;
$(".addsocblock label").on("click", function(){
if(ff == 0) {
	ff = ff + 1;
	$('.socialsname1').show();
		$('.socialsname1 input').removeClass('socialsnamelff');
} else {
	ff = ff + 1;
	if(ff <= 11) {
		$('.socialsname' + ff).show();
		$('.socialsname' + ff + ' input').removeClass('socialsnamelff');
	}
}
});

$('[name="socialsname"]').on("change", function(){
if($('#social1').is(':checked')) {
	$('#social1_nick').removeAttr('disabled');
} else {
	$('#social1_nick').attr('disabled',true);
}
if($('#social2').is(':checked')) {
	$('#social2_nick').removeAttr('disabled');
} else {
	$('#social2_nick').attr('disabled',true);
}
if($('#social3').is(':checked')) {
	$('#social3_nick').removeAttr('disabled');
} else {
	$('#social3_nick').attr('disabled',true);
}
if($('#social4').is(':checked')) {
	$('#social4_nick').removeAttr('disabled');
} else {
	$('#social4_nick').attr('disabled',true);
}
if($('#social5').is(':checked')) {
	$('#social5_nick').removeAttr('disabled');
} else {
	$('#social5_nick').attr('disabled',true);
}
if($('#social6').is(':checked')) {
	$('#social6_nick').removeAttr('disabled');
} else {
	$('#social6_nick').attr('disabled',true);
}
if($('#social7').val() !='') {
	$('#social7_nick').removeAttr('disabled');
	$('#social7').removeClass('socialsnamelff');
} else {
	$('#social7_nick').attr('disabled',true);
}
if($('#social8').val() !='') {
	$('#social8_nick').removeAttr('disabled');
	$('#social8').removeClass('socialsnamelff');
} else {
	$('#social8_nick').attr('disabled',true);
}
if($('#social9').val() !='') {
	$('#social9_nick').removeAttr('disabled');
	$('#social9').removeClass('socialsnamelff');
} else {
	$('#social9_nick').attr('disabled',true);
}
if($('#social10').val() !='') {
	$('#social10_nick').removeAttr('disabled');
	$('#social10').removeClass('socialsnamelff');
} else {
	$('#social10_nick').attr('disabled',true);
}
if($('#social11').val() !='') {
	$('#social11_nick').removeAttr('disabled');
	$('#social11').removeClass('socialsnamelff');
} else {
	$('#social11_nick').attr('disabled',true);
}
});

$('[name="socialnick"]').on("change", function(){
if($('#social1_nick').val() != '') {
	$('#social1_link').removeAttr('disabled');
} else {
	$('#social1_link').attr('disabled',true);
}
if($('#social2_nick').val() != '') {
	$('#social2_link').removeAttr('disabled');
} else {
	$('#social2_link').attr('disabled',true);
}
if($('#social3_nick').val() != '') {
	$('#social3_link').removeAttr('disabled');
} else {
	$('#social3_link').attr('disabled',true);
}
if($('#social4_nick').val() != '') {
	$('#social4_link').removeAttr('disabled');
} else {
	$('#social4_link').attr('disabled',true);
}
if($('#social5_nick').val() != '') {
	$('#social5_link').removeAttr('disabled');
} else {
	$('#social5_link').attr('disabled',true);
}
if($('#social6_nick').val() != '') {
	$('#social6_link').removeAttr('disabled');
} else {
	$('#social6_link').attr('disabled',true);
}
if($('#social7_nick').val() != '') {
	$('#social7_link').removeAttr('disabled');
} else {
	$('#social7_link').attr('disabled',true);
}
if($('#social8_nick').val() != '') {
	$('#social8_link').removeAttr('disabled');
} else {
	$('#social8_link').attr('disabled',true);
}
if($('#social9_nick').val() != '') {
	$('#social9_link').removeAttr('disabled');
} else {
	$('#social9_link').attr('disabled',true);
}
if($('#social10_nick').val() != '') {
	$('#social10_link').removeAttr('disabled');
} else {
	$('#social10_link').attr('disabled',true);
}
if($('#social11_nick').val() != '') {
	$('#social11_link').removeAttr('disabled');
} else {
	$('#social11_link').attr('disabled',true);
}
});


$("#sendemploy button").on("click", function(e){
				e.preventDefault();
	var chekse1 = $('#term-condition');
	var chekse2 = $('#info-currect');
	
			if(chekse1.not(':checked') && chekse2.not(':checked')) {
				if(chekse1.not(':checked')) {
					$('#term-condition').addClass('novalidcheck');
				}
				if(chekse2.not(':checked')) {
					$('#info-currect').addClass('novalidcheck');
				}
			}

			
	if($('#social7').hasClass('socialsnamelff')) {
	} else {
	if($('#social7').val() == '') {
		$('#social7').css('border', '1px solid red');
	} else {
		$('#social7').css('border', '1px solid red');
	}
	}
	if($('#social8').hasClass('socialsnamelff')) {
	} else {
	if($('#social8').val() == '') {
		$('#social8').css('border', '1px solid red');
	} else {
		$('#social8').css('border', '1px solid red');
	}
	}
	if($('#social9').hasClass('socialsnamelff')) {
	} else {
	if($('#social9').val() == '') {
		$('#social9').css('border', '1px solid red');
	} else {
		$('#social9').css('border', '1px solid red');
	}
	}
	if($('#social10').hasClass('socialsnamelff')) {
	} else {
	if($('#social10').val() == '') {
		$('#social10').css('border', '1px solid red');
	} else {
		$('#social10').css('border', '1px solid red');
	}
	}
	if($('#social11').hasClass('socialsnamelff')) {
	} else {
	if($('#social11').val() == '') {
		$('#social11').css('border', '1px solid red');
	} else {
		$('#social11').css('border', '1px solid red');
	}
	}
let arr1 = 0;
let arr2 = 0;

    var checkboxes = document.getElementsByName('socialsname');
	var iii = 1;
    for (var checkbox of checkboxes) {
		if(iii <= 6) {
        if (checkbox.checked) {
			arr1 = arr1 + 1;
        } else {
			arr1 = arr1 + 0;
		}
		}
	iii++;
    }

        if (!$('.socialsnamerr1').is('.socialsnamelff')) {
			if($('#social7').val() != '') {
				arr2 = arr2 + 1;
			}
		}
		
		
	if(!$('#social1_nick').prop('disabled') && $('#social1_nick').val() == '') {
		$('#social1_nick').css('border', '1px solid red');
	} else {
		$('#social1_nick').css('border', '1px solid #dcdcdc');
	}
	if(!$('#social2_nick').prop('disabled') && $('#social2_nick').val() == '') {
		$('#social2_nick').css('border', '1px solid red');
	} else {
		$('#social2_nick').css('border', '1px solid #dcdcdc');
	}
	if(!$('#social3_nick').prop('disabled') && $('#social3_nick').val() == '') {
		$('#social3_nick').css('border', '1px solid red');
	} else {
		$('#social3_nick').css('border', '1px solid #dcdcdc');
	}
	if(!$('#social4_nick').prop('disabled') && $('#social4_nick').val() == '') {
		$('#social4_nick').css('border', '1px solid red');
	} else {
		$('#social4_nick').css('border', '1px solid #dcdcdc');
	}
	if(!$('#social5_nick').prop('disabled') && $('#social5_nick').val() == '') {
		$('#social5_nick').css('border', '1px solid red');
	} else {
		$('#social5_nick').css('border', '1px solid #dcdcdc');
	}
	if(!$('#social6_nick').prop('disabled') && $('#social6_nick').val() == '') {
		$('#social6_nick').css('border', '1px solid red');
	} else {
		$('#social6_nick').css('border', '1px solid #dcdcdc');
	}
	if(!$('#social7_nick').prop('disabled') && $('#social7_nick').val() == '') {
		$('#social7_nick').css('border', '1px solid red');
	} else {
		$('#social7_nick').css('border', '1px solid #dcdcdc');
	}
	if(!$('#social8_nick').prop('disabled') && $('#social8_nick').val() == '') {
		$('#social8_nick').css('border', '1px solid red');
	} else {
		$('#social8_nick').css('border', '1px solid #dcdcdc');
	}
	if(!$('#social9_nick').prop('disabled') && $('#social9_nick').val() == '') {
		$('#social9_nick').css('border', '1px solid red');
	} else {
		$('#social9_nick').css('border', '1px solid #dcdcdc');
	}
	if(!$('#social10_nick').prop('disabled') && $('#social10_nick').val() == '') {
		$('#social10_nick').css('border', '1px solid red');
	} else {
		$('#social10_nick').css('border', '1px solid #dcdcdc');
	}
	if(!$('#social11_nick').prop('disabled') && $('#social11_nick').val() == '') {
		$('#social11_nick').css('border', '1px solid red');
	} else {
		$('#social11_nick').css('border', '1px solid #dcdcdc');
	}

	if(arr1>0 || arr2>0) {
	if((!$('.socialsnamerr1').is('.socialsnamelff') && $('#social7').val() == '') || (!$('.socialsnamerr2').is('.socialsnamelff') && $('#social8').val() == '') || (!$('.socialsnamerr3').is('.socialsnamelff') && $('#social9').val() == '') || (!$('.socialsnamerr4').is('.socialsnamelff') && $('#social10').val() == '') || (!$('.socialsnamerr5').is('.socialsnamelff') && $('#social11').val() == '')) {
		swal("Error!", "Select or Enter Your Socials", "error");
	} else {
	
let socialn = 0;
var ss = 1;
    var socialnick = document.getElementsByName('socialnick');
    for (var socialnic of socialnick) {
        if ($('#social'+ss+'_nick').val() == '' && !$('#social'+ss+'_nick').prop('disabled')) {
			socialn = 1;
        }
	ss++;
    }
	if(socialn!=0) {
		swal("Error!", "Enter Socials Login", "error");
	} else {

	if(!$('#social1_link').prop('disabled') && $('#social1_link').val() == '') {
		$('#social1_link').css('border', '1px solid red');
	} else {
		$('#social1_link').css('border', '1px solid #dcdcdc');
	}
	if(!$('#social2_link').prop('disabled') && $('#social2_link').val() == '') {
		$('#social2_link').css('border', '1px solid red');
	} else {
		$('#social2_link').css('border', '1px solid #dcdcdc');
	}
	if(!$('#social3_link').prop('disabled') && $('#social3_link').val() == '') {
		$('#social3_link').css('border', '1px solid red');
	} else {
		$('#social3_link').css('border', '1px solid #dcdcdc');
	}
	if(!$('#social4_link').prop('disabled') && $('#social4_link').val() == '') {
		$('#social4_link').css('border', '1px solid red');
	} else {
		$('#social4_link').css('border', '1px solid #dcdcdc');
	}
	if(!$('#social5_link').prop('disabled') && $('#social5_link').val() == '') {
		$('#social5_link').css('border', '1px solid red');
	} else {
		$('#social5_link').css('border', '1px solid #dcdcdc');
	}
	if(!$('#social6_link').prop('disabled') && $('#social6_link').val() == '') {
		$('#social6_link').css('border', '1px solid red');
	} else {
		$('#social6_link').css('border', '1px solid #dcdcdc');
	}
	if(!$('#social7_link').prop('disabled') && $('#social7_link').val() == '') {
		$('#social7_link').css('border', '1px solid red');
	} else {
		$('#social7_link').css('border', '1px solid #dcdcdc');
	}
	if(!$('#social8_link').prop('disabled') && $('#social8_link').val() == '') {
		$('#social8_link').css('border', '1px solid red');
	} else {
		$('#social8_link').css('border', '1px solid #dcdcdc');
	}
	if(!$('#social9_link').prop('disabled') && $('#social9_link').val() == '') {
		$('#social9_link').css('border', '1px solid red');
	} else {
		$('#social9_link').css('border', '1px solid #dcdcdc');
	}
	if(!$('#social10_link').prop('disabled') && $('#social10_link').val() == '') {
		$('#social10_link').css('border', '1px solid red');
	} else {
		$('#social10_link').css('border', '1px solid #dcdcdc');
	}
	if(!$('#social11_link').prop('disabled') && $('#social11_link').val() == '') {
		$('#social11_link').css('border', '1px solid red');
	} else {
		$('#social11_link').css('border', '1px solid #dcdcdc');
	}
var scu = 1;
let socialurse = 0;
    var socialurl = document.getElementsByName('socialurl');
    for (var socialur of socialurl) {
        if ($('#social'+scu+'_link').val() == '' && !$('#social'+scu+'_link').prop('disabled')) {
			socialurse = 1;
		}
	scu++;
    }
	if(socialurse!=0) {
		swal("Error!", "Enter Socials URL", "error");
	} else {
if(chekse1.is(':checked') && chekse2.is(':checked')) {
//SEND SOCIALS start






	let arr1 = [];
	if($('#social1').is(':checked')) {
		arr1.push('1');
	} else {
		arr1.push('0');
	}
	arr1.push('Facebook');
	arr1.push($('#social1_nick').val());
	arr1.push($('#social1_link').val());


			
	let arr2 = [];
	if($('#social2').is(':checked')) {
		arr2.push('1');
	} else {
		arr2.push('0');
	}
	arr2.push('Twitter');
	arr2.push($('#social2_nick').val());
	arr2.push($('#social2_link').val());


			
	let arr3 = [];
	if($('#social3').is(':checked')) {
		arr3.push('1');
	} else {
		arr3.push('0');
	}
	arr3.push('Instagram');
	arr3.push($('#social3_nick').val());
	arr3.push($('#social3_link').val());


			
	let arr4 = [];
	if($('#social4').is(':checked')) {
		arr4.push('1');
	} else {
		arr4.push('0');
	}
	arr4.push('Linkedin');
	arr4.push($('#social4_nick').val());
	arr4.push($('#social4_link').val());


			
	let arr5 = [];
	if($('#social5').is(':checked')) {
		arr5.push('1');
	} else {
		arr5.push('0');
	}
	arr5.push('TikTok');
	arr5.push($('#social5_nick').val());
	arr5.push($('#social5_link').val());


			
	let arr6 = [];
	if($('#social6').is(':checked')) {
		arr6.push('1');
	} else {
		arr6.push('0');
	}
	arr6.push('Reddit');
	arr6.push($('#social6_nick').val());
	arr6.push($('#social6_link').val());


			
	let arr7 = [];
	if($('#social7').hasClass('socialsnamelff')) {
		arr7.push('0');
	} else {
		arr7.push('1');
	}
	arr7.push($('#social7').val());
	arr7.push($('#social7_nick').val());
	arr7.push($('#social7_link').val());


			
	let arr8 = [];
	if($('#social8').hasClass('socialsnamelff')) {
		arr8.push('0');
	} else {
		arr8.push('1');
	}
	arr8.push($('#social8').val());
	arr8.push($('#social8_nick').val());
	arr8.push($('#social8_link').val());


			
	let arr9 = [];
	if($('#social9').hasClass('socialsnamelff')) {
		arr9.push('0');
	} else {
		arr9.push('1');
	}
	arr9.push($('#social9').val());
	arr9.push($('#social9_nick').val());
	arr9.push($('#social9_link').val());


			
	let arr10 = [];
	if($('#social10').hasClass('socialsnamelff')) {
		arr10.push('0');
	} else {
		arr10.push('1');
	}
	arr10.push($('#social10').val());
	arr10.push($('#social10_nick').val());
	arr10.push($('#social10_link').val());


			
	let arr11 = [];
	if($('#social11').hasClass('socialsnamelff')) {
		arr11.push('0');
	} else {
		arr11.push('1');
	}
	arr11.push($('#social11').val());
	arr11.push($('#social11_nick').val());
	arr11.push($('#social11_link').val());


console.log(arr1);
console.log(arr2);

var loginmail = $("#loginmail").val();
var socialer1 = arr1.toString();
var socialer2 = arr2.toString();
var socialer3 = arr3.toString();
var socialer4 = arr4.toString();
var socialer5 = arr5.toString();
var socialer6 = arr6.toString();
var socialer7 = arr7.toString();
var socialer8 = arr8.toString();
var socialer9 = arr9.toString();
var socialer10 = arr10.toString();
var socialer11 = arr11.toString();



                // отправляем данные
                $.ajax({
                    type: "POST", // метод передачи
					headers: {
						'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
					},
                    url: "/socialsers-send", // куда отправляем
                    data: { // что отправляем
					_token: "{{csrf_token()}}",
					loginmail : loginmail,
					socialer1 : socialer1,
					socialer2 : socialer2,
					socialer3 : socialer3,
					socialer4 : socialer4,
					socialer5 : socialer5,
					socialer6 : socialer6,
					socialer7 : socialer7,
					socialer8 : socialer8,
					socialer9 : socialer9,
					socialer10 : socialer10,
					socialer11 : socialer11
                    },
                    // после получения ответа сервера
                //    success: function(data){
                //        $('.messages').html(data.result); // выводим ответ сервера
                 //   }
                });


let socialn = 0;
var dellis = 1;
    var socialnick = document.getElementsByName('socialsname');
    for (var socialnic of socialnick) {
        
        $('#social'+dellis+'_nick').val('');
        $('#social'+dellis+'_nick').attr('disabled',true);
        $('#social'+dellis+'_link').val('');
        $('#social'+dellis+'_link').attr('disabled',true);
	dellis++;
    }
	
$('.socialsnamerr1').hide();
$('#social7').attr('disabled',true);
$('#social8').attr('disabled',true);
$('#social9').attr('disabled',true);
$('#social10').attr('disabled',true);
$('#social11').attr('disabled',true);


			
$('#sendemploy')[0].reset();
swal("Success!", "Your message has been send", "success");
//SEND SOCIALS end
	} else {
		swal("Error!", "Accept terms and conditions", "error");
	}
	}
		
	}
	}
	} else {
		swal("Error!", "Select or Enter Your Socials", "error");
	}

});


		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: "/social-profiles-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 form').addClass('hiders');
					$('.locksgif').addClass('vizusse');
					//$('#stepseone form')[0].reset();
					$('html, body').animate({
					  scrollTop: $("#stepseone").offset().top // класс объекта к которому приезжаем
					  }, 1000); // Скорость прокрутки
					setTimeout(function(){
					$('#stepseone').hide();
					$('.locksgif').removeClass('vizusse');
					$('.earn-cashback').removeClass('d-none');
					  $('html, body').animate({
					      scrollTop: 500
					    }, 500);	
					}, 100);
 				 }
                });
				//	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);
			});
		});			
			

	</script>
	
	
	
@stop