<?php $__currentLoopData = $plans; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $plan): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>

<div class="col-md-4 balance text-center">
                                <div class="item p-4 ">
                                    <img src="<?php echo e(asset('assets/neuro/user/images/starter.png')); ?>" class="img-fluid mx-auto d-block" width="80px;">
                                    <h4 class="text"><?php echo e(__($plan->name)); ?></h4>
                                    <p class="" style="text-align: center; color: #808080; font-weight: 700; font-size: 14px;"> Minimum invest</p><br/>
                                    <h5 style="text-align: center; font-family: 'Roboto', sans-serif; font-size: 20px; color: #101010; font-weight: 700; margin-top: -30px;">
                                    <?php if($plan->fixed_amount == 0): ?>
                                <?php echo e(__($general->cur_sym)); ?><?php echo e(showAmount($plan->minimum)); ?>

                                
                            <?php else: ?>
                                <?php echo e(__($general->cur_sym)); ?><?php echo e(showAmount($plan->fixed_amount)); ?>

                            <?php endif; ?>
                                </h5>
                                    <hr/>
                                    <p class="" style="text-align: center; color: #808080; font-weight: 700; font-size: 14px;"> Maximum invest</p><br/>
                                    <h5 style="text-align: center; font-family: 'Roboto', sans-serif; font-size: 20px; color: #101010; font-weight: 700; margin-top: -30px;">
                                
                                    <?php if($plan->fixed_amount == 0): ?>
                                <?php echo e(__($general->cur_sym)); ?><?php echo e(showAmount($plan->maximum)); ?>

                                
                            <?php else: ?>
                                <?php echo e(__($general->cur_sym)); ?><?php echo e(showAmount($plan->fixed_amount)); ?>

                            <?php endif; ?>
                        </h5>
                                    <hr/>
                                    <p class="" style="text-align: center; color: #808080; font-weight: 700; font-size: 14px;"> ROI</p><br/>
                                    <h5 style="text-align: center; font-family: 'Roboto', sans-serif; font-size: 20px; color: #101010; font-weight: 700; margin-top: -30px;">
                                    <?php if($plan->lifetime == 0): ?>
                     
                        <?php echo e(showAmount($plan->interest)); ?><?php echo e($plan->interest_type == 1 ? '%' : ' ' . __($general->cur_text)); ?>

                       
                    <?php else: ?>
                        <?php echo app('translator')->get('Unlimited'); ?>
                    <?php endif; ?>
                                    /<span style="font-size: 14px;">
                    <?php echo e(__(strtoupper($plan->timeSetting->name))); ?>

                    </span></h5>
                                    <hr/>
                                    <button class="btn btn-primary w-100 plan-btn btn mt-2 investModal" data-bs-toggle="modal" data-plan="<?php echo e($plan); ?>" data-bs-target="#investModal" type="button"><?php echo app('translator')->get('Select Plan'); ?></button>
                                </div>
                        </div>



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


