<?php $__env->startSection('panel'); ?>
    <?php
        $authContent = getContent('authentication.content', true);
    ?>
    
    
    
    

                    <form action="<?php echo e(route('user.register')); ?>" method="POST" class="verify-gcaptcha account-form">
                        <?php echo csrf_field(); ?>
    
    
    

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> Register</title>
</head>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=REM&display=swap" rel="stylesheet">
<style>
    *{
        font-family: 'REM', sans-serif;
    }
    body{
        /* background:linear-gradient(to right bottom,#b689e6,#7a50f1); */
         background: linear-gradient(90deg, #FF5733 0%, #C70039 50%, #900C3F 100%);
        background-size: 100% 100%;
        height:100vh;
        overflow:hidden;
    }
  .vm {
            vertical-align: middle;
            width: 150px;
            font-size: 0.8em;
            color: rgba(154, 172, 189, 1);
        }
.boxGradient{
    background:white;

    z-index:2;
    width:100%;
    top:20%;
    left:0px;
    /* padding:10px; */
    /* padding-bottom:20%; */
    border-radius:40px 45px 0 0;
}


.laptop_use{
    width:40%;
    margin-left:30%;
    position:absolute;
    /* background:red; */
    scale:1.2;
    top:1.3%;
}

.mainTxt{
    font-size:69px;
    color:red;
    text-shadow: 4px 0px 0px black;

}
.minitxt{
    color:#a1a1a1;
    font-weight:111;
    font-size:80%;
}

.signUp{
    color:rgb(255, 55, 0);
    font-size:25px;
    margin-bottom:14px;
}


.inputLabel{
    margin:6px 0;
    font-weight:bold;
}
.input{
    background:rgba(255, 160, 122,0.3);
    padding:12px;
    border:none;
    outline:none;
    border-radius:6px;
    color:red;
    width:93%;
    margin:8px 0;
    font-weight:bold;
    margin-bottom:25px;
    font-size:105%;
}
.inpu {
    background: rgba(255, 160, 122,0.3);
    padding: 12px;
    border: none;
    outline: none;
    border-radius: 6px;
    color: red;
    width: 66.5%;
    margin: 8px 0;
    font-weight: bold;
    margin-bottom: 25px;
    font-size: 105%;
}

.registerNow{
     background: linear-gradient(90deg, #FF5733 0%, #C70039 50%, #900C3F 100%);
    box-shadow: 0px 10px 20px 0px rgba(255, 34, 0, 0.5);
    padding:12px;
    border:none;
    outline:345;
    border-radius:6px;
    color:white;
    width:101%;
    margin:8px 0;
    font-weight:bold;
    margin-bottom:25px;
    font-size:110%;
}

</style>
<body>
    




<div class="boxGradient">

<div style="padding:30px;padding-bottom:100%;padding-top:40px;">

<b  style="color:white;   background: linear-gradient(90deg, #FF5733 0%, #C70039 50%, #900C3F 100%);"   >SignUp</b>
<br><br>


<span class="inputLabel">Username</span><br>



          
                            <input type="text" name="username" class="input" value="" placeholder="usernaame">
               



<br>




<span class="inputLabel">Password</span>
<br>


  <input  type="password" class="input" name="password" value=""
                                   placeholder="Please enter Password">





<span class="inputLabel"> Please Confirm Password</span>
<br>

<input  type="password" class="input" name="password_confirmation" value=""
                                   placeholder="Confirm Pssword">









<br>


<span class="inputLabel">Refer Code</span><br>


                    
                        

<input class="input" type="text"  value="<?php echo e(session()->get('reference')); ?>  "    PlaceHolder="Invite Code" readonly  >


<br>


                   
<button   type="submit"   class="registerNow">Create Account</button>
<center><a href="<?php echo e(route ('user.login')); ?>" class="vm"  style=" width: 420px;">login?</a></center>
</div>

</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>


      





</body>

</html>
    
    
    
    
    
    
    
<?php $__env->stopSection(); ?>

<?php if($general->secure_password): ?>
    <?php $__env->startPush('script-lib'); ?>
        <script src="<?php echo e(asset('assets/global/js/secure_password.js')); ?>"></script>
    <?php $__env->stopPush(); ?>
<?php endif; ?>

<?php $__env->startPush('script'); ?>
    <script>
        "use strict";
        (function($) {
            <?php if($mobileCode): ?>
                $(`option[data-code=<?php echo e($mobileCode); ?>]`).attr('selected', '');
            <?php endif; ?>
            $('select[name=country]').change(function() {
                $('input[name=mobile_code]').val($('select[name=country] :selected').data('mobile_code'));
                $('input[name=country_code]').val($('select[name=country] :selected').data('code'));
                $('.mobile-code').text('+' + $('select[name=country] :selected').data('mobile_code'));
            });
            $('input[name=mobile_code]').val($('select[name=country] :selected').data('mobile_code'));
            $('input[name=country_code]').val($('select[name=country] :selected').data('code'));
            $('.mobile-code').text('+' + $('select[name=country] :selected').data('mobile_code'));
            $('.checkUser').on('focusout', function(e) {
                var url = '<?php echo e(route('user.checkUser')); ?>';
                var value = $(this).val();
                var token = '<?php echo e(csrf_token()); ?>';
                if ($(this).attr('name') == 'mobile') {
                    var mobile = `${$('.mobile-code').text().substr(1)}${value}`;
                    var data = {
                        mobile: mobile,
                        _token: token
                    }
                }
                if ($(this).attr('name') == 'email') {
                    var data = {
                        email: value,
                        _token: token
                    }
                }
                if ($(this).attr('name') == 'username') {
                    var data = {
                        username: value,
                        _token: token
                    }
                }
                $.post(url, data, function(response) {
                    if (response.data != false && response.type == 'email') {
                        $('#existModalCenter').modal('show');
                    } else if (response.data != false) {
                        $(`.${response.type}Exist`).text(`${response.type} already exist`);
                    } else {
                        $(`.${response.type}Exist`).text('');
                    }
                });
            });
        })(jQuery);
    </script>
<?php $__env->stopPush(); ?>

<?php echo $__env->make($activeTemplate . 'layouts.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/sites/28b/6/61db25e12e/public_html/store/core/resources/views/templates/invester/user/auth/register.blade.php ENDPATH**/ ?>