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

    .van-tab.active {
      color: white;
    }
    
    .van-tab__panel {
      display: none;
    }
    
    .van-tab__panel.active {
      display: block;
    }
        </style>
    

    <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">R</em>
                              <span style="color: white;font-size:20px;" id="balanceValue"><?php echo e(number_format($user->balance + $user->bonus_balance)); ?></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-tabs--line active"
                                       tabindex="0"
                                       aria-selected="true"
                                       aria-controls="van-tab-1"
                                       onclick="switchTab(0)"
                                       >
                                       <span class="van-tab__text">Long Term Plan</span>
                                    </div>
                                    <div
                                       id="van-tabs-1-1"
                                       role="tab"
                                       class="van-tab van-tabs--line"
                                       tabindex="-1"
                                       aria-selected="false"
                                       aria-controls="van-tab-2"
                                       onclick="switchTab(1)"
                                       >
                                       <span class="van-tab__text">Welfare Plan</span>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="van-tabs__content">
                        <div data-v-8aa1af7e="" id="panel-0"
                           role="tabpanel"
                           class="van-tab__panel active"
                           tabindex="0"
                           aria-labelledby="tab-0">
                           <div data-v-8aa1af7e="" class="investList">
                              <?php $__currentLoopData = $plans; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $plan): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                              <?php if($plan->type == 1): ?>
                              <div data-v-8aa1af7e="" class="product m_lr5 m_tb10 productState_3">
                                 <div data-v-8aa1af7e="" class="title">
                                    <h3 data-v-8aa1af7e="">Invest with <?php echo e($plan->min_amount); ?> on <?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">R</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">R</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">R</em><?php echo e(number_format($plan->interest_amount * $plan->total_return, 2)); ?></h4>
                                             </div>
                                          </div>
                                       </li>
                                    </ul>
                                 </div>
                                 
                                 <div data-v-8aa1af7e="" class="buyNowBar display alignCenter justifyEnd">
                                    <button type="button" style="border: none;" data-v-8aa1af7e="" class="statusBtn p_tb10 p_lr20 display alignCenter" data-plan-id="<?php echo e($plan->id); ?>">
                                       <p data-v-8aa1af7e="">Invest Now</p>
                                       <i data-v-8aa1af7e="" class="ri-arrow-right-line"></i>
                                    </button>
                                 </div>
                              </div>
                              <!-- Popup for this specific plan -->
                              <div id="overlay-<?php echo e($plan->id); ?>" class="invest-overlay van-overlay" role="button" tabindex="0" data-v-5d45b52a="" style="z-index: 2004; display: none;"></div>
                              <div role="dialog" tabindex="0" class="invest-popup van-popup van-popup--right" data-v-5d45b52a="" style="z-index: 2005; width: 70%; height: 100%; display: none;" id="popup-<?php echo e($plan->id); ?>">
                                 <div data-v-5d45b52a="" class="detailsPopup p20">
                                    <div data-v-5d45b52a="" class="details">
                                       <div data-v-5d45b52a="" class="title m_tb20">
                                          <h3 data-v-5d45b52a="">Buy this product with <?php echo e(number_format($plan->min_amount)); ?></h3>
                                       </div>
                                       <div data-v-5d45b52a="" class="budget">
                                          <ul data-v-5d45b52a="" class="cell">
                                             <li data-v-5d45b52a="" class="display alignCenter">
                                                <div data-v-5d45b52a="" class="infoBar display alignCenter flex1">
                                                   <div data-v-5d45b52a="" class="titleLabel flex1">
                                                      <p data-v-5d45b52a="">Daily earnings</p>
                                                   </div>
                                                   <div data-v-5d45b52a="" class="contInfo display alignCenter">
                                                      <h4 data-v-5d45b52a=""><em data-v-5d45b52a="" class="currency">R</em><?php echo e(number_format($plan->interest_amount, 2)); ?></h4>
                                                   </div>
                                                </div>
                                             </li>
                                             <li data-v-5d45b52a="" class="display alignCenter">
                                                <div data-v-5d45b52a="" class="infoBar display alignCenter flex1">
                                                   <div data-v-5d45b52a="" class="titleLabel flex1">
                                                      <p data-v-5d45b52a="">Total earnings</p>
                                                   </div>
                                                   <div data-v-5d45b52a="" class="contInfo display alignCenter">
                                                      <h4 data-v-5d45b52a=""><em data-v-5d45b52a="" class="currency">R</em><?php echo e(number_format($plan->interest_amount * $plan->total_return, 2)); ?></h4>
                                                   </div>
                                                </div>
                                             </li>
                                             <li data-v-5d45b52a="" class="display alignCenter">
                                                <div data-v-5d45b52a="" class="infoBar display alignCenter flex1">
                                                   <div data-v-5d45b52a="" class="titleLabel flex1">
                                                      <p data-v-5d45b52a="">Invest Quantity</p>
                                                   </div>
                                                   <div data-v-5d45b52a="" class="contInfo display alignCenter">
                                                      <h4 data-v-5d45b52a="">3 <em data-v-5d45b52a="" class="unit">/ Copy</em></h4>
                                                   </div>
                                                </div>
                                             </li>
                                             <li data-v-5d45b52a="" class="totalPrice display alignCenter">
                                                <div data-v-5d45b52a="" class="infoBar display alignCenter flex1">
                                                   <div data-v-5d45b52a="" class="titleLabel flex1">
                                                      <p data-v-5d45b52a="">Total price</p>
                                                   </div>
                                                   <div data-v-5d45b52a="" class="contInfo display alignCenter">
                                                      <h4 data-v-5d45b52a=""><em data-v-5d45b52a="" class="currency">R</em><?php echo e(number_format($plan->min_amount)); ?></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-5d45b52a="" class="actionBlock display alignCenter justifyEnd">
                                          <button data-v-5d45b52a="" type="submit" class="van-button van-button--default van-button--normal van-button--round loginBtn clickBtn flex1" style="color: white; background: var(--bw0); border-color: var(--bw0);">
                                             <div class="van-button__content">
                                                <span class="van-button__text">
                                                   <div data-v-5d45b52a="" class="display alignCenter justifyDetween">
                                                      <p data-v-5d45b52a="" class="flex1"><em data-v-5d45b52a="" class="currency">R</em><?php echo e(number_format($plan->min_amount)); ?> Invest Now</p>
                                                      <i data-v-5d45b52a="" class="ri-arrow-right-line"></i>
                                                   </div>
                                                </span>
                                             </div>
                                          </button>
                                       </div>
                                       </form>
                                    </div>
                                 </div>
                              </div>
                              <?php endif; ?>
                              <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                           </div>
                        </div>
                        <div data-v-8aa1af7e="" id="panel-1"
                           role="tabpanel"
                           class="van-tab__panel"
                           tabindex="1"
                           aria-labelledby="tab-1">
                           <div data-v-8aa1af7e="" class="investList">
                              <?php $__currentLoopData = $plans; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $plan): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                              <?php if($plan->type == 2): ?>
                              <div data-v-8aa1af7e="" class="product m_lr5 m_tb10 productState_3">
                                 <div data-v-8aa1af7e="" class="title">
                                    <h3 data-v-8aa1af7e="">Invest with <?php echo e($plan->min_amount); ?> on <?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">R</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">R</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">R</em><?php echo e(number_format($plan->interest_amount * $plan->total_return, 2)); ?></h4>
                                             </div>
                                          </div>
                                       </li>
                                    </ul>
                                 </div>
                                 <div data-v-8aa1af7e="" class="buyNowBar display alignCenter justifyEnd">
                                    <button type="button" style="border: none;" data-v-8aa1af7e="" class="statusBtn p_tb10 p_lr20 display alignCenter" data-plan-id="<?php echo e($plan->id); ?>">
                                       <p data-v-8aa1af7e="">Invest Now</p>
                                       <i data-v-8aa1af7e="" class="ri-arrow-right-line"></i>
                                    </button>
                                 </div>
                              </div>
                              
                              
                              <!-- Popup for this specific plan -->
                              <div id="overlay-<?php echo e($plan->id); ?>" class="invest-overlay van-overlay" role="button" tabindex="0" data-v-5d45b52a="" style="z-index: 2004; display: none;"></div>
                              <div role="dialog" tabindex="0" class="invest-popup van-popup van-popup--right" data-v-5d45b52a="" style="z-index: 2005; width: 70%; height: 100%; display: none;" id="popup-<?php echo e($plan->id); ?>">
                                 <div data-v-5d45b52a="" class="detailsPopup p20">
                                    <div data-v-5d45b52a="" class="details">
                                       <div data-v-5d45b52a="" class="title m_tb20">
                                          <h3 data-v-5d45b52a="">Buy this product with <?php echo e(number_format($plan->min_amount)); ?></h3>
                                       </div>
                                       <div data-v-5d45b52a="" class="budget">
                                          <ul data-v-5d45b52a="" class="cell">
                                             <li data-v-5d45b52a="" class="display alignCenter">
                                                <div data-v-5d45b52a="" class="infoBar display alignCenter flex1">
                                                   <div data-v-5d45b52a="" class="titleLabel flex1">
                                                      <p data-v-5d45b52a="">Daily earnings</p>
                                                   </div>
                                                   <div data-v-5d45b52a="" class="contInfo display alignCenter">
                                                      <h4 data-v-5d45b52a=""><em data-v-5d45b52a="" class="currency">R</em><?php echo e(number_format($plan->interest_amount, 2)); ?></h4>
                                                   </div>
                                                </div>
                                             </li>
                                             <li data-v-5d45b52a="" class="display alignCenter">
                                                <div data-v-5d45b52a="" class="infoBar display alignCenter flex1">
                                                   <div data-v-5d45b52a="" class="titleLabel flex1">
                                                      <p data-v-5d45b52a="">Total earnings</p>
                                                   </div>
                                                   <div data-v-5d45b52a="" class="contInfo display alignCenter">
                                                      <h4 data-v-5d45b52a=""><em data-v-5d45b52a="" class="currency">R</em><?php echo e(number_format($plan->interest_amount * $plan->total_return, 2)); ?></h4>
                                                   </div>
                                                </div>
                                             </li>
                                             <li data-v-5d45b52a="" class="display alignCenter">
                                                <div data-v-5d45b52a="" class="infoBar display alignCenter flex1">
                                                   <div data-v-5d45b52a="" class="titleLabel flex1">
                                                      <p data-v-5d45b52a="">Invest Quantity</p>
                                                   </div>
                                                   <div data-v-5d45b52a="" class="contInfo display alignCenter">
                                                      <h4 data-v-5d45b52a="">3 <em data-v-5d45b52a="" class="unit">/ Copy</em></h4>
                                                   </div>
                                                </div>
                                             </li>
                                             <li data-v-5d45b52a="" class="totalPrice display alignCenter">
                                                <div data-v-5d45b52a="" class="infoBar display alignCenter flex1">
                                                   <div data-v-5d45b52a="" class="titleLabel flex1">
                                                      <p data-v-5d45b52a="">Total price</p>
                                                   </div>
                                                   <div data-v-5d45b52a="" class="contInfo display alignCenter">
                                                      <h4 data-v-5d45b52a=""><em data-v-5d45b52a="" class="currency">R</em><?php echo e(number_format($plan->min_amount)); ?></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-5d45b52a="" class="actionBlock display alignCenter justifyEnd">
                                          <button data-v-5d45b52a="" type="submit" class="van-button van-button--default van-button--normal van-button--round loginBtn clickBtn flex1" style="color: white; background: var(--bw0); border-color: var(--bw0);">
                                             <div class="van-button__content">
                                                <span class="van-button__text">
                                                   <div data-v-5d45b52a="" class="display alignCenter justifyDetween">
                                                      <p data-v-5d45b52a="" class="flex1"><em data-v-5d45b52a="" class="currency">R</em><?php echo e(number_format($plan->min_amount)); ?> Invest Now</p>
                                                      <i data-v-5d45b52a="" class="ri-arrow-right-line"></i>
                                                   </div>
                                                </span>
                                             </div>
                                          </button>
                                       </div>
                                       </form>
                                    </div>
                                 </div>
                              </div>
                              
                              
                              <?php endif; ?>
                              <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
   <style>
      .van-tab {
      position: relative;
      padding: 10px;
      cursor: pointer;
      }
      .van-tab.active {
      border-bottom: 2px solid #ffce00; /* Yellow underline */
      }
   </style>
   <script>
      function switchTab(tabIndex) {
        const tabs = document.querySelectorAll(".van-tab");
        const panels = document.querySelectorAll(".van-tab__panel");
      
        // Remove active class from all tabs and panels
        tabs.forEach((tab, index) => {
          tab.classList.remove("active");
          tab.setAttribute("aria-selected", "false");
          tab.setAttribute("tabindex", "-1");
      
          panels[index].classList.remove("active");
        });
      
        // Add active class to the selected tab and panel
        tabs[tabIndex].classList.add("active");
        tabs[tabIndex].setAttribute("aria-selected", "true");
        tabs[tabIndex].setAttribute("tabindex", "0");
      
        panels[tabIndex].classList.add("active");
      }
      
   </script>
   
   <script>
      document.querySelectorAll('.statusBtn').forEach(button => {
          button.addEventListener('click', function() {
              const planId = this.getAttribute('data-plan-id');
              const investoverlay = document.querySelector('.invest-overlay');
              const investpopup = document.getElementById(`popup-${planId}`);
              const investsoverlay = document.getElementById(`overlay-${planId}`);
      
              investoverlay.style.display = 'block';
              investpopup.style.display = 'block';
              investsoverlay.style.display = 'block';
      
              // Close the popup when clicking on the overlay
              investoverlay.addEventListener('click', function() {
                  investoverlay.style.display = 'none';
                  investpopup.style.display = 'none';
              });
              // Close the popup when clicking on the overlay
              investsoverlay.addEventListener('click', function() {
                  investsoverlay.style.display = 'none';
                  investpopup.style.display = 'none';
                  investoverlay.style.display = 'none';
              });
          });
      });
   </script>
   
</body>
    
    <?php echo $__env->make('templates.basic.partials.footer', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
<?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;
        }

    </style>

    <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 /home/chevbuzx/public_html/core/resources/views/templates/basic/user/plans.blade.php ENDPATH**/ ?>