<!doctype html>
<html lang="en">
<head>
    <meta data-n-head="ssr" charset="utf-8">
    <meta data-n-head="ssr" name="viewport" content="width=device-width, initial-scale=1">
    <meta data-n-head="ssr" data-hid="description" name="description" content="<?php echo e(env('APP_NAME')); ?>">
    <title><?php echo e(env('APP_NAME')); ?></title>
    <link rel="stylesheet" href="<?php echo e(asset('public/regi.css')); ?>">
    <style>
        .pprex{
            position: relative;
        }
        .arrow_down {
            position: absolute;
            left: 50px;
            top: -6px;
        }
        .phone-number-container .input-container input[data-v-31c431dc] {
            padding-left: 15px;
        }
        .signUp-page-header {
            padding: 32px 24px;
            padding-bottom: 0;
        }
        .phone-number-container .input-container input[data-v-31c431dc] {
            padding-left: 0;
        }
    </style>
</head>
<body>
<div id="__nuxt">
    <div id="__layout">
        <div>
            <div class="signUp-page flex flex-col">
                <div class="signUp-page-header">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" onclick="window.location.href='<?php echo e(url('login')); ?>'">
                        <path d="M12.4888 15.9872C12.4888 15.9865 12.4903 15.9858 12.4903 15.9851C12.4846 15.9851 12.4839 15.9858 12.4888 15.9872ZM0.941297 13.007L8.30281 20.3685C8.93608 21.0018 9.96354 21.0018 10.5961 20.3685C11.2294 19.7367 11.2294 18.7092 10.5961 18.076L6.00247 13.4816H21.588C22.4836 13.4816 23.2092 12.7553 23.2092 11.8604C23.2092 10.9641 22.4828 10.2384 21.588 10.2384H6.00318L10.5968 5.64481C11.2301 5.01225 11.2301 3.98408 10.5968 3.35152C10.2802 3.03489 9.86482 2.87622 9.44946 2.87622C9.03481 2.87622 8.61945 3.03489 8.30352 3.35152L0.941297 10.7137C0.307328 11.347 0.307328 12.3731 0.941297 13.007Z" fill="#0000A0"></path>
                    </svg>
                </div>
                <div class="signUp-page-content flex-1 flex flex-col">
                    <div class="signUp-page-content-title bold text-center">
                        <img style="width: 150px;height: 150px;border-radius: 5px;" src="<?php echo e(asset(setting('logo'))); ?>">
                    </div>
                    <form action="<?php echo e(route('register')); ?>" method="post" id="credntial">
                        <?php echo csrf_field(); ?>
                        <div class="signUp-page-content-box w-full">
                            <div class="login-page-content-box flex-1 flex flex-col w-full">
                                <div class="item">
                                    <div data-v-31c431dc="" class="phone-number-container">
                                        <label data-v-31c431dc="" for="phoneNumber"></label>
                                        <div data-v-31c431dc="" class="input-container flex w-full input-container">
                                            <input data-v-31c431dc="" type="number" id="phoneNumber" name="phone" required placeholder="Phone Number" class="input-field w-full input-autofill">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <input type="hidden" name="phoneCode">
                            <script>
                                function changePhoneCode(){
                                    let countryCode = document.querySelector('.countryCode');
                                    if (countryCode.innerHTML == '+91'){
                                        countryCode.innerHTML = '+880';
                                    }else {
                                        countryCode.innerHTML = '+91';
                                    }
                                    document.querySelector('input[name="phoneCode"]').value = countryCode.innerHTML;
                                }
                            </script>

                            <div class="item">
                                <div data-v-002a3f5f="" class="input-container light"><label data-v-002a3f5f="" for="password"></label>
                                    <div data-v-002a3f5f="" class="flex items-center input-content input-container">
                                        <input data-v-002a3f5f="" autocomplete="off" id="password" type="password" name="password" placeholder="Password" class="input-field w-full input-autofill hasSuff">
                                        <div data-v-002a3f5f="" class="suffix-icon"><img data-v-002a3f5f="" onclick="eye()" src="<?php echo e(asset('public/EyeIcon.1bb8244.svg')); ?>" alt="suffix Icon"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <div data-v-002a3f5f="" class="input-container light"><label data-v-002a3f5f="" for="nickname"></label>
                                    <div data-v-002a3f5f="" class="flex items-center input-content input-container">
                                        <input data-v-002a3f5f="" autocomplete="off" id="nickname" type="text" name="name" placeholder="Nickname" class="input-field w-full input-autofill">
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <div data-v-002a3f5f="" class="input-container light"><label data-v-002a3f5f="" for="invitation_code"></label>
                                    <div data-v-002a3f5f="" class="flex items-center input-content input-container">
                                        <input data-v-002a3f5f="" autocomplete="off" id="invitation_code" type="text" name="ref_id" value="<?php echo e(isset($ref_by) && !empty($ref_by) && $ref_by != null ? $ref_by : \App\Models\User::select('ref_id')->first()->ref_id); ?>" placeholder="Invitation Code" class="input-field w-full input-autofill">
                                    </div>
                                </div>
                            </div>
                            <div class="item flex">
                                <button data-v-3d9a385b="" type="button" onclick="submitCredential()" class="w-full button flex items-center justify-center relative button-primary default">Confirm</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<style>
    .loader {
        position: fixed;
        width: 100%;
        height: 100%;
        background: #0000a0;
        top: 0;
        left: 0;
        z-index: 99;
        transition: .5s;
    }
    .loader_img {
        filter: invert(1);
        position: absolute;
        width: 60%;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
</style>



<?php echo $__env->make('alert-message', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
<script>
    function submitCredential(){
        document.getElementById('credntial').submit();
    }

    function eye(){
        let password = document.querySelector('input[name="password"]');
        if (password.type == 'password'){
            password.type = 'text';
        }else{
            password.type = 'password';
        }
    }

    // setTimeout(function (){
    //     document.querySelector('.loader').style.zIndex='-1';
    //     document.querySelector('.loader').style.visibility='hidden';
    // }, 400)
</script>
</body>
</html>
<?php /**PATH /home/upagexy3/ye-sundemoweb.pro/v578/resources/views/app/auth/registration.blade.php ENDPATH**/ ?>