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

	<style type="text/css">
			.qrcode-img {
				/*   background: #283C48; */
				padding: 50px;
				border-radius: 10px;
				width: 250px;
				height: 250px;
				display: block;
				margin: 0 auto;
			}

			.share-qrcode p {
				font-size: .3rem;
				color: #fff;
				text-align: center;
				padding: 1rem 2rem 0 2rem;
			}

			.copy-code {
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				border-radius: 10px;
				width: 70%;
				margin: auto;
				/* 		padding-bottom: 30px; */

			}

			.copy-code a {
				display: inline-block;
				background: #1984FF;
				color: #1984FF;
				font-size: 16px;
				width: 1.7rem;
				height: .40rem;
				line-height: .4rem;
				border-radius: .4rem;
				text-align: center;
				letter-spacing: .01rem;
			}


			.btn {
				text-transform: uppercase;
				background: #0160bf;
				color: white;
				padding: 10px;
				border-radius: 20px;
				cursor: pointer;
				margin: 50px 15%;
				width: 70%;
				text-align: center;
				border: none;

			}

			.btn:hover {
				background: #000000;
				color: #fff;
			}

			input,
			textarea {
				padding: 10px;
				border: 1px solid #000000;
				width: 220px
			}

			textarea {
				height: 80px
			}

			#foo {
				padding: 10px 20px;
				border-radius: 8px;
				font-size: 40px;
				color: #fff;
				font-weight: bold;
			}

			.appContent {
				border-radius: 6px;
			}

			.share-qrcode {
				border-top: 2px dashed #ccc;
			}

			.qrcode-img {
				align-items: center;
				display: flex;
			}

			.share-qrcode p {
				font-size: .3rem;
				color: #fff;
				text-align: center;
				padding: 0.5rem 0rem 0.5rem;
			}
			.cst-btn{
   background-image: linear-gradient(to right, #000000 0%, #000000  51%, #000000  100%);
    color: #fff;
    border: none;
    border-radius: 10px;
}
.cst-btn:hover {
   background-image: linear-gradient(to right, #000000 0%, #000000  51%, #000000  100%);
    color: #fff;
    border: none;
    border-radius: 10px;
}

		</style>
	<style>
	.popup {
    position: fixed;
    bottom: 50%;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    z-index: 999;
    animation: fadeInOut 2s;
}

@keyframes fadeInOut {
    0%, 100% {
        opacity: 0;
    }
    10%, 90% {
        opacity: 1;
    }
}
  *{
            	font-family: 'Prompt',sans-serif;
            
            }
	</style>
	</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=Prompt&display=swap" rel="stylesheet">
<body style="background: linear-gradient(90deg, #f3f3f3 0%, #d9d9d9 100%);">


	<style>
.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
</style>
	<div style="display:none;">
<input type="text" value="<?php echo e(route('home')); ?>?h5/index/reg_invitation_code=<?php echo e(auth()->user()->username); ?>" id="myInput">
</div>



	
	
<script>
function myFunction() {
  var copyText = document.getElementById("myInput");
  copyText.select();
  copyText.setSelectionRange(0, 99999);
  navigator.clipboard.writeText(copyText.value);
  
  var tooltip = document.getElementById("myTooltip");
  tooltip.innerHTML = "Copied "  ;
}

function outFunc() {
  var tooltip = document.getElementById("myTooltip");
  tooltip.innerHTML = "Copy";
}
</script>



		<!-- App Header -->
		<div class="appHeader" style="   background: linear-gradient(90deg, #1c1378 0%, #000000 50%, #1c1378 100%);   	
				">
			<div class="left">
				<a href="javascript:;" class="icon goBack">
					<i class="icon ion-ios-arrow-back"></i>
				</a>
			</div>
			<div    style="color:white;"   class="pageTitle">Refer friends</div>
	</div>
		<div id="appCapsule" class="pb-2" style="background: linear-gradient(90deg, #000000 0%, #000000 100%);">

			<div class="appContent pb-0 mt-4  mx-4" >
				<section class="container dew">
				<!--<div class="demo">
						<div class="copy-code">
							<span id="foo" class="pt-4"></span>
							<p class="mb-2 mt-2" style="color: #fff;">My invitation code</p>
						</div>
					</div>-->
	  <div class="app" style="background:#100e75;padding:12px;border-radius:7px;">
   <p style="color: white;text-align:center;">
                      
Invite your friend and collect your bonus

                      
                     
                        </p>
  </div>  
                            <div class="form-group basic animated">
                                <div class="input-wrapper">
                                    <label class="label" for="name2">Your Refer Link</label>
                                    <input type="text"  class="form-control" value="<?php echo e(route('home')); ?>?h5/index/reg_invitation_code=<?php echo e(auth()->user()->username); ?>" id="copyText" readonly><br>
                                        <center><button  id="myTooltip"      onclick="myFunction()" onmouseout="outFunc()"  style="width: 50%; margin: 1px 15%;      background: linear-gradient(90deg, #10124a 0%, #000000 50%, #10124a 100%);" onclick="copykro()" class="btn cst-btn btn-lg btn-block">Copy Link</button>
                               </center>
                               <br>
  <div class="app" style="background:#100e75;padding:12px;border-radius:7px;">
   <p style="color: white;text-align:center;">
                      
**Promotion Commission Ratio:**
<br>
- Direct Recommendation (Level 1): 14%<br>
- Indirect Recommendation (Level 2): 4%<br>
- Indirect Recommendation (Level 3): 0,8%<br>
                        <br><br>
                     
                        </p>
  </div>                             <!--<input type="text" value="https://terra-global.in/signup.php?invite=" id="text-1" class="form-control">
                                     <input type="text" value="https://terra-global.in/index/auth/signup.php?invite=.html" id="text-1" class="form-control">
                                    <i class="clear-input">
                                        <ion-icon name="close-circle"></ion-icon>
                                    </i> -->
                                </div>
                            </div>
                            <div class="mt-2">
                                	<!--<Center><button type="button" style="width: 50%; margin: 1px 15%;" onclick="copy('text-1')" class="btn cst-btn btn-lg btn-block">Copy link</button></Center> -->
                              </div>
                        </form> 
						<!-- Navation Bar Start -->




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


<?php $__env->startPush('script'); ?>
    <script>
        (function($){
            "use strict";
            $('#copyBoard').click(function(){
                var copyText = document.getElementsByClassName("copyURL");
                copyText = copyText[0];
                copyText.select();
                copyText.setSelectionRange(0, 99999);
                /*For mobile devices*/
                document.execCommand("copy");
                $('.copyText').text('Copied');
                setTimeout(() => {
                    $('.copyText').text('Copy');
                }, 2000);
            });
        })(jQuery);
    </script>
<?php $__env->stopPush(); ?>

<?php echo $__env->make($activeTemplate.'layouts.master', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/u329847458/domains/crownbit.pro/public_html/core/resources/views/templates/invester/user/twofactor.blade.php ENDPATH**/ ?>