<?php $__env->startSection('content'); ?>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
    <link rel="stylesheet"
        href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>

    <link href="<?php echo e(asset('css/team.css')); ?>" rel="stylesheet" type="text/css">


    <body class="teamPage">
        <div class="app h5MaxWidth">
            <header class="isScrollTo">
                <div class="header h5MaxWidth clear display alignCenter">
                    <div class="back display alignCenter" onclick="history.back()">
                        <i class="iconfont icon-arrow-left"></i>
                    </div>
                    <h3 class="flex1">Team</h3>
                    <div class="navskip" id="sideMenu"></div>
                </div>
            </header>

            <div class="subject">
                <div class="groundSkin display alignStart justifyEnd">
                    <img src="<?php echo e(asset('img/3.png')); ?>" alt="">
                </div>
            </div>

            <div class="main">

                <div class="inviteCode" id="copyInviteCode"
                    data-clipboard-text="<?php echo e(route('home')); ?>?invite_code=<?php echo e(auth()->user()->ref_code); ?>">
                    <div class="code display alignStart">
                        <div class="txt flex1">
                            <h4><?php echo e(auth()->user()->ref_code); ?></h4>
                            <span>Invitation code</span>
                        </div>
                        <div class="copyBtn radius500PX">
                            <p><i class="iconfont icon-crop-pathfinder"></i> Copy invitation link</p>
                        </div>
                    </div>
                </div>



                <div class="teamDataArea">
                    <div class="">




                        <div class="rankCard owl-carousel owl-theme owl-loaded owl-drag"
                            style="transition: 0.25s; width: 1005px; transform: translate3d(26px, 0px, 0px);">
                            <div class="item center active" style="width: 324.783px; margin-right: 10px;">
                                <div class="card card_LV1">
                                    <div class="lvICON">
                                        <img src="<?php echo e(asset('img/lv1.png')); ?>" alt="">
                                    </div>
                                    <div class="attribute">
                                        <ul class="gongGeNAV display alignEnd">
                                            <li class="rate radius15PX">
                                                <div>
                                                    <h4><?php echo e($general->lv1); ?>%</h4>
                                                    <span>Commission rate</span>
                                                </div>
                                            </li>
                                            <li class="general">
                                                <div>
                                                    <p><?php echo e($level1->count()); ?></p>
                                                    <span>People invited</span>
                                                </div>
                                            </li>
                                            <li class="valid">
                                                <div>
                                                    <p><?php echo e(number_format($level1_bonus)); ?></p>
                                                    <span>Bonus</span>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>

                                    <div class="tips">
                                        <div class="explain">
                                            <p>Level 1 team, users can return <?php echo e($general->lv1); ?>% commission for each investment.</p>
                                        </div>
                                    </div>

                                    <div class="listNames">
                                        <div class="titleBar">
                                            <h4>Invited user</h4>
                                        </div>
                                        <div class="list_LV1">
                                            <div class="list radius15PX">
                                                <ul class="cell">


                                                    <?php $__empty_1 = true; $__currentLoopData = $level1a; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                                                        <li class="radius7PX display alignCenter">
                                                            <div class="infoBar display alignCenter flex1">
                                                                <div class="titleLabel flex1">
                                                                    <div class="userCard display alignCenter">
                                                                        <div
                                                                            class="portrait display alignCenter justifyCenter">
                                                                            <div
                                                                                class="frame display alignCenter justifyCenter radius50P">
                                                                                <img src="<?php echo e(asset('img/portrait.png')); ?>"
                                                                                    alt="">
                                                                            </div>
                                                                        </div>
                                                                        <div class="infor flex1">
                                                                            <p>
                                                                                <?php echo e(substr($item->mobile, 0, 2)); ?>*****<?php echo e(substr($item->mobile, -4)); ?>

                                                                            </p>
                                                                            <span><?php echo e($item->created_at); ?></span>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>

                                                                <div class="noData radius7PX">
                                                                    <div class="tipIcon">
                                                                        <img src="<?php echo e(asset('img/01.png')); ?>/"
                                                                            alt="">
                                                                    </div>
                                                                    <h3>No records yet</h3>
                                                                </div>
                                                    <?php endif; ?>


                                                </ul>
                                            </div>
                                            <div class="loadMore"></div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <div class="item" style="width: 324.783px; margin-right: 10px;">
                                <div class="card card_LV2">
                                    <div class="lvICON">
                                        <img src="<?php echo e(asset('img/lv2.png')); ?>" alt="">
                                    </div>
                                    <div class="attribute">
                                        <ul class="gongGeNAV display alignEnd">
                                            <li class="rate radius15PX">
                                                <div>
                                                    <h4><?php echo e($general->lv2); ?>%</h4>
                                                    <span>Commission rate</span>
                                                </div>
                                            </li>
                                            <li class="general">
                                                <div>
                                                    <p><?php echo e($level2->count()); ?></p>
                                                    <span>People invited</span>
                                                </div>
                                            </li>
                                            <li class="valid">
                                                <div>
                                                    <p><?php echo e(number_format($level2_bonus)); ?></p>
                                                    <span>Bonus</span>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>

                                    <div class="tips">
                                        <div class="explain">
                                            <p>Level 2 team, users can return <?php echo e($general->lv2); ?>% commission for each investment.</p>
                                        </div>
                                    </div>

                                    <div class="listNames">
                                        <div class="titleBar">
                                            <h4>Invited user</h4>
                                        </div>
                                        <div class="list_LV2">
                                            <div class="list radius15PX">
                                                <ul class="cell">
                                                    <?php $__empty_1 = true; $__currentLoopData = $level2a; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                                                        <li class="radius7PX display alignCenter">
                                                            <div class="infoBar display alignCenter flex1">
                                                                <div class="titleLabel flex1">
                                                                    <div class="userCard display alignCenter">
                                                                        <div
                                                                            class="portrait display alignCenter justifyCenter">
                                                                            <div
                                                                                class="frame display alignCenter justifyCenter radius50P">
                                                                                <img src="<?php echo e(asset('img/portrait.png')); ?>"
                                                                                    alt="">
                                                                            </div>
                                                                        </div>
                                                                        <div class="infor flex1">
                                                                            <p>
                                                                                <?php echo e(substr($item->mobile, 0, 2)); ?>*****<?php echo e(substr($item->mobile, -4)); ?>

                                                                            </p>
                                                                            <span><?php echo e($item->created_at); ?></span>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>

                                                                <div class="noData radius7PX">
                                                                    <div class="tipIcon">
                                                                        <img src="<?php echo e(asset('img/01.png')); ?>/"
                                                                            alt="">
                                                                    </div>
                                                                    <h3>No records yet</h3>
                                                                </div>
                                                    <?php endif; ?>
                                                </ul>
                                            </div>
                                            <div class="loadMore"></div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <div class="item" style="width: 324.783px; margin-right: 10px;">
                                <div class="card card_LV3">
                                    <div class="lvICON">
                                        <img src="<?php echo e(asset('img/lv3.png')); ?>" alt="">
                                    </div>
                                    <div class="attribute">
                                        <ul class="gongGeNAV display alignEnd">
                                            <li class="rate radius15PX">
                                                <div>
                                                    <h4><?php echo e($general->lv3); ?>%</h4>
                                                    <span>Commission rate</span>
                                                </div>
                                            </li>
                                            <li class="general">
                                                <div>
                                                    <p><?php echo e($level3->count()); ?></p>
                                                    <span>People invited</span>
                                                </div>
                                            </li>
                                            <li class="valid">
                                                <div>
                                                    <p><?php echo e(number_format($level3_bonus)); ?></p>
                                                    <span>Bonus</span>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>

                                    <div class="tips">
                                        <div class="explain">
                                            <p>Level 3 team, users can return <?php echo e($general->lv3); ?>% commission for each investment.</p>
                                        </div>
                                    </div>

                                    <div class="listNames">
                                        <div class="titleBar">
                                            <h4>Invited user</h4>
                                        </div>
                                        <div class="list_LV3">
                                            <div class="list radius15PX">
                                                <ul class="cell">
                                                    <?php $__empty_1 = true; $__currentLoopData = $level3a; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                                                        <li class="radius7PX display alignCenter">
                                                            <div class="infoBar display alignCenter flex1">
                                                                <div class="titleLabel flex1">
                                                                    <div class="userCard display alignCenter">
                                                                        <div
                                                                            class="portrait display alignCenter justifyCenter">
                                                                            <div
                                                                                class="frame display alignCenter justifyCenter radius50P">
                                                                                <img src="<?php echo e(asset('img/portrait.png')); ?>"
                                                                                    alt="">
                                                                            </div>
                                                                        </div>
                                                                        <div class="infor flex1">
                                                                            <p>
                                                                                <?php echo e(substr($item->mobile, 0, 2)); ?>*****<?php echo e(substr($item->mobile, -4)); ?>

                                                                            </p>
                                                                            <span><?php echo e($item->created_at); ?></span>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>

                                                                <div class="noData radius7PX">
                                                                    <div class="tipIcon">
                                                                        <img src="<?php echo e(asset('img/01.png')); ?>/"
                                                                            alt="">
                                                                    </div>
                                                                    <h3>No records yet</h3>
                                                                </div>
                                                    <?php endif; ?>
                                                </ul>
                                            </div>
                                            <div class="loadMore"></div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>

                        
                    </div>
                </div>

            </div>
        </div>

        <?php echo $__env->make('templates.basic.partials.footer', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>


        <script type="text/javascript">
            $(document).ready(function() {
                $('.teamDataArea .rankCard').owlCarousel({
                    center: true,
                    loop: false,
                    items: 1.15,
                    margin: 10,
                    nav: true,
                    responsive: {
                        0: {
                            items: 1
                        },
                        600: {
                            items: 2
                        },
                        1000: {
                            items: 3
                        }
                    }
                });


                var copyBtn = document.querySelectorAll('#copyInviteCode');
                var clipboard = new Clipboard(copyBtn);
                clipboard.on('success', function(e) {
                    toast('',
                        'The invitation link has been copied successfully. Please paste it and send it to your friend to earn profits together',
                        'copy', 2000, 2);
                });
                clipboard.on('error', function(e) {
                    toast('', 'Copy failed', 'copy', 2000, 1);
                });

            });
        </script>

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

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