
<?php $__env->startSection('content'); ?>

	<!-- <link rel="stylesheet" href="<?php echo e(asset('front/css/output.css')); ?>" type="text/css" media="all">	 -->
<!--==================================================-->
<!-- Start KiyoHR Breadcumb Area -->
<!--==================================================-->
<div class="breadcumb-area d-flex">
	<div class="container">
		<div class="row align-items-center">
			<div class="col-lg-12 text-center">
				<div class="breadcumb-content">
					<div class="breadcumb-title">
						<h4>Register</h4>
					</div>
					<!-- <ul>
						<li><a href="<?php echo e(url('/')); ?>"><i class="bi bi-house-door-fill"></i> Home </a></li>
						<li class="rotates"><i class="bi bi-slash-lg"></i>Register</li>
					</ul> -->
				</div>
			</div>
		</div>
	</div>
</div>
<!--==================================================-->
<!-- End KiyoHR Breadcumb Area -->
<!--==================================================-->
<!--==================================================-->
<!-- Start KiyoHR Contact Area -->
<!--==================================================-->
<section class="contact_area register_area">
	<div class="container">
		<div class="row align-items-center">
			<div class="col-lg-5">
				<!-- contact form box -->
				<div class="contact-form-box style_two">
					<!-- section title -->
					<div class="section_title style_three style_four text-center ">
						<h1 style="margin-bottom: 12px;"><?php echo e($frontSetting->register_title); ?></h1>
						<span><?php echo e($frontSetting->register_description); ?></span>
					</div>
					<form method="POST" onsubmit="register();return false" class="register-div">
						
						<div class="row">
							<div class="col-lg-12 col-md-12">
								<div class="form-box">
									<input class="form-control" required type="text" placeholder="<?php echo e($frontSetting->register_company_name_text); ?>" id="company_name" name="company_name">
									<span id="company_name-error" class="error-message" style="display: none;color: red;"></span>
								</div>
							</div>
							<div class="col-lg-12 col-md-12">
								<div class="form-box">
									<input class="form-control" required type="email" placeholder="<?php echo e($frontSetting->register_email_text); ?>" id="company_email" name="company_email" value="<?php echo e($actionEmail); ?>" title="Please enter a valid email address (e.g., user@example.com)">
									<span id="company_email-error" class="error-message" style="display: none;color: red;"></span>
								</div>
							</div>
							<div class="col-lg-12 col-md-12">
								<div class="form-box">
									<input class="form-control" required type="password" placeholder="<?php echo e($frontSetting->register_password_text); ?>" id="password" name="password">
									<span id="password-error" class="error-message" style="display: none;color: red;"></span>
								</div>
							</div>
							<div class="col-lg-12 col-md-12">
								<div class="form-box message">
									<input class="form-control" required type="password" placeholder="<?php echo e($frontSetting->register_confirm_password_text); ?>" id="confirm_password" name="confirm_password">
									<span id="confirm_password-error" class="error-message" style="display: none;color: red;"></span>
								</div>
							</div>
							<div class="checkbox d-flex align-items-baseline">
								<input type="checkbox" id="condition" name="condition" required>
								<label for="vehicle1" style="margin-left: 10px;"><a href="<?php echo e($frontSetting->register_agree_url); ?>" target="_blank"><?php echo e($frontSetting->register_agree_text); ?></a></label>
								<!-- <input type="hidden" name="recaptcha_token" id="recaptcha_token"> -->
							</div>
							<div class="contact-form">
								<!-- <span id="recaptcha-error" class="error-message" style="display: none;color: red;"></span> -->
								<button type="submit"><?php echo e($frontSetting->register_submit_button_text); ?> </button>
							</div>
						</div>
					</form>
					<span class="register-success alert alert-success" style="display: none;"></span>
					<div class="contact_shape bounce-animate">
						<img src="<?php echo e(asset('assets/images/home_3/contact_shape.png')); ?>" alt="">
					</div>
					<div id="status"></div>
				</div> 
			</div>
			<div class="col-lg-7">
				<div class="contact_thumb">
					<img src="<?php echo e(asset('assets/images/home_3/contact.png')); ?>" alt="">
					<div class="call-do-action-info style_two">
						<div class="call-do-social_icon">
							<i class="fas fa-phone-alt"></i>
						</div>
						<div class="call_info">
							<h3>+91 9440 903071</h3>
						</div>
					</div>
					<div class="contact_thumb_shape bounce-animate">
						<img src="<?php echo e(asset('assets/images/home_3/contact_shapes.png')); ?>" alt="">
					</div>
				</div>
			</div>
		</div>

	</div>
	<div class="contact_shape1 dance">
		<img src="<?php echo e(asset('assets/images/home_3/animate.png')); ?>" alt="">
	</div>
	<div class="contact_shape2 dance2">
		<img src="<?php echo e(asset('assets/images/home_3/service_shpe2.png')); ?>" alt="">
	</div>
</section>
<!--==================================================-->
<!-- End KiyoHR Contact Area-->
<!--==================================================-->
<?php $__env->stopSection(); ?>
<?php $__env->startSection('scripts'); ?>
<script src="https://code.jquery.com/jquery-3.6.1.min.js"></script>
    <script>
        "use strict";

        function register() {
			$('.error-message').hide();
			var email = $('#company_email').val();
			var emailPattern = /^[a-zA-Z0-9._%+-]+@[a-zA-Z.-]+\.[a-zA-Z]{2,6}$/
			
			if (!emailPattern.test(email) && email.length > 0) {
				$('#company_email-error').text('Please enter a valid email address.').show();
				return false;
			}

			
		    $('#company_email-error').hide();
		 
			$.ajax({
				url: "<?php echo e(route('front.register.save')); ?>",
				type: 'POST',
				data: {
					_token: $('meta[name="csrf-token"]').attr('content'),
					company_name : $('#company_name').val(),
					company_email : $('#company_email').val(),
					password : $('#password').val(),
					confirm_password : $('#confirm_password').val(),
					condition : $('#condition').val(),
				},
				success: function(response) {
					if(response.status == 'success'){
						$('.register-div').remove();
						$('.register-success').text(response.message);
						$('.register-success').show();
					}
				},
				error: function(xhr, status, error) {
					if (xhr.responseJSON && xhr.responseJSON.errors) {
						for (const field in xhr.responseJSON.errors) {
							if (xhr.responseJSON.errors.hasOwnProperty(field)) {
								const errorMessages = xhr.responseJSON.errors[field];
								$(`#${field}-error`).text(errorMessages.join(', ')).show();
							}
						}
					}
				}
			});
        }
    </script>

<?php $__env->stopSection(); ?>

<?php echo $__env->make('frontend.home', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH /var/www/html/kiyohr/dev/app_uat/resources/views/frontend/register.blade.php ENDPATH**/ ?>