

<?php $__env->startSection('css'); ?>




    <style>
    
    
    label {
    font-family: 'Hind Siliguri', sans-serif !important;
}
 
    input {
    font-family: 'Hind Siliguri', sans-serif !important;
}

body {
    font-family: 'Hind Siliguri', sans-serif !important;
}

h1, h2, h3, h4, h5, h6, p {
    font-family: 'Hind Siliguri', sans-serif !important;
}

p {
    font-family: "Hind Siliguri", sans-serif !important;
}
    
    @media (max-width: 768px) {
    .g-recaptcha {
        transform: scale(0.9) !important; /* মোবাইল ডিভাইসের জন্য ক্যাপচা বক্স ছোট করা */
        transform-origin: 0 0; /* সঠিক অবস্থান ঠিক রাখার জন্য */
    }
}
    
    
        .home-title {
            margin-bottom: 20px;
        }
        
        
        
        .form_field {
    position: relative;
}

#toggleConfirmPassword {
    position: absolute;
    right: 10px;
    top: 58%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 17px;
}

.my_error {
    position: absolute;
    bottom: -20px; /* Adjust the position to make sure it doesn't push the icon */
    left: 0;
}

  .inquire_form {
    width: 100%; /* Ensure it takes full width of parent */
    max-width: 500px; /* Set the maximum width */
    margin:0 auto; 
}
      
      @media (max-width: 768px) {
    .fas.fa-user-check {
        margin: 0px 220px 35px 0px !important;
    }
}

        
    </style>
    <?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"><?php echo e(about_us()->register_page_title); ?></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">
                            <h5 style="font-size: 20px; font-family: bold;">⤑ Sign Up</h5>
                            <p style="font-size: 22px; font-family: regular;">
                                For a better experience, while using our Service, we may require you to provide us with certain personally identifiable information, including but not limited to Email, Full Name, Country, Age. The information that we request will be retained by us and used as described in this privacy policy. With our user-friendly platform and comprehensive job listings, finding the perfect remote gig has never been easier. And the best part? All payouts are made in money, so you can get paid quickly and securely. Start making money today and join the growing community of professionals working from home with <?php echo e(site_info()->title); ?>

                            </p>
                        </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('user-register')); ?>" id="contact-form" method="post">
                            <?php echo csrf_field(); ?>
                            <div class="form_field">
                                <label for="full_name">Name</label>
                                <input type="text" placeholder="Name" name="name" id="full_name" value="<?php echo e(old('name')); ?>" />
                                <?php $__errorArgs = ['name'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                    <span class="my_error" style="display: block; color: red;"><?php echo e($message); ?></span>
                                <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                                <i class="fas fa-exclamation-circle failure-icon"></i>
                                <i class="far fa-check-circle success-icon"></i>
                            </div>
                            <div class="form_field">
                                <label for="email">Email Address</label>
                                <input type="email" placeholder="Email Address" name="email" id="email" value="<?php echo e(old('email')); ?>" />
                                <?php $__errorArgs = ['email'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                    <span class="my_error" style="display: block; color: red;"><?php echo e($message); ?></span>
                                <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                                <i class="fas fa-exclamation-circle failure-icon"></i>
                                <i class="far fa-check-circle success-icon"></i>
                            </div>
                            
                            
                            
                            
                            
                          <div class="form_field" style="position: relative;">
    <label for="password">Password</label>
    <input type="password" placeholder="Password" name="password" id="password" style="padding-right: 30px;" />
    <?php $__errorArgs = ['password'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
        <span class="my_error" style="display: block; color: red;"><?php echo e($message); ?></span>
    <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
    <i class="fas fa-exclamation-circle failure-icon"></i>
    <i class="far fa-check-circle success-icon"></i>
    <i class="far fa-eye" id="togglePassword" style="position: absolute; right: 10px; top: 58%; transform: translateY(-50%); cursor: pointer; font-size: 17px;"></i>
</div>

                            
               
               
               <!-- Confirm Password Box -->
<div class="form_field" style="position: relative; margin-top: 15px;">
    <label for="password_confirmation">Confirm Your Password</label>
    <input type="password" placeholder="Confirm Password" name="password_confirmation" id="password_confirmation" style="padding-right: 30px;" />
    <?php $__errorArgs = ['password_confirmation'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
        <span class="my_error" style="display: block; color: red;"><?php echo e($message); ?></span>
    <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
    <i class="fas fa-exclamation-circle failure-icon"></i>
    <i class="far fa-check-circle success-icon"></i>
    <i class="far fa-eye" id="toggleConfirmPassword" style="position: absolute; right: 10px; top: 58%; transform: translateY(-50%); cursor: pointer; font-size: 17px;"></i>
    <span class="my_error" id="error_message" style="display: none; color: red;">Passwords do not match!</span>
</div>
               
               
                            
                            
                            
                            
                            <div class="form_field">
                                <label for="country">Select Country</label>
                                <select name="country" id="countrycode" class="form-control select2-hidden-accessible">
                                    <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(old('country') == $country->id ? 'selected' : ''); ?>><?php echo e($country->name); ?></option>
                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                </select>
                                <?php $__errorArgs = ['country'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                                    <span class="my_error" style="display: block; color: red;"><?php echo e($message); ?></span>
                                <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                            </div>
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            <?php if(site_info()->captcha_verify_active == 1): ?>
    <div class="form-group mb-3">
        <div class="g-recaptcha" data-sitekey="<?php echo e(env('RECAPTCHA_SITE_KEY')); ?>" id="recaptcha"></div>
        <?php $__errorArgs = ['g-recaptcha-response'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
            <span class="my_error" style="display: block; color: red;"><?php echo e($message); ?></span>
        <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
    </div>
<?php endif; ?>

<!-- reCAPTCHA Warning Message -->
<div id="recaptchaWarningMessage" style="display: none; color: red; font-weight: bold; margin-top: 10px;">
    Please complete the reCAPTCHA before registration.
</div>



<script>
    function checkRecaptcha(event) {
        var recaptchaResponse = grecaptcha.getResponse(); // reCAPTCHA রেসপন্স চেক করুন
        if (!recaptchaResponse) {
            event.preventDefault(); // সাবমিট আটকান
            document.getElementById('recaptchaWarningMessage').style.display = 'block'; // এরর মেসেজ প্রদর্শন করুন
        } else {
            document.getElementById('recaptchaWarningMessage').style.display = 'none'; // এরর মেসেজ লুকিয়ে রাখুন
        }
    }
</script>


                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            
                            

                            <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="#">Terms of Service</a> and <a target="_blank" href="#">Privacy Policy</a>.
                                </label>
                            </div>
                            
                            
                          
                                
                            <div class="form_field">
    <button type="submit" class="btn btn-success" style="display: inline-flex; align-items: center; justify-content: center; height: 45px; padding: 10px 20px; font-size: 18px; width: 100%;" onclick="checkRecaptcha(event)">
      <i class="fas fa-user-check" style="margin: 0px 300px 35px 0px;"></i>
<span>Create new account</span>

    </button>
    <p class="mt-3 text-center">
        Already have an account? <a href="<?php echo e(route('login')); ?>">Login now.</a>
    </p>
</div>


                                
                                
                                
                                
                            </div> 
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <script src="https://www.google.com/recaptcha/api.js" async defer></script>

    <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>
    <script>document.getElementById('togglePassword').addEventListener('click', function (e) {
    const passwordInput = document.getElementById('password');
    const type = passwordInput.getAttribute('type') === 'password' ? 'text' : 'password';
    passwordInput.setAttribute('type', type);
    this.classList.toggle('fa-eye-slash');
});















// For confirm password field toggle
document.getElementById('toggleConfirmPassword').addEventListener('click', function (e) {
    const confirmPasswordInput = document.getElementById('password_confirmation');
    const type = confirmPasswordInput.getAttribute('type') === 'password' ? 'text' : 'password';
    confirmPasswordInput.setAttribute('type', type);
    this.classList.toggle('fa-eye-slash');
});

// Password match validation
document.getElementById('password_confirmation').addEventListener('input', function (e) {
    const password = document.getElementById('password').value;
    const confirmPassword = document.getElementById('password_confirmation').value;
    const errorMessage = document.getElementById('error_message');

    if (password !== confirmPassword) {
        errorMessage.style.display = 'block';
    } else {
        errorMessage.style.display = 'none';
    }
});

// Form submission validation
document.getElementById('contact-form').addEventListener('submit', function (e) {
    const password = document.getElementById('password').value;
    const confirmPassword = document.getElementById('password_confirmation').value;
    const errorMessage = document.getElementById('error_message');

    // If passwords don't match, prevent form submission
    if (password !== confirmPassword) {
        errorMessage.style.display = 'block';
        e.preventDefault(); // Prevent form submission
        alert("Passwords do not match. Please try again.");
    } else {
        errorMessage.style.display = 'none';
    }
});




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