<?php $__env->startSection('content'); ?>
    <link rel="stylesheet" crossorigin="" href="<?php echo e(asset('assets/InvestList-ElEMLdhA.css')); ?>">

    <body class="">
        <div id="app" data-v-app="">
            <div data-v-261ace50="" class="common-layout">
                <div data-v-8aa1af7e="" data-v-261ace50="" class="investListPage bg_00">
                    <div data-v-8aa1af7e="" class="main">
                        <div data-v-5b4aea95="" class="pageHead display alignCenter"><!---->
                            <div data-v-5b4aea95="" class="bakanceBar flex1">
                                <div data-v-5b4aea95="" class="bakance">
                                    <div data-v-5b4aea95="" class="title display alignStart">
                                        <div data-v-5b4aea95=""><span data-v-5b4aea95="">Balance </span></div>
                                        <div data-v-5b4aea95="" class="exposed icon" id="toggleBalance" style="cursor: pointer;">
                                            <i data-v-5b4aea95="" class="ri-eye-close-line" id="eyeIcon"></i>
                                        </div>
                                    </div>
                                    <div data-v-5b4aea95="" class="sun">
                                        <h4 data-v-5b4aea95="" id="balanceAmount">
                                            <em data-v-5b4aea95="" class="currency">₦</em>
                                            <span style="color: white;font-size:20px;" id="balanceValue">***</span>
                                        </h4>
                                    </div>
                                </div>
                            </div>

                            <div data-v-5b4aea95="" class="menuItem">
                                <ul data-v-5b4aea95="" class="display alignCenter">

                                    <li data-v-5b4aea95="" class="userMessages radius50P display alignCenter justifyCenter">
                                        <div data-v-5b4aea95="" class="van-badge__wrapper hideBadge">
                                            <div data-v-5b4aea95="" class="icon display alignCenter justifyCenter"><i
                                                    data-v-5b4aea95="" class="ri-notification-3-fill"></i></div><!---->
                                        </div>
                                    </li>
                                    <li data-v-5b4aea95="" class="usermod radius50P display alignCenter justifyCenter"
                                        id="settingsIcon">
                                        <div data-v-5b4aea95="" class="icon display alignCenter justifyCenter">
                                            <i data-v-5b4aea95="" class="ri-settings-fill"></i>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>


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


                        <div data-v-8aa1af7e="" class="tabSortNav">
                            <div data-v-8aa1af7e="" class="van-tabs van-tabs--line">
                                <div style="">
                                    <div class="van-sticky" style="">
                                        <div>
                                            <div class="van-tabs__wrap">
                                                <div role="tablist"
                                                    class="van-tabs__nav van-tabs__nav--line van-tabs__nav--shrink van-tabs__nav--complete"
                                                    aria-orientation="horizontal"><!---->
                                                    <div id="van-tabs-1-0" role="tab"
                                                        class="van-tab van-tab--line van-tab--shrink van-tab--active"
                                                        tabindex="0" aria-selected="true" aria-controls="van-tab-2"
                                                        style="color: var(--bw0);"><span class="van-tab__text">Daily
                                                            fund</span></div>
                                                    
                                                    <div class="van-tabs__line"
                                                        style="transform: translateX(81.5px) translateX(-50%); transition-duration: 0.3s;">
                                                    </div><!---->
                                                </div>
                                            </div><!---->
                                        </div>
                                    </div>
                                </div>
                                <div class="van-tabs__content">
                                    <div data-v-8aa1af7e="" id="van-tab-2" role="tabpanel" class="van-tab__panel"
                                        tabindex="0" aria-labelledby="van-tabs-1-0" style="">
                                        <div data-v-8aa1af7e="" class="investList"><!---->

                                            <?php $__currentLoopData = $plans; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $plan): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                <div data-v-8aa1af7e="" class="product m_lr5 m_tb10 productState_3">
                                                    <div data-v-8aa1af7e="" class="title">
                                                        <h3 data-v-8aa1af7e="">Invest <?php echo e($plan->min_amount); ?> to upgrade to
                                                            <?php echo e($plan->name); ?></h3>
                                                        <!----><!---->
                                                    </div>
                                                    <div data-v-8aa1af7e="" class="attribute flex2">
                                                        <ul data-v-8aa1af7e="" class="gongGeNAV display alignEnd">
                                                            <li data-v-8aa1af7e="" class="p_tb5 p_lr10 flex1">
                                                                <div data-v-8aa1af7e=""><span data-v-8aa1af7e="">Daily
                                                                        earnings</span>
                                                                    <h3 data-v-8aa1af7e=""><em data-v-8aa1af7e=""
                                                                            class="currency">₦</em><?php echo e(number_format($plan->interest_amount, 2)); ?>

                                                                    </h3>
                                                                </div>
                                                            </li>
                                                            <li data-v-8aa1af7e="" class="p_tb5 p_lr10 flex1">
                                                                <div data-v-8aa1af7e=""><span data-v-8aa1af7e="">Revenue
                                                                        days</span>
                                                                    <h3 data-v-8aa1af7e=""><?php echo e($plan->total_return); ?><em
                                                                            data-v-8aa1af7e="" class="unit">Days</em>
                                                                    </h3>
                                                                </div>
                                                            </li>
                                                        </ul>
                                                        <ul data-v-8aa1af7e="" class="cell">
                                                            <li data-v-8aa1af7e="" class="display alignCenter p_tb5">
                                                                <div data-v-8aa1af7e=""
                                                                    class="infoBar display alignCenter flex1">
                                                                    <div data-v-8aa1af7e="" class="titleLabel flex1">
                                                                        <p data-v-8aa1af7e="">Daily earnings</p>
                                                                    </div>
                                                                    <div data-v-8aa1af7e="" class="contInfo">
                                                                        <h4 data-v-8aa1af7e=""><em data-v-8aa1af7e=""
                                                                                class="currency">₦</em><?php echo e(number_format($plan->interest_amount, 2)); ?>

                                                                        </h4>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <li data-v-8aa1af7e="" class="display alignCenter p_tb5">
                                                                <div data-v-8aa1af7e=""
                                                                    class="infoBar display alignCenter flex1">
                                                                    <div data-v-8aa1af7e="" class="titleLabel flex1">
                                                                        <p data-v-8aa1af7e="">Total revenue</p>
                                                                    </div>
                                                                    <div data-v-8aa1af7e="" class="contInfo">
                                                                        <h4 data-v-8aa1af7e=""><em data-v-8aa1af7e=""
                                                                                class="currency">₦</em><?php echo e(number_format($plan->interest_amount * $plan->total_return, 2)); ?>

                                                                        </h4>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            
                                                            
                                                        </ul>
                                                    </div>
                                                    <form action="<?php echo e(route('user.investment')); ?>" method="post">
                                                        <?php echo csrf_field(); ?>
                                                        <input name="id" type="hidden" value="<?php echo e($plan->id); ?>">
                                                        <div data-v-8aa1af7e=""
                                                            class="buyNowBar display alignCenter justifyEnd">
                                                            <button type="submit" style="border: none;"
                                                                data-v-8aa1af7e=""
                                                                class="statusBtn p_tb10 p_lr20 display alignCenter">
                                                                <p data-v-8aa1af7e="">Invest Now</p><i data-v-8aa1af7e=""
                                                                    class="ri-arrow-right-line"></i>
                                                            </button>
                                                        </div>
                                                    </form>
                                                </div>
                                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

                                        </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(); ?>

            </div>
        </div>

        <script>
            // Get elements
            const toggleBalance = document.getElementById('toggleBalance');
            const balanceValue = document.getElementById('balanceValue');
            const eyeIcon = document.getElementById('eyeIcon');

            // Variable to track visibility state
            let isBalanceVisible = false;

            // Function to toggle balance visibility
            toggleBalance.addEventListener('click', function() {
                isBalanceVisible = !isBalanceVisible; // Toggle the state

                if (isBalanceVisible) {
                    balanceValue.textContent = '<?php echo e(number_format($user->balance + $user->bonus_balance, 2)); ?>'; // Show the balance
                    eyeIcon.classList.remove('ri-eye-2-line'); // Change to open eye icon
                    eyeIcon.classList.add('ri-eye-line'); // Change to open eye icon
                } else {
                    balanceValue.textContent = '***'; // Hide the balance and show placeholder
                    eyeIcon.classList.remove('ri-eye-line'); // Change to closed eye icon
                    eyeIcon.classList.add('ri-eye-close-line'); // Change to closed eye icon
                }
            });
        </script>
    </body>
