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


<style>
    .shop_lists1 {
        width: 92%;
        margin: 1rem 4%;
    }

    .shop_lists1 ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .shop_lists1 li {
        width: 48%;
        padding: 3rem 1rem 1rem 1rem;
        box-sizing: border-box;
        background: #fff;
        position: relative;
        border-radius: 0.25rem;
        margin-bottom: 1rem;
    }

    .shop_lists1 li img {
        width: 6.25rem;
        height: 6.25rem;
        display: block;
        margin: 0 auto;
    }

    .shop_lists1 li .tag {
        height: 1.25rem;
        line-height: 1.15rem;
        background: linear-gradient(to right,#F2D13A,#F3BD2A);
        color: #fff;
        display: inline-block;
        padding: 0 0.75rem;
        font-size: 12px;
        border-radius: 2.5rem;
        position: absolute;
        top: 1rem;
        left: 1rem;
    }

    .shop_lists1 li h4 {
        width: 100%;
        text-align: center;
        margin-top: 0.5rem;
        font-size: 14px;
        color: #333;
    }

    .shop_lists1 li p {
        width: 100%;
        height: 1.5rem;
        background: linear-gradient(to right,#F2D13A,#F3BD2A);
        margin-top: 0.75rem;
        border-radius: 3rem;
        padding: 0 1px;
        box-sizing: border-box;
        text-align: center;
        justify-content: space-between;
    }

    .shop_lists1 li p span {
        width: 50%;
        height: 22px;
        margin-top: 1px;
        line-height: 22px;
        font-weight: bold;
        color: #fff;
        font-size: 12px;
        text-align: center;
    }

    .shop_lists1 li p span.action {
        background: #fff;
        color: #333;
    }
    .device_body{
        width: 100%;
        margin: 1rem 0%;
        background: #232323;
        background-size: cover;
        padding: 0.5rem;
        box-sizing: border-box;
        border: none;
        height: 5.5rem;
        border-radius: 0;
    }
    .shop_money{
        background: #232323;
        border-radius: 0;
        border: none;
    }
    .shop_money .left{
        padding: 0;
    }
    .shop_money .left p {
        width: 100%;
        font-size: 14px;
        color: #888;
        text-align: center;
    }
    .shop_money .left h1 {
        font-size: 22px;
        color: #FFF;
        margin:auto;
    }
    .shop_money a {
        height: 2rem;
        display: inline-block;
        line-height: 2rem;
        font-size: 13px;
        /*background: linear-gradient(0deg, #feaf1e 0%, #FFFDFD 100%);*/
        margin: auto;
        padding: 0.1rem 14%;
        border-radius: 20px;
        color: #FFF;
        font-weight: bold;
        margin-top:0.5rem;
        background: linear-gradient(to right,#F2D13A,#F3BD2A)
    }
    .produce {
        width:60%;
        text-align: center;
        line-height: 2rem;
        font-size: 14px;
        border-radius: 2.5rem;
        height: 2rem;
        color: rgb(255, 255, 255);
        background: linear-gradient(to right,#F2D13A,#F3BD2A);
        display: block;
        float: right;
        margin-right: 1rem;
    }
    .goods_lists li span.money {
        height: 1.5rem;
        background: none;
        font-weight: bold;
        color: #FFF;
        line-height: 1.5rem;
        position: absolute;
        /* right: 1rem; */
        font-size: 14px;
        padding: 0 1rem;
        border-radius: 2rem;
        /*top: 9.2rem;*/
        left: 0;
        width: 10rem;
    }
    .pay_center h4{
        color: #FFF;
    }
    .pay_center p{
        color: #b1b1b1;
    }
    .van-progress__portion {
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        background: var(--van-progress-color);
        border-radius: inherit;
        transform-origin: 0;
        transition: all var(--van-animation-duration-base) var(--van-animation-timing-function-enter);
    }
    </style>
    <style type="text/css" media="screen and (min-width: 640px)">

    </style>
    </head>










    <link rel="stylesheet" href="https://drak.ktdev.xyz/core/css/rowater.css">
    <style>
                .invite-txt {
                    width: 100%;
                    text-align: left;
                    color: #ffffff;
                    padding-top: 0;
                }
                .invite-con {
                    width: 100%;
                    height: auto;
                    padding: 20px;
                    display: inline-block;
                    background: #232323;
                    border-radius: 5px;
                     margin-top: 4vh;
                }
            </style>
            <style>
                .shop_money{
                    background: #232323;
                    border-radius: 0;
                    border: none;
                }
                .shop_money .left{
                    padding: 0;
                }
                .shop_money .left p {
                    width: 100%;
                    font-size: 14px;
                    color: #888;
                    text-align: center;
                }
                .shop_money .left h1 {
                    font-size: 22px;
                    color: #fff;
                    margin:auto;
                }
                .shop_money a {
                    height: 2rem;
                    display: inline-block;
                    line-height: 2rem;
                    font-size: 13px;
                    /*background: linear-gradient(0deg, #feaf1e 0%, #FFFDFD 100%);*/
                    margin: auto;
                    padding: 0.1rem 14%;
                    border-radius: 20px;
                    color: #fff;
                    font-weight: bold;
                    margin-top:0.5rem;
                    background: linear-gradient(to right,#F2D13A,#F3BD2A)
                }
            </style>
        </head>
        <body>

            <!--<div class="bg"><img src="/static/themes/img/indexbg2.jpg"></div>-->

            <header style="background: #090909;">
                <!--<img src="/static/themes/img/re.png"  onclick="javascript:history.back(-1);">-->
                <p style="color: #fff;">Referrals</p>
            </header>
            <div class="header"></div>
            <div class="shop_money" style="display:inline-block">
                <div class="my_moneys" style="height: 2rem;margin-top: 5px;text-align: center;">
                    <h4><span>₦</span> <?php echo e(number_format($user->balance + $user->bonus_balance)); ?> </h4>
                    <p>Available balance</p>
                </div>
                <div style="display:flex">
                    <div class="left" style="height: auto;">
                        <a href="<?php echo e(route('user.deposit')); ?>">Recharge</a>
                    </div>
                    <div class="left" style="height: auto;">
                        <a href="<?php echo e(route('user.withdraw')); ?>" style="background: linear-gradient(to right,#F2D13A,#F3BD2A)">Withdrawal</a>
                    </div>
                </div>
            </div>
            <img src="<?php echo e(asset('core/img/invite.png')); ?>" style="width:92%;margin:autp" />
            <!--<div class="pay_center" > -->

            <!--	<div class="pay_center_to team_money" style="    margin-bottom: 0;">-->

            <!--		<div class="lis" style="margin:auto;height:4.5rem">-->
            <!--		    <h4 style="color:#fa5151">Medali Emas</h4>-->
            <!--			<p>17****000000</p>-->
            <!--			<h4 style="color:#fa5151">5000000.0000</h4>-->
            <!--		</div>-->

            <!--	</div>-->
            <!--	<div class="pay_center_to team_money">-->

            <!--		<div class="lis" style="height:4.5rem">-->
            <!--		    <h4 style="color:#3662ec">Medali Perak</h4>-->
            <!--			<p>18****000000</p>-->
            <!--			<h4>2552590.0000</h4>-->
            <!--		</div>-->
            <!--		<div class="lis" style="height:4.5rem">-->
            <!--		    <h4 style="color:#00b578">Medali Perunggu</h4>-->
            <!--			<p>12****312333</p>-->
            <!--			<h4>382113.0000</h4>-->
            <!--		</div>-->
            <!--	</div>-->


            <!--</div>-->
            <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>
    </head>
    <body>

    <div style="display:none;">
    <input type="text" value="<?php echo e(route('home')); ?>?invite_code=<?php echo e(auth()->user()->ref_code); ?>" 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: " + copyText.value;
    }

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

            <div class="main">
                <div class="invite-con">
                    <!--<div class="invite-item" >-->
                    <!--    <span>8E0RQF</span>-->
                    <!--    <button type="button" onclick="copy_url('8E0RQF')">COPY CODE</button>-->
                    <!--</div>-->
                    <!--<div class="space-10"></div>-->
                    <div class="invite-item">
                        <span style="line-height:21px"><?php echo e(route('home')); ?>?invite_code=<?php echo e(auth()->user()->ref_code); ?></span>
                        <button type="button" id="myTooltip"  onclick="myFunction()" onmouseout="outFunc()" >Copying Link</button>
                    </div>
                    <div class="space-10"></div>
    <!--    	        <div class="invite-item">-->
    <!--    	            <span style="line-height:21px">Uzun vadeli para kazandıran APP🎉🎉<br>-->

    <!--0 Yatırım yapın ve para kazanın uygulamaları🎉🎉<br>-->

    <!--1. Birinci seviye takım komisyonu 🎁%25, ikinci seviye takım komisyonu🎁 %3 ve üçüncü seviye takım komisyonu 🎁%2'dir.<br>-->

    <!--2. Birinci düzey ekip üretim komisyonu 🎁%5<br>-->
    <!--     İkincil ekip üretim komisyonu🎁 %3<br>-->
    <!--     Seviye 3 ekip üretim komisyonu🎁 %2<br>-->

    <!--3. Kaydı tamamlayın ve etkinlik şanslı çekilişine katılın. 100.000 liraya varan ikramiyeler<br>https://teslaez.com/login_register.html?c=8E0RQF</span>-->
    <!--    	            <button type="button" onclick="copy_url('Uzun vadeli para kazandıran APP🎉🎉 0 Yatırım yapın ve para kazanın uygulamaları🎉🎉 1. Birinci seviye takım komisyonu 🎁%25, ikinci seviye takım komisyonu🎁 %3 ve üçüncü seviye takım komisyonu 🎁%2 dir. 2. Birinci düzey ekip üretim komisyonu 🎁%5  İkincil ekip üretim komisyonu🎁 %3  Seviye 3 ekip üretim komisyonu🎁 %2 3. Kaydı tamamlayın ve etkinlik şanslı çekilişine katılın. 100.000 liraya varan ikramiyeler https://teslaez.com/login_register.html?c=8E0RQF')">Menyalin Tautan</button>-->
    <!--    	        </div>-->
                </div>
                <div class="space-20"></div>
            </div>
            <div style="background:#232323;width:92%;margin:auto;border-radius:10px;padding: 15px;margin-top: 5%;">
                <h2 style="color: #fff;">The secret to high income</h2>
                <div style="color: #888;font-size: 15px;">
                    1. Invite friends to register for  and get invitation cash rewards<br>
    2. Invite active members (first-time equipment purchasers), and the first-level team commission will be 35%. The commission for the secondary team is 3%. The commission for level 3 teams is 2%.<br>
    3. Complete the tasks released by TSL and receive a large amount of additional cash rewards!
                </div>
            </div>







            <div class="pay_center" >

                <div class="pay_center_to team_money" style="    margin-bottom: 0;">
                    <div class="lis">
                        <p>Team income</p>
                        <h4>₦<?php echo e(number_format($gross_bonus)); ?></h4>
                    </div>

                    <div class="lis">
                        <p>Total People</p>
                        <h4><?php echo e($referral_count); ?></h4>
                    </div>

                </div>
                <div class="pay_center_to team_money" style="    margin-bottom: 0;">
                    <p style="color:white;">LEVEL 1</p>
                    <div class="lis">
                        <p>Team income</p>
                        <h4><?php echo e(number_format($level1_bonus)); ?></h4>
                    </div>

                    <div class="lis">
                        <p>Total People</p>
                        <h4><?php echo e($level1->count()); ?></h4>
                    </div>

                </div>
                <div class="pay_center_to team_money" style="    margin-bottom: 0;">
                    <p style="color:white;">LEVEL 2</p>
                    <div class="lis">
                        <p>Team income</p>
                        <h4><?php echo e(number_format($level2_bonus)); ?></h4>
                    </div>

                    <div class="lis">
                        <p>Total People</p>
                        <h4><?php echo e($level2->count()); ?></h4>
                    </div>

                </div>
                <div class="pay_center_to team_money" style="    margin-bottom: 0;">
                    <p style="color:white;">LEVEL 3</p>
                    <div class="lis">
                        <p>Team income</p>
                        <h4><?php echo e(number_format($level3_bonus)); ?></h4>
                    </div>

                    <div class="lis">
                        <p>Total People</p>
                        <h4><?php echo e($level3->count()); ?></h4>
                    </div>

                </div>

                

                <div class="pay_center_to reg_list user_box">

                                </div>
                <div class="layui-flow-more"><a href="javascript:;" style=" width: 100%;display: block; text-align: center;color: #999; line-height: 3rem;"></a></div>
                <div class="load_gif" style="width:100%;text-align:center;display:none"><img src="/static/home/img/loading.gif" ></div>
                <div class="lno_data" style="width:100%;text-align:center;font-size:14px;color:#999;display:none;line-height:35px">No more data</div>
            </div>





        <div class="footer"></div>
        <footer>
            <ul>
                <li onclick="location='<?php echo e(route('user.home')); ?>'">
                    <img src="<?php echo e(asset('core/img/f1.png')); ?>">
                    <p>Home</p>
                </li>
                <li onclick="location='<?php echo e(route('user.deposit')); ?>'">
                    <img src="<?php echo e(asset('core/img/f2.png')); ?>">
                    <p>Recharge</p>
                </li>
                <li class="action" onclick="location='<?php echo e(route('user.referrals')); ?>'">
                    <img src="<?php echo e(asset('core/img/f3.png')); ?>">
                    <p>Invite</p>
                </li>
                <li onclick="location='<?php echo e(route('user.investment.log')); ?>'">
                    <img src="<?php echo e(asset('core/img/f4.png')); ?>">
                    <p>Device</p>
                </li>
                <li onclick="location='<?php echo e(route('user.profile.setting')); ?>'">
                    <img src="<?php echo e(asset('core/img/f5.png')); ?>">
                    <p>Mine</p>
                </li>
            </ul>
        </footer>


<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<!-- Include Clipboard.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.8/clipboard.min.js"></script>

<!-- Your JavaScript code -->
<script type="text/javascript">
    $(document).ready(function() {
        // Define the text to copy
        var text = '<?php echo e(route('home')); ?>?invite_code=<?php echo e(auth()->user()->ref_code); ?>';

        // Initialize Clipboard.js
        var clipboard = new ClipboardJS('.btncopy', {
            text: function() {
                return text;
            }
        });

        // Define success and error callbacks
        clipboard.on('success', function(e) {
            console.log('Text copied successfully');
            alert('Text copied successfully');
        });

        clipboard.on('error', function(e) {
            console.error('Unable to copy text');
        });

        // Click event listener for elements with class 'btncopy'
        $('.btncopy').click(function() {
            // Trigger copy action
            clipboard.copy();
        });
    });
</script>

<script type="text/javascript">
    $(document).ready(function() {
        // Define the text to copy
        var text = '<?php echo e(auth()->user()->ref_code); ?>';

        // Initialize Clipboard.js
        var clipboard = new ClipboardJS('.btncopy1', {
            text: function() {
                return text;
            }
        });

        // Define success and error callbacks
        clipboard.on('success', function(e) {
            console.log('Text copied successfully');
            alert('Text copied successfully');
        });

        clipboard.on('error', function(e) {
            console.error('Unable to copy text');
        });

        // Click event listener for elements with class 'btncopy'
        $('.btncopy').click(function() {
            // Trigger copy action
            clipboard.copy();
        });
    });
</script>

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

<?php echo $__env->make('layouts.users', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /Applications/AMPPS/www/swift/core/resources/views/templates/basic/user/referrals.blade.php ENDPATH**/ ?>