<div class="modal fade" id="investModal">
    <div class="modal-dialog modal-dialog-centered modal-content-bg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">
                    <?php if(auth()->check()): ?>
                        <?php echo app('translator')->get('Confirm to invest on'); ?> <span class="planName"></span>
                    <?php else: ?>
                        <?php echo app('translator')->get('At first sign in your account'); ?>
                    <?php endif; ?>
                </h5>
                <button type="button" class="close" data-bs-dismiss="modal">
                    <i class="las la-times"></i>
                </button>
            </div>
            <form action="<?php echo e(route('user.invest.submit')); ?>" method="post">
                <?php echo csrf_field(); ?>
                <input type="hidden" name="plan_id">
                <?php if(auth()->check()): ?>
                    <div class="modal-body">
                        <div class="form-group">
                            <h6 class="text-center investAmountRange"></h6>
                            <p class="text-center mt-1 interestDetails"></p>
                            <p class="text-center interestValidity"></p>

                            <label><?php echo app('translator')->get('Select Wallet'); ?></label>
                            <select class="form-control form--control form-select" name="wallet_type" required>
                                <option value=""><?php echo app('translator')->get('Select One'); ?></option>
                                <?php if(auth()->user()->deposit_wallet > 0): ?>
                                    <option value="deposit_wallet"><?php echo app('translator')->get('Available Balance - ' . $general->cur_sym . showAmount(auth()->user()->deposit_wallet)); ?></option>
                                <?php endif; ?>
                                
                                <?php $__currentLoopData = $gatewayCurrency; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $data): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                    <option value="<?php echo e($data->id); ?>" <?php if(old('wallet_type') == $data->method_code): echo 'selected'; endif; ?> data-gateway="<?php echo e($data); ?>"><?php echo e($data->name); ?></option>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                            </select>
                            <code class="gateway-info rate-info d-none"><?php echo app('translator')->get('Rate'); ?>: 1 <?php echo e($general->cur_text); ?> = <span class="gateway-rate"></span> <span class="method_currency"></span></code>
                        </div>
                        <div class="form-group">
                            <label><?php echo app('translator')->get('Invest Amount'); ?></label>
                            <div class="input-group">
                                <input type="number" step="any" class="form-control form--control" name="amount" required>
                                <div class="input-group-text"><?php echo e($general->cur_text); ?></div>
                            </div>
                            <code class="gateway-info d-none"><?php echo app('translator')->get('Charge'); ?>: <span class="charge"></span> <?php echo e($general->cur_text); ?>. <?php echo app('translator')->get('Total amount'); ?>: <span class="total"></span> <?php echo e($general->cur_text); ?></code>
                        </div>
                    </div>
                <?php endif; ?>
                <div class="modal-footer">
                    <?php if(auth()->check()): ?>
                        <button type="button" class="btn btn-danger" data-bs-dismiss="modal"><?php echo app('translator')->get('Cancel'); ?></button>
                        <button type="submit" class="btn btn-primary"><?php echo app('translator')->get('Next'); ?></button>
                    <?php else: ?>
                        <a href="<?php echo e(route('user.login')); ?>" class="btn btn-primary w-100"><?php echo app('translator')->get('At first sign in your account'); ?></a>
                    <?php endif; ?>
                </div>
            </form>
        </div>
    </div>
</div>


<?php $__env->startPush('script'); ?>
    <script>
        (function($) {
            "use strict"
            $('.investModal').click(function() {
                var symbol = '<?php echo e($general->cur_sym); ?>';
                var currency = '<?php echo e($general->cur_text); ?>';
                $('.gateway-info').addClass('d-none');
                var modal = $('#investModal');
                var plan = $(this).data('plan');
                modal.find('[name=plan_id]').val(plan.id);
                modal.find('.planName').text(plan.name);
                let fixedAmount = parseFloat(plan.fixed_amount).toFixed(2);
                let minimumAmount = parseFloat(plan.minimum).toFixed(2);
                let maximumAmount = parseFloat(plan.maximum).toFixed(2);
                let interestAmount = parseFloat(plan.interest);

                if (plan.fixed_amount > 0) {
                    modal.find('.investAmountRange').text(`Invest: ${symbol}${fixedAmount}`);
                    modal.find('[name=amount]').val(parseFloat(plan.fixed_amount).toFixed(2));
                    modal.find('[name=amount]').attr('readonly', true);
                } else {
                    modal.find('.investAmountRange').text(`Invest: ${symbol}${minimumAmount} - ${symbol}${maximumAmount}`);
                    modal.find('[name=amount]').val('');
                    modal.find('[name=amount]').removeAttr('readonly');
                }

                if (plan.interest_type == '1') {
                    modal.find('.interestDetails').html(`<strong> Interest: ${interestAmount}% </strong>`);
                } else {
                    modal.find('.interestDetails').html(`<strong> Interest: ${interestAmount} ${currency}  </strong>`);
                }

                if (plan.lifetime == '0') {
                    modal.find('.interestValidity').html(`<strong>  Every ${plan.time_setting.time} hours for ${plan.repeat_time} times</strong>`);
                } else {
                    modal.find('.interestValidity').html(`<strong>  Every ${plan.time_setting.time} hours for life time </strong>`);
                }

            });

            $('[name=amount]').on('input', function() {
                $('[name=wallet_type]').trigger('change');
            })

            $('[name=wallet_type]').change(function() {
                var amount = $('[name=amount]').val();
                if ($(this).val() != 'deposit_wallet' && $(this).val() != 'interest_wallet' && amount) {
                    var resource = $('select[name=wallet_type] option:selected').data('gateway');
                    var fixed_charge = parseFloat(resource.fixed_charge);
                    var percent_charge = parseFloat(resource.percent_charge);
                    var charge = parseFloat(fixed_charge + (amount * percent_charge / 100)).toFixed(2);
                    $('.charge').text(charge);
                    $('.gateway-rate').text(parseFloat(resource.rate));
                    $('.gateway-info').removeClass('d-none');
                    if (resource.currency == '<?php echo e($general->cur_text); ?>') {
                        $('.rate-info').addClass('d-none');
                    } else {
                        $('.rate-info').removeClass('d-none');
                    }
                    $('.method_currency').text(resource.currency);
                    $('.total').text(parseFloat(charge) + parseFloat(amount));
                } else {
                    $('.gateway-info').addClass('d-none');
                }
            });
        })(jQuery);
    </script>
