<?php $__env->startSection('content'); ?>
    <style type="text/css">
        .layui-carousel>[carousel-item]>* {
            display: none;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: #f1f1f1;
            transition-duration: .3s;
            -webkit-transition-duration: .3s;
        }

        .top1 {
            position: fixed;
            background: #fff;
            z-index: 10000;
            width: 100%;
            height: 30px;
            top: -30px;
        }

        .navtab {
            cursor: pointer;
        }

        .gray {
            -webkit-filter: grayscale(100%);
            -moz-filter: grayscale(100%);
            -ms-filter: grayscale(100%);
            -o-filter: grayscale(100%);
            filter: grayscale(100%);
            filter: blue;
        }

        .topname {
            line-height: 46px;
            font-weight: 700;
            font-size: 16px;
            width: 50%;
            text-align: center;
            color: #fff;
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            margin: auto;
        }

        div#div1 {
            position: fixed;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            z-index: -1;
        }

        div#div1>img {
            height: 100%;
            width: 100%;
            border: 0;
        }

        .indexdiv {
            background: #000000;
            position: fixed;
            left: 0px;
            top: 0px;
            bottom: 0px;
            width: 100%;
            height: 100%;
            z-index: 101;
            filter: alpha(opacity=95);
            opacity: 0.95 !important;
            display: none;
        }

        .small-font {
            font-size: 12px;
            -webkit-transform-origin-x: 0;
            -webkit-transform: scale(0.90);
        }

        .smallsize-font {
            font-size: 10.8px;
        }

        .cmbtn {
            width: 60%;
            cursor: pointer;
            font-size: 14px;
            height: 40px;
            line-height: 40px;
            margin-top: 20px;
            border-radius: 20px !important;
            color: #fff;
            margin: 0 auto;
            background: #000;
            border: 1px groove #fff;
        }

        .typeover {
            background: linear-gradient(to right, #3065f8, #1476ff);
            border-width: 0px;
            border-color: #FCC12D;
            border-style: solid;
            box-shadow: 0 3px 3px 0 rgb(245 188 44);
            color: #fff !important;
        }

        .type {
            background: linear-gradient(to right, #bbb, #666);
            border-width: 0px;
            border-color: rgb(9, 30, 76);
            border-style: solid;
            box-shadow: 0 3px 3px 0 rgb(9, 30, 76);
        }
    </style>

    <body style="min-height: 100%; width: 100%; background-size: 100% auto;  background: #f1f1f1; ">
        <input type="hidden" id="proid" value="0" />
        <input type="hidden" id="ptype" value="0" />
        <div class="indexdiv"></div>
        <div style=" max-width:450px; margin:0 auto; position:relative;">
            <div class="top1">
            </div>
            <div style=" height: 200px; overflow: hidden; position:relative;">
                <div
                    style="position: absolute; height: auto; overflow: hidden; text-align: center; color: #000; left: 0px; top: 20px; height: 50px; width: 100%; ">
                    Product
                </div>
                <div
                    style="position: absolute; height: auto; overflow: hidden; padding-bottom:10px; text-align: center; color: #000; left: 0px; bottom: 20px; height: 50px; width: 100%; ">
                    <!--<div id="in1"-->
                    <!--    style=" text-align: center; color: #000; float: left; height: 50px; width: 40%; margin-left: 10%; background-image: linear-gradient(180deg,#fff,#fff 3%,#fff); border-top-left-radius: 30px; border-bottom-left-radius: 30px; box-shadow: 0 0.8vw 2.667vw 1px rgb(0 0 0 / 36%); ">-->
                    <!--    <div style="margin-top:7px; font-size:14px; font-weight:bold;" id="number1">0</div>-->
                    <!--    <div style="font-size: 12px; margin-top: 3px; color: #999;">My device</div>-->
                    <!--</div>-->
                    <!--<div id="in2"-->
                    <!--    style=" text-align: center; color: #000; float: left; height: 50px; width: 40%; background-image: linear-gradient(180deg,#fff,#fff 3%,#fff); border-top-right-radius: 30px; border-bottom-right-radius: 30px; box-shadow: 0 0.8vw 2.667vw 1px rgb(0 0 0 / 36%); ">-->
                    <!--    <div style="margin-top: 7px; font-size: 14px; font-weight: bold; " id="number2">₦ 0.00 </div>-->
                    <!--    <div style="font-size: 12px; margin-top: 3px; color: #999; ">My income</div>-->
                    <!--</div>-->
                </div>
                <img src="<?php echo e(asset('ui1/in.png')); ?>" style="width:100%;" />
            </div>

            <div style=" position: fixed; top: 50%; left: 50%; display:none; transform: translate(-50%,-50%); text-align: center; margin: 0 auto; z-index: 102; height:420px; width: 100%; max-width:450px;  "
                id="noctie1">
                <div
                    style="position: relative; width: 100%; text-align: center; background: #fff; height: auto; margin: 0 auto; width: 95%;  box-shadow: 0 0.8vw 2.667vw 1px rgb(255 255 255 / 56%); background-size: 100% 100%; height: 420px; border-radius: 10px; color: #000;  ">
                    <div style="width:100%; text-align:center;">
                        <img src="" id="imgurlss" style="width: 150px;  border-radius: 5px; margin-top:10px;" />
                    </div>
                    <div style="font-weight: bold; padding: 20px; padding-left: 15px; padding-bottom: 10px; padding-top: 15px; text-align: left; color: #000; font-size: 20px; "
                        id="pname">
                        &nbsp;
                    </div>
                    <div style=" text-align: left; color: #000; font-size: 12px;">
                        <div style="padding-left: 20px; padding-right: 20px; color: #eb8989;" id="tishi">
                            You can purchase several devices to increase your income
                        </div>
                    </div>
                    <div
                        style=" text-align: left; color: #000;  padding-top: 15px; font-size: 12px; height: auto; overflow: hidden;">
                        <div style="float:left;width:95%; margin-left:5%;">
                            <div style="padding: 5px;">Price:<font id="price" style="color: #eb8989"></font>
                            </div>
                            <div style="padding: 5px;" id="dayin">Daily income:<font id="hour_income"
                                    style="color: #eb8989"></font>
                            </div>
                            <div style="padding: 5px;">Total income:<font id="total_income" style="color: #eb8989 "></font>
                            </div>
                            <div style="padding: 5px;">Expiration days:<font id="dayss" style="color: #eb8989 "></font>
                                days</div>
                        </div>
                    </div>

                    <div
                        style="padding: 20px; padding-top:10px; padding-bottom: 0px; text-align: left; color: #fff; font-size: 14px;">
                        <div style="float: left;  width: 50%;">

                        </div>
                        <div style="float: left;  width: 50%;">

                        </div>
                    </div>
                    <div
                        style="width: 100%; margin-bottom: 14px; margin-top: 10px; padding-top:0px; padding-bottom:25px; height: auto; overflow: hidden;">
                        <div style="float: left; width: 50%; height: auto; overflow: hidden; ">
                            <button id="qx1" class="cmbtn"
                                style="color: #aaa; width: 80%; margin: 0 auto; border: 0px; background: #eee; height: 40px; line-height: 40px; border-radius: 25px; ">
                                Cancel
                            </button>
                        </div>
                        <div style="float: left; width: 50%; height: auto; overflow: hidden; ">
                            <button id="Confirm1" class="cmbtn"
                                style="color: #fff; background: #FF0000; width: 80%; margin: 0 auto; height: 40px; line-height: 40px; border-radius: 25px; ">
                                Confirm
                            </button>
                        </div>
                    </div>

                </div>
            </div>
            <div style="text-align: center; margin-bottom: 70px; margin-top:10px; " id="list">
                <?php
                
                $count = 1;
                
                ?>
                <?php $__currentLoopData = $plans; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $plan): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                
                    <div class="buy" ptype="0" value="12" imgurl="/ui1/g/3.png" day="50" price="7,500"
                        hour_income="2,100" total_income="105,000" pname="<?php echo e($plan->name); ?>"
                        style="background: #fff; width: 98%; margin: 0 auto; border-radius: 5px; padding-top:10px; padding-left:5px; padding-bottom:10px; height:auto; overflow: hidden;margin-top:10px;">
                        <div style="float:left; width:25%; display: flex; justify-content:center; align-items:center;  ">
                            <img src="<?php echo e(asset('ui1/'.$count++.'.jpg')); ?>" style="width:100%;border-radius: 5px;margin-top:10px;">
                        </div>
                        <div style="float:left; width:75%; text-align:left; position:relative;">
                            <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); ?>">
                                <button
                                style="position: absolute; background: #FF0000; color: #fff; text-align: center; border-radius: 25px; line-height:25px; right: 10px; bottom: 0px; width: 70px; height: 25px; border: none;">
                                Buy</button>
                            </form>

                            <div style="padding-left:10px; font-size:12px;">
                                <div
                                    style="height:auto; line-height:30px; font-weight:bold; font-size:16px;height: auto; overflow: hidden; ">
                                    <?php echo e($plan->name); ?></div>
                                <div style="height: 18px; line-height: 18px; ">Price: <font
                                        style="font-weight:bold; color:#FF0000;">₦<?php echo e(number_format($plan->min_amount)); ?>

                                    </font>
                                </div>
                                <div style="height: 18px; line-height: 18px; ">Expiration days: <font
                                        style="font-weight:bold; color:#FF0000;"><?php echo e($plan->total_return); ?></font> day</div>
                                <div style="height: 18px; line-height: 18px; ">Daily income: <font
                                        style="font-weight:bold; color:#FF0000;">₦
                                        <?php echo e(number_format($plan->interest_amount)); ?></font>
                                </div>
                                <div style="height: 18px; line-height: 18px; ">Total revenue: <font
                                        style="font-weight:bold; color:#FF0000;">₦
                                        <?php echo e(number_format($plan->interest_amount * $plan->total_return)); ?></font>
                                </div>
                            </div>
                        </div>
                    </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

            </div>

            <nav class="nav" style="background-size:100% 100%; height:60px; ">
                <a href="<?php echo e(route('user.home')); ?>">
                    <div url="/main/index.html" class="navtab">
                        <img src="<?php echo e(asset('ui1/nav/n11.png')); ?>" class="gray" style="height: 28px;" /> <br />
                        <span id="nav_btn1">Home</span>
                    </div>
                </a>
                <a href="<?php echo e(route('user.investment')); ?>">
                    <div style="color: #000 !important; font-weight: bold; ">
                        <img src="<?php echo e(asset('ui1/nav/n2.png')); ?>" style="height: 28px;" /> <br />
                        <span id="nav_btn2">Product</span>
                    </div>
                </a>
                <a href="<?php echo e(route('user.referrals')); ?>">
                    <div url="/main/team.html" class="navtab">
                        <img src="<?php echo e(asset('ui1//nav/n33.png')); ?>" class="gray" style="height:28px;" /> <br />
                        <span id="nav_btn3">Team</span>
                    </div>
                </a>
                <a href="<?php echo e(route('user.profile.setting')); ?>">
                    <div url="/main/mine.html" class="navtab">
                        <img src="<?php echo e(asset('ui1//nav/n44.png')); ?>" class="gray" style="height: 28px;" /> <br />
                        <span id="nav_btn4">Mine</span>
                    </div>
                </a>
            </nav>
        </div>
    </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/AMPPS/www/swift/core/resources/views/templates/basic/user/plans.blade.php ENDPATH**/ ?>