
<?php $__env->startSection('css'); ?>
    <style>
        .home-title {
            margin-bottom: 20px;
        }
    </style>
    <head>
		<link rel="stylesheet" href= 
	 "https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> 
		 <script src="https://www.google.com/recaptcha/api.js" 
				 async defer></script>
	</head>
    <?php
    $website = DB::table('websites')
        ->latest()
        ->first();
    $p_categorys = DB::table('categories')
        ->latest()
        ->get();
    ?>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('front-content'); ?>
<section class="contact">
	<div class="container">
		<div class="row mt-5">
			<div class="col-12" data-aos="fade-right" data-aos-duration="1000" data-aos-offset="100">
				<div>
					<h2 class="global_subtitle">Refer Register</h2>
				</div>
			</div>
		</div>
	</div>
</section>
<div class="contact_inner_section position-relative">
	<div class="container">
		<div class="row pt-sm-3 pt-lg-5">
			<div class="col-12 col-md-6">
                <div class="details_inner d-flex">
                    <div class="details_info">
                        Welcome To Micro Workers Pro, Micro Workers Pro & Best Freelance Site To Make Your Time Into MONEY You Can Earn From 25 to 10 Dollars Per Day By Joining Our Website,May your every day be like a bright star
                    </div>
                </div>
			</div>
			<div class="col-12 col-md-6">
				<div class="inquire_form">
					<div class="inquire_header">
						<h2><?php echo e(about_us()->register_form_title); ?></h2>
					</div>
					<form action="<?php echo e(route('refer-user-register')); ?>" method="POST" role="form">
						<?php echo csrf_field(); ?>
					 Welcome To	Microworkerspro.com
						<div class="form_field">
							<label for="full_name">Name</label>
							<input type="hidden" class="form-control" name="user_code" value="<?php echo e($code); ?>">
                            <input type="text" class="form-control" placeholder="Full Name" name="name" required="">
							<span class="my_error" style="display: none; color: red;">Please Enter 3 digit</span>
							<!-- validation errors for backend Validation (start) -->
							<!-- end -->

							<i class="fas fa-exclamation-circle failure-icon"></i>
							<i class="far fa-check-circle success-icon"></i>
							<div class="error"></div>
						</div>
						<div class="form_field">
							<label for="email">Email Address</label>
							<input type="email" class="form-control" placeholder="Email" name="email" required="">
							<span class="my_error" style="display: none; color: red;">Please Enter Valid Email</span>

							<!-- validation errors for backend Validation (start) -->
							<!-- end -->
							<i class="fas fa-exclamation-circle failure-icon"></i>
							<i class="far fa-check-circle success-icon"></i>

							<div class="error"></div>
						</div>
						<div class="form_field">
							<label for="password">Password</label>
							<input type="password" class="form-control" placeholder="Password" name="password" required="">
							<span class="my_error" style="display: none; color: red;">Please Enter 3 digit</span>
							<!-- validation errors for backend Validation (start) -->
							<!-- end -->

							<i class="fas fa-exclamation-circle failure-icon"></i>
							<i class="far fa-check-circle success-icon"></i>
							<div class="error"></div>
						</div>
						<div class="form_field">
							<label for="country">Select Country</label>
							<select class="form-select" name="country" aria-label="Default select example">
								<option value="">Select Country</option>
								<?php $__currentLoopData = countrys(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key=>$country): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
									<option value="<?php echo e($country->id); ?>"><?php echo e($country->name); ?></option>
								<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
							</select>
						</div>

						<!--<div class="form_field">-->
						<!--    <div class="captcha">-->
						<!--        <span id="captcha_code_area"></span>-->
						<!--        <input type="hidden" id="captcha_code">-->
						<!--        <button type="button" class="btn btn-sm btn-danger reload" id="reload">-->
						<!--            &#x21bb;-->
						<!--        </button>-->
						<!--    </div>-->
						<!--    <input type="text" placeholder="Enter Code" id="entered_captcha_code" onkeyup="changeCaptchaCode()"/>-->
						<!--    <small class="text-danger" id="captcha-error"></small>-->
						<!--</div>-->
						
						 <div class="form_field d-none">
									<script src="https://www.google.com/recaptcha/api.js" 
								async defer></script> 
						<div class="g-recaptcha" id="recaptcha" data-sitekey="<?php echo e(env('GOOGLE_RECAPTCHA_KEY')); ?>"> 
						</div> 
					 </div>

						<div class="form_field">
							<label>
								<input type="checkbox" name="Tos" id="tos" onchange="valueChanged()" required> I
								agree to <?php echo e(website_title()); ?> <a target="_blank" href="https://gpsmicrojob.top/policy-details/tc">Terms of
									Service</a> and <a target="_blank" href="">Privacy Policy.</a>.
							</label>
						</div>
						<div class="send_btn">
							<div class="text-center mt-4"><button type="submit" class="btn btn-info btn-m">Create Account</button></div>
						</div>
						<div class="row mt-3">
							<div class="col-6">
								<a href="<?php echo e(route('login')); ?>" class="text-blue"><small><b>
											<p style="color:#192250;">Already have an account?</p>
										</b></small></a>
							</div>
						</div>
					</form>

				</div>

			</div>
		</div>
	</div>
</div>
<script>
	$(window).on('load', function(){
		$.ajax({
			type:'GET',
			url:'reload-captcha',
			success:function(data){
				$('.captcha span').html(data.captcha);    
				$('#captcha_code').val(data.captcha);    
				$('#captcha-error').html('');
				$('#entered_captcha_code').val('');
			}
		});
	});
	$('#reload').click(function(){
		$.ajax({
			type:'GET',
			url:'reload-captcha',
			success:function(data){
				$('.captcha span').html(data.captcha);     
				$('#captcha_code').val(data.captcha);  
				$('#captcha-error').html('');
				$('#create_account').attr('disabled', true);
				$('#entered_captcha_code').val('');
			}
		});
	});
	
	function changeCaptchaCode(){
		var captcha_code = $('#captcha_code').val();
		var code = $('#entered_captcha_code').val();
		
		if(captcha_code === code){
			$('#captcha-error').html('');
			$('#create_account').attr('disabled', false);
		}else{
			$('#captcha-error').html('Captcha not matched! Try again!');
			$('#create_account').attr('disabled', true);
		}
	}
</script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('frontend.layouts.master', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/microwo1/public_html/resources/views/auth/refer-register.blade.php ENDPATH**/ ?>