<?php $__env->stopPush(); ?>



<?php $__env->startPush('style'); ?>


<style>
        .row{
            margin: 0px;
            padding: 0px;
        }
        .light .main-container{
            height: 100vh;
            background: #F0F0F0;
            padding: 20px;
        }
        .light .sidebar{
            width: 200px;
            position: absolute;
        }
        .light .nav-logo{
            
        }
        .light .sidebar ul{
            list-style-type: none;
            padding: 0px;
            padding-top: 6px;
            margin: 0px;
        }
        .light .sidebar ul li{
            font-size: 16px;
            padding: 10px 10px;
            margin: 0px 0px;
            margin-left: 15px;
            margin-right: 15px;
            border-bottom: 2px solid transparent;
        }
        .light .sidebar ul li a{
            text-decoration: none;
            font-size: 16px;
            color: #000000;
        }
        .light .sidebar ul li i{
            margin-left: 20px;
            margin-right: 10px;
            font-size: 22px;
        }
        .light .sidebar ul li:hover{
            border-top-left-radius: 20px;
            border-bottom-left-radius: 20px;
            border-top-right-radius: 20px;
            border-bottom-right-radius: 20px;
            box-shadow:
            0  5px 10px rgba(154,160,185,0.05),
            0 15px 40px rgba(166,173,201,0.2);
            cursor: pointer;
        }
        .light .sidebar ul li.active{
            border-top-left-radius: 20px;
            border-bottom-left-radius: 20px;
            border-top-right-radius: 20px;
            border-bottom-right-radius: 20px;
            
            border-bottom:;
            box-shadow:
            0  5px 10px rgba(154,160,185,0.05),
            0 15px 40px rgba(166,173,201,0.2);
        }
        .light .sidebar ul li.active i{
            color: #EC2244;
        }
        .light .input-group-text{
            border-top-left-radius: 20px;
            border-bottom-left-radius: 20px;
            background: #FFFFFF;
            border-right: 0px;
            box-shadow:
            0  5px 10px rgba(154,160,185,0.05),
            0 15px 40px rgba(166,173,201,0.2);
        }
        .light .form-control{
            font-family: 'Open Sans', sans-serif;
            border-radius: 20px;
            background: #FFFFFF;
            border-left: 0px;
            box-shadow:
            0  5px 10px rgba(154,160,185,0.05),
            0 15px 40px rgba(166,173,201,0.2);
        }
        .light .page-body{
            background: #F8F8F8;
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
            border-bottom-left-radius: 20px;
            border-bottom-right-radius: 20px;
            box-shadow:
            0  5px 10px rgba(154,160,185,0.05),
            0 15px 40px rgba(166,173,201,0.2);
            padding: 20% 0px;
            padding-top: 20px;      
            padding-bottom: 12%; 
            
            width: 82%;
            margin-left: 200px;
            margin-top: 9px;
            
        }
        .light .top-bar .nav-btns{
            
        }
        .light .top-bar .nav-btns .btn{
            background: ;
            border-radius: 50%;
            font-size: 20px;
            padding: 11px 12px;
        }
        .light .fund-btn{
            background: #EC2244;
            color: #FFFFFF;
            font-size: ;
            padding: 10px 22px;
        }
        .light .btn.top-up{
            background: #EC2244;
            color: #FFFFFF;
            font-size: 14px;
            padding: 8px 40px;
        }
        .light .btn.top-up:hover{
            background: #011A41;
        }
        .light .welcome{
            border-radius: 8px;
            background: #EC2244;
            padding: 25px 15px;
            margin: 0px 20px;

        }
        .light .welcome img{
            border-radius: 50%;
            width: 100px;
        }
        .light .balance-holder{
            padding: 10px;
            
        }
        .light .balance-holder h4{
            font-family: 'Roboto', sans-serif;
            font-weight: 700;
            font-size: 20px;
            margin: 20px 10px;
            margin-bottom: 10px;
            margin-left: 10px;
            color: #303030;
        }
        .light .balance{
            padding: 10px;

        }
        .light .balance .item{
            border-radius: 8px;
            background: #FFFFFF;
            padding: 40px;
            box-shadow:
            0  5px 10px rgba(154,160,185,0.05),
            0 15px 40px rgba(166,173,201,0.2);
        }
        .light .balance .item .one{
            padding: 20px;
        }
        .light .long-chart{
            height: 400px;
            margin: 20px;
            border-radius: 8px;
            box-shadow:
            0  5px 10px rgba(154,160,185,0.05),
            0 15px 40px rgba(166,173,201,0.2);
            background: #FFFFFF;
        }
        .light h4.title{
            font-family: 'Roboto', sans-serif;
            font-weight: 700;
            font-size: 20px;
            margin: 20px 10px;
            margin-left: 10px;
            color: #303030;
        }
        .refer{
            background: linear-gradient(to right, #ee0979, #ff6a00);
            border-radius: 8px;
            box-shadow:
            0  5px 10px rgba(154,160,185,0.05),
            0 15px 40px rgba(166,173,201,0.2);
            padding: 20px;
            margin: 10px 20px;
        }
        .refer h4{
            font-family: 'Roboto', sans-serif;
            font-weight: 700;
            color: #FFFFFF;
        }
        .refer p{
            color: #FFFFFF;
            font-family: 'Roboto', sans-serif;
            font-weight: 400;
        }
        .refer .form-control{
            font-family: 'Roboto', sans-serif;
            font-weight: 400;
            background: #FFFFFF;
            padding: 25px 10px;
            font-size: 16px;
        }
        .refer .form-control:focus{
            border: 1px solid transparent;
        }
        .refer .btn{
            background: #FFFFFF;
            border-radius: 8px 8px 8px 8px;
            color: #FFFFFF;
            font-weight: 600;
            font-size: 14px;
            padding: 6px;
        }
        .refer .btn:hover{
            color: #FFFFFF;
        }
        .refer .btn:focus{
            box-shadow: none;
        }
        .navibar2 {
            display: none;
        }
        @media screen and (max-width: 1200px) {
            .navibar {
                display: none;
            }
            .navibar2 {
                display: flex;
            }
            .light .page-body{
                width: 100%;
                margin-left: 0px;
            }
        }
        .sidenav {
            height: 100%;
            width: 0;
            position: fixed;
            z-index: 20;
            top: 0;
            left: 0;
            box-shadow:
            0  5px 10px rgba(154,160,185,0.05),
            0 15px 40px rgba(166,173,201,0.2);
            background-color: #FFFFFF;
            overflow-x: hidden;
            transition: 0.5s;
            padding-top: 30px;
        }
        .sidenav .closebtn {
            position: absolute;
            top: 0;
            right: 25px;
            font-size: 36px;
            margin-left: 50px;
        }
        .light .sidenav img{
            padding-left: 20px;
            width: 200px;
        }
        .light .sidenav ul{
            list-style-type: none;
            padding: 0px;
            padding-top: 6px;
            margin: 0px;
        }
        .light .sidenav ul li{
            font-size: 16px;
            padding: 10px 10px;
            margin: 0px 0px;
            margin-left: 15px;
            margin-right: 15px;
            border-bottom: 2px solid transparent;
        }
        .light .sidenav ul li a{
            text-decoration: none;
            font-size: 16px;
            color: #000000;
        }
        .light .sidenav ul li i{
            margin-left: 20px;
            margin-right: 10px;
            font-size: 22px;
        }
        .light .sidenav ul li:hover{
            border-top-left-radius: 20px;
            border-bottom-left-radius: 20px;
            border-top-right-radius: 20px;
            border-bottom-right-radius: 20px;
            box-shadow:
            0  5px 10px rgba(154,160,185,0.05),
            0 15px 40px rgba(166,173,201,0.2);
            cursor: pointer;
        }
        .light .sidenav ul li.active{
            border-top-left-radius: 20px;
            border-bottom-left-radius: 20px;
            border-top-right-radius: 20px;
            border-bottom-right-radius: 20px;
            
            border-bottom:;
            box-shadow:
            0  5px 10px rgba(154,160,185,0.05),
            0 15px 40px rgba(166,173,201,0.2);
        }
        .light .sidenav ul li.active i{
            color: #EC2244;
        }

        #main {
            transition: margin-left .5s;
            padding: 16px;
        }

        @media screen and (max-height: 450px) {
            .sidenav {padding-top: 15px;}
            .sidenav a {font-size: 18px;}
        }

        .light .cc-holder{
            padding: 5%;
            overflow-y: scroll;
            display: flex;
            justify-content: center;
        }
        .light .cc-card{
            width: 300px;
            background-image: url("../../images/card-bg2.jpg");
            background-image: 
            linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.7)),
            url('../../images/card-bg2.jpg');
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            box-shadow:
            0  5px 10px rgba(154,160,185,0.05),
            0 15px 40px rgba(166,173,201,0.2);
            padding: 20px 30px;
            border-radius: 20px;
        }
        .light .cc-card .text{
            font-size: 15px;
            color: #FFFFFF;
            text-shadow: 1px 1px 2px black;
        }

        .light .card-details{
            background: #FFFFFF;
            padding: 20px 15px;
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
        }
        .light .card-balance{
            background: #EC2244;
            padding: 20px;
            margin: 0px 15px;
            border-radius: 8px;
            box-shadow:
            0  5px 10px rgba(154,160,185,0.05),
            0 15px 40px rgba(166,173,201,0.2);
        }
        .alert{
            font-family: 'Roboto', sans-serif; 
            font-size: 14px;
        }
        .light .error{
            font-weight: 500;
            padding-top: 10px;
            font-size: 14px;
            color: #C73E1D
        }
        .transfer{
            background: #FFFFFF;
            padding: 20px;
            margin: 16px;
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
            border-bottom-left-radius: 20px;
            border-bottom-right-radius: 20px;
            box-shadow:
            0  5px 10px rgba(154,160,185,0.05),
            0 15px 40px rgba(166,173,201,0.2);
        }
        .light .input-group-text{
            font-size: 17px;
            border-radius: 0px;
            border: none;
            background: #F1F5FB;
            color: #EC2244;
        }
        .light .form-control{
            font-family: 'Open Sans', sans-serif;
            border-radius: 0px;
            border: none;
            background: #F1F5FB;
        }
        .light .form-control:focus{
            box-shadow: none;
            background: #F1F5FB;
            color: #000000;
        }
        .light .transfer .text h4{
            font-family: 'Roboto', sans-serif; 
            font-size: 24px;
            text-align: center;
            margin-top:20px;
        }
        .light .transfer .text p{
            font-family: 'Roboto', sans-serif; 
            font-size: 14px;
            text-align: center;
            margin-top: 0px;
        }
        .light h4.title{
            font-family: 'Roboto', sans-serif;
            font-weight: 700;
            font-size: 20px;
            margin: 20px 10px;
            margin-left: 20px;
            color: #303030;
        }
        .light p.title{
            font-family: 'Roboto', sans-serif;
            font-weight: 400;
            font-size: 16px;
            margin: 0px 0px;
            margin-left: 0px;
            color: #303030;
        }
    </style>

<?php $__env->stopPush(); ?>
<?php /**PATH /home/neauroca/oxygentrades.com/core/resources/views/templates/invester/partials/plan.blade.php ENDPATH**/ ?>