<?php $__env->stopSection(); ?>



<?php $__env->startPush('style'); ?>
    <style type="text/css">
        #copyBoard {
            cursor: pointer;
            height: 100%;
        }

        .input-group-text {
            background-color: #0a1227;
            border: 1px solid #373768;
            color: #fff;
        }

        #referralURL {
            background: #20204e;
            border-color: #20204e;
            color: #fff;
        }

        #social-links ul li {
            list-style: none !important;
            display: inline-block;
        }

        #social-links ul a {
            display: block;
            padding: 4px 10px;
        }
    </style>
<?php $__env->stopPush(); ?>

<?php $__env->startPush('script'); ?>
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>

    <script>
        $(document).ready(function() {
            $('.js-example-basic-single').select2({
                theme: "classic"
            });
        });
        (function($) {

            "use strict";
            $('.planModal').on('click', function() {
                var modal = $('#planModal');
                modal.find('input[name=id]').val($(this).data('id'));
                modal.find($('#planModalLabel').text($(this).data('name')));
            });
            $('.copyBoard').click(function() {
                "use strict";
                var copyText = document.getElementById("referralURL");
                copyText.select();
                copyText.setSelectionRange(0, 99999);
                /*For mobile devices*/
                document.execCommand("copy");
                iziToast.success({
                    message: "Copied: " + copyText.value,
                    position: "topRight"
                });
            });
        })(jQuery);
    </script>
<?php $__env->stopPush(); ?>

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