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

    <body>
        <div id="app" data-v-app="">
            <uni-app class="uni-app--showtabbar"><uni-page data-page="pages/team/index"
                    type="tabBar"><!----><uni-page-wrapper><uni-page-body><uni-view
                                class="min-h-[100vh] max-w-[800rpx] mx-auto pb-[100rpx] bg-color"
                                style="background: url(<?php echo e(asset('static/images/pages/bg-order.png')); ?>) 0% 0% / 100% 100% rgb(243, 245, 246);"><uni-view
                                    class="py-[54rpx] text-center text-[#000] font-bold">Team</uni-view><uni-view
                                    class="w-[100%] px-[32rpx] flex justify-between"><uni-view
                                        class="w-[calc(100%-314rpx)]"><uni-view class="text-[#23262F] font-medium">Invitation
                                            code</uni-view><uni-view
                                            class="text-[#DD5900] font-semibold mt-[12rpx] text-[46rpx]"><?php echo e(auth()->user()->ref_code); ?></uni-view><uni-view
                                            class="w-[100%] h-[255rpx] overflow-scroll mt-[14rpx]"><uni-rich-text>
                                                <div>
                                                    <p><span style="color: rgb(0, 0, 0); font-size: 12px;">Promotion
                                                            commission ratio </span></p>
                                                    <p><span style="color: rgb(0, 0, 0); font-size: 12px;">Direct referral
                                                            (level 1):30%</span></p>
                                                    <p><span style="color: rgb(0, 0, 0); font-size: 12px;">Indirect referral
                                                            (level 2):1%</span></p>
                                                    <p><span style="color: rgb(0, 0, 0); font-size: 12px;">Indirect
                                                            recommendation (level 3):1%</span></p>
                                                    <p><span style="color: rgb(0, 0, 0); font-size: 12px;">If you invite A
                                                            to invest successfully, you will get a reward of 30%of A’s total
                                                            investment.</span></p>
                                                    <p><span style="color: rgb(0, 0, 0); font-size: 12px;">A invites B , you
                                                            will get 1% of B’s total investment</span></p>
                                                    <p><span style="color: rgb(0, 0, 0); font-size: 12px;">B invites C, you
                                                            will get 1% of C’s total investment</span></p>
                                                </div>
                                            </uni-rich-text>
                                        </uni-view><uni-view class="w-[100%] mt-[32rpx]">
                                            <uni-view id="copy-button"
                                                class="w-[244rpx] h-[52rpx] flex items-center justify-center bg-[#DD5900] rounded-[26rpx] text-[26rpx] text-[#fff]">Copy</uni-view></uni-view></uni-view><uni-image
                                        class="w-[290rpx] h-[264rpx] block">
                                        <div
                                            style="background-image: url(<?php echo e(asset('assets/icon-team-0e21f84c.png')); ?>); background-position: 0% 0%; background-size: 100% 100%;">
                                        </div><span></span><img src="<?php echo e(asset('assets/icon-team-0e21f84c.png')); ?>"
                                            draggable="false">
                                    </uni-image></uni-view><uni-view class="w-[100%] px-[30rpx] mt-[50rpx]"><uni-view
                                        data-v-b71bfd02=""
                                        class="w-[100%] text-[#000] mx-auto flex flex-wrap gap-[28rpx]"><uni-view
                                            data-v-b71bfd02="" class="w-[670rpx] h-[363rpx] px-[38rpx]"
                                            style="background: url(<?php echo e(asset('static/images/pages/bg-level-1.png')); ?>) 0% 0% / 100% 100%;"><uni-view
                                                data-v-b71bfd02=""
                                                class="text-[44rpx] font-semibold w-fit relative h-[104rpx] pt-[20rpx]"><uni-view
                                                    data-v-b71bfd02="" class="level-title-1 relative z-20"><span
                                                        data-v-b71bfd02="">LV1</span>&nbsp;&nbsp;<span
                                                        data-v-b71bfd02="">30%</span></uni-view><uni-view data-v-b71bfd02=""
                                                    class="w-[100%] relative top-[-15rpx] z-10 h-[10rpx] rounded-[5rpx] level-bg-1"><!----></uni-view></uni-view><uni-view
                                                data-v-b71bfd02=""
                                                class="w-[100%] h-[230rpx] bg-[#fff] rounded-[26rpx]"><uni-view
                                                    data-v-b71bfd02=""
                                                    class="w-[100%] h-[168rpx] flex items-center justify-between"><uni-image
                                                        data-v-b71bfd02="" class="w-[124rpx] h-[124rpx] block`">
                                                        <div
                                                            style="background-image: url(<?php echo e(asset('static/images/pages/icon-level-1.png')); ?>); background-position: 0% 0%; background-size: 100% 100%;">
                                                        </div><span></span><img
                                                            src="<?php echo e(asset('static/images/pages/icon-level-1.png')); ?>"
                                                            draggable="false">
                                                    </uni-image><uni-view data-v-b71bfd02=""
                                                        class="w-[calc(100%-144rpx)] pr-[26rpx]"><uni-view
                                                            data-v-b71bfd02=""
                                                            class="flex items-center justify-between w-[100%]"><uni-view
                                                                data-v-b71bfd02="" class="text-[#969696] text-[28rpx]">Total
                                                                Income</uni-view><uni-view data-v-b71bfd02=""
                                                                class="level-text-1 font-medium">₦<?php echo e(number_format($level1_bonus)); ?></uni-view></uni-view><uni-view
                                                            data-v-b71bfd02=""
                                                            class="flex items-center justify-between w-[100%]"><uni-view
                                                                data-v-b71bfd02=""
                                                                class="text-[#969696] text-[28rpx]">Referral
                                                                Number</uni-view><uni-view data-v-b71bfd02=""
                                                                class="level-text-1 font-medium"><?php echo e($level1->count()); ?></uni-view></uni-view></uni-view></uni-view><uni-view
                                                    data-v-b71bfd02=""
                                                    class="w-[100%] h-[62rpx] px-[24rpx] rounded-[14rpx] flex items-center justify-between level-bg-1"><uni-view
                                                        data-v-b71bfd02="" class="text-[#fff] text-[26rpx]">Today commission
                                                        &nbsp;&nbsp; ₦<?php echo e($level1_bonus_today); ?></uni-view><uni-image data-v-b71bfd02=""
                                                        class="w-[20rpx] h-[22rpx] block">
                                                        <div
                                                            style="background-image: url(<?php echo e(asset('static/images/right_arrow.png')); ?>); background-position: 0% 0%; background-size: 100% 100%;">
                                                        </div><span></span><img
                                                            src="<?php echo e(asset('static/images/right_arrow.png')); ?>"
                                                            draggable="false">
                                                    </uni-image></uni-view></uni-view></uni-view><uni-view
                                            data-v-b71bfd02="" class="w-[670rpx] h-[363rpx] px-[38rpx]"
                                            style="background: url(<?php echo e(asset('static/images/pages/bg-level-2.png')); ?>) 0% 0% / 100% 100%;"><uni-view
                                                data-v-b71bfd02=""
                                                class="text-[44rpx] font-semibold w-fit relative h-[104rpx] pt-[20rpx]"><uni-view
                                                    data-v-b71bfd02="" class="level-title-2 relative z-20"><span
                                                        data-v-b71bfd02="">LV2</span>&nbsp;&nbsp;<span
                                                        data-v-b71bfd02="">1%</span></uni-view><uni-view data-v-b71bfd02=""
                                                    class="w-[100%] relative top-[-15rpx] z-10 h-[10rpx] rounded-[5rpx] level-bg-2"><!----></uni-view></uni-view><uni-view
                                                data-v-b71bfd02=""
                                                class="w-[100%] h-[230rpx] bg-[#fff] rounded-[26rpx]"><uni-view
                                                    data-v-b71bfd02=""
                                                    class="w-[100%] h-[168rpx] flex items-center justify-between"><uni-image
                                                        data-v-b71bfd02="" class="w-[124rpx] h-[124rpx] block`">
                                                        <div
                                                            style="background-image: url(<?php echo e(asset('static/images/pages/icon-level-2.png')); ?>); background-position: 0% 0%; background-size: 100% 100%;">
                                                        </div><span></span><img
                                                            src="<?php echo e(asset('static/images/pages/icon-level-2.png')); ?>"
                                                            draggable="false">
                                                    </uni-image><uni-view data-v-b71bfd02=""
                                                        class="w-[calc(100%-144rpx)] pr-[26rpx]"><uni-view
                                                            data-v-b71bfd02=""
                                                            class="flex items-center justify-between w-[100%]"><uni-view
                                                                data-v-b71bfd02="" class="text-[#969696] text-[28rpx]">Total
                                                                Income</uni-view><uni-view data-v-b71bfd02=""
                                                                class="level-text-2 font-medium">₦<?php echo e(number_format($level2_bonus)); ?></uni-view></uni-view><uni-view
                                                            data-v-b71bfd02=""
                                                            class="flex items-center justify-between w-[100%]"><uni-view
                                                                data-v-b71bfd02=""
                                                                class="text-[#969696] text-[28rpx]">Referral
                                                                Number</uni-view><uni-view data-v-b71bfd02=""
                                                                class="level-text-2 font-medium"><?php echo e($level2->count()); ?></uni-view></uni-view></uni-view></uni-view><uni-view
                                                    data-v-b71bfd02=""
                                                    class="w-[100%] h-[62rpx] px-[24rpx] rounded-[14rpx] flex items-center justify-between level-bg-2"><uni-view
                                                        data-v-b71bfd02="" class="text-[#fff] text-[26rpx]">Today
                                                        commission &nbsp;&nbsp; ₦<?php echo e($level2_bonus_today); ?></uni-view><uni-image data-v-b71bfd02=""
                                                        class="w-[20rpx] h-[22rpx] block">
                                                        <div
                                                            style="background-image: url(<?php echo e(asset('static/images/right_arrow.png')); ?>); background-position: 0% 0%; background-size: 100% 100%;">
                                                        </div><span></span><img
                                                            src="<?php echo e(asset('static/images/right_arrow.png')); ?>"
                                                            draggable="false">
                                                    </uni-image></uni-view></uni-view></uni-view><uni-view
                                            data-v-b71bfd02="" class="w-[670rpx] h-[363rpx] px-[38rpx]"
                                            style="background: url(<?php echo e(asset('static/images/pages/bg-level-3.png')); ?>) 0% 0% / 100% 100%;"><uni-view
                                                data-v-b71bfd02=""
                                                class="text-[44rpx] font-semibold w-fit relative h-[104rpx] pt-[20rpx]"><uni-view
                                                    data-v-b71bfd02="" class="level-title-3 relative z-20"><span
                                                        data-v-b71bfd02="">LV3</span>&nbsp;&nbsp;<span
                                                        data-v-b71bfd02="">1%</span></uni-view><uni-view
                                                    data-v-b71bfd02=""
                                                    class="w-[100%] relative top-[-15rpx] z-10 h-[10rpx] rounded-[5rpx] level-bg-3"><!----></uni-view></uni-view><uni-view
                                                data-v-b71bfd02=""
                                                class="w-[100%] h-[230rpx] bg-[#fff] rounded-[26rpx]"><uni-view
                                                    data-v-b71bfd02=""
                                                    class="w-[100%] h-[168rpx] flex items-center justify-between"><uni-image
                                                        data-v-b71bfd02="" class="w-[124rpx] h-[124rpx] block`">
                                                        <div
                                                            style="background-image: url(<?php echo e(asset('static/images/pages/icon-level-3.png')); ?>); background-position: 0% 0%; background-size: 100% 100%;">
                                                        </div><span></span><img
                                                            src="<?php echo e(asset('static/images/pages/icon-level-3.png')); ?>"
                                                            draggable="false">
                                                    </uni-image><uni-view data-v-b71bfd02=""
                                                        class="w-[calc(100%-144rpx)] pr-[26rpx]"><uni-view
                                                            data-v-b71bfd02=""
                                                            class="flex items-center justify-between w-[100%]"><uni-view
                                                                data-v-b71bfd02=""
                                                                class="text-[#969696] text-[28rpx]">Total
                                                                Income</uni-view><uni-view data-v-b71bfd02=""
                                                                class="level-text-3 font-medium">₦<?php echo e(number_format($level3_bonus)); ?></uni-view></uni-view><uni-view
                                                            data-v-b71bfd02=""
                                                            class="flex items-center justify-between w-[100%]"><uni-view
                                                                data-v-b71bfd02=""
                                                                class="text-[#969696] text-[28rpx]">Referral
                                                                Number</uni-view><uni-view data-v-b71bfd02=""
                                                                class="level-text-3 font-medium"><?php echo e($level3->count()); ?></uni-view></uni-view></uni-view></uni-view><uni-view
                                                    data-v-b71bfd02=""
                                                    class="w-[100%] h-[62rpx] px-[24rpx] rounded-[14rpx] flex items-center justify-between level-bg-3"><uni-view
                                                        data-v-b71bfd02="" class="text-[#fff] text-[26rpx]">Today
                                                        commission &nbsp;&nbsp; ₦<?php echo e($level3_bonus_today); ?></uni-view><uni-image data-v-b71bfd02=""
                                                        class="w-[20rpx] h-[22rpx] block">
                                                        <div
                                                            style="background-image: url(<?php echo e(asset('static/images/right_arrow.png')); ?>); background-position: 0% 0%; background-size: 100% 100%;">
                                                        </div><span></span><img
                                                            src="<?php echo e(asset('static/images/right_arrow.png')); ?>"
                                                            draggable="false">
                                                    </uni-image></uni-view></uni-view></uni-view></uni-view></uni-view></uni-view><!----><uni-view
                                data-v-feac2987="" class="customToast z-50"><!----></uni-view><uni-view
                                data-v-bce84972="" id="loader" style="display: none;"><uni-view data-v-bce84972=""
                                    class="loader-overlay"><uni-view data-v-bce84972=""
                                        class="loader1"><!----></uni-view></uni-view></uni-view><uni-view
                                id="share_pop"><!----><!----></uni-view><uni-view data-v-feac2987=""
                                class="customToast z-50"><!---->
                            </uni-view>
                        </uni-page-body>
                    </uni-page-wrapper>
                </uni-page>


                <uni-tabbar
                    class="uni-tabbar-bottom" style="">
                    <div class="uni-tabbar" style="background-color: rgb(255, 255, 255); backdrop-filter: blur(10px);">
                        <div class="uni-tabbar-border" style="background-color: transparent;"></div>
                        <div class="uni-tabbar__item" onclick="window.location.href='<?php echo e(route('user.home')); ?>'">
                            <div class="uni-tabbar__bd" style="height: 50px;">
                                <div class="uni-tabbar__icon uni-tabbar__icon__diff" style="width: 24px; height: 24px;">
                                    <img src="<?php echo e(asset('static/images/common/homeBar.png')); ?>">
                                </div>
                                <div class="uni-tabbar__label"
                                    style="color: rgb(158, 158, 158); font-size: 12px; line-height: normal; margin-top: 3px;">
                                    Home</div><!---->
                            </div>
                        </div>
                        <div class="uni-tabbar__item" onclick="window.location.href='<?php echo e(route('user.referrals')); ?>'">
                            <div class="uni-tabbar__bd" style="height: 50px;">
                                <div class="uni-tabbar__icon uni-tabbar__icon__diff" style="width: 24px; height: 24px;">
                                    <img src="<?php echo e(asset('static/images/common/teamBarActive.png')); ?>">
                                </div>
                                <div class="uni-tabbar__label"
                                    style="color: rgb(221, 89, 0); font-size: 12px; line-height: normal; margin-top: 3px;">
                                    Team</div><!---->
                            </div>
                        </div>
                        <div class="uni-tabbar__item" onclick="window.location.href='<?php echo e(route('user.withdraw')); ?>'">
                            <div class="uni-tabbar__bd" style="height: 50px;">
                                <div class="uni-tabbar__icon uni-tabbar__icon__diff" style="width: 24px; height: 24px;">
                                    <img src="<?php echo e(asset('static/images/common/withdrawBar.png')); ?>">
                                </div>
                                <div class="uni-tabbar__label"
                                    style="color: rgb(158, 158, 158); font-size: 12px; line-height: normal; margin-top: 3px;">
                                    Wallet</div><!---->
                            </div>
                        </div>
                        <div class="uni-tabbar__item" onclick="window.location.href='<?php echo e(route('user.profile.setting')); ?>'">
                            <div class="uni-tabbar__bd" style="height: 50px;">
                                <div class="uni-tabbar__icon uni-tabbar__icon__diff" style="width: 24px; height: 24px;">
                                    <img src="<?php echo e(asset('static/images/common/mineBar.png')); ?>">
                                </div>
                                <div class="uni-tabbar__label"
                                    style="color: rgb(158, 158, 158); font-size: 12px; line-height: normal; margin-top: 3px;">
                                    Me</div><!---->
                            </div>
                        </div>
                    </div>
                    <div class="uni-placeholder" style="height: 50px;"></div>
                </uni-tabbar></uni-app>
        </div>

    </body>

    <script>
        // Add an event listener to the "Copy" button
        document.getElementById('copy-button').addEventListener('click', function() {
            // Define the referral URL (you can use a dynamic URL here, e.g., from Laravel's Blade)
            var referralUrl = "<?php echo e(route('home')); ?>?invite_code=<?php echo e(auth()->user()->ref_code); ?>"; // This will get the current URL

            // Create a temporary input element to use the Clipboard API
            var tempInput = document.createElement('input');
            tempInput.value = referralUrl;
            document.body.appendChild(tempInput);

            // Select the text in the input element
            tempInput.select();
            tempInput.setSelectionRange(0, 99999); // For mobile devices

            // Execute the copy command
            document.execCommand('copy');

            // Remove the temporary input element
            document.body.removeChild(tempInput);

            // Optionally, you can alert the user that the URL has been copied
            alert('Referral URL copied: ' + referralUrl);
        });
    </script>
<?php $__env->stopSection(); ?>

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