<?php $__env->startSection('panel'); ?>
<head>
    <link rel="stylesheet" href="<?php echo e(asset ('core/p2/swiper-bundle.min.css')); ?>">
    <link rel="stylesheet" href="<?php echo e(asset ('core/p2/reset.css')); ?>"/>
    <link rel="stylesheet" href="<?php echo e(asset ('core/p2/style.css')); ?>"/>
    <link rel="stylesheet" href="<?php echo e(asset ('core/p2/num.css')); ?>">
    <link rel="stylesheet" href="<?php echo e(asset ('core/p2/layui.css')); ?>"/>

    <script type="text/javascript" src="<?php echo e(asset ('core/p2/jquery-3.5.1.min.js')); ?>"></script>
    <script type="text/javascript" src="<?php echo e(asset ('core/p2/layui.js')); ?>"></script>
    <script type="text/javascript" src="<?php echo e(asset ('core/p2/swiper-bundle.min.js')); ?>"></script>
    <script type="text/javascript" src="<?php echo e(asset ('core/p2/dropload.min.js')); ?>"></script>
    <script type="text/javascript" src="<?php echo e(asset ('core/p2/num.js')); ?>"></script>

    <!-- Font Awesome untuk ikon -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"/>
    
    <style> 
    body .foot {
    background-color: #000 !important;
}
        /* Bottom tab bar ala TikTok */
        .foot {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #000 !important; /* warna hitam pekat */
    border-top: 1px solid #222; /* garis atas tipis biar rapih */
    z-index: 999;
}
        .foot ul {
            display: flex;
            justify-content: space-around;
            align-items: center;
            padding: 6px 0;
            margin: 0;
            list-style: none;
        }
        .foot li {
            flex: 1;
            text-align: center;
        }
        .foot li a {
            display: flex;
            flex-direction: column;
            align-items: center;
            color: gold;
            font-size: 12px;
            text-decoration: none;
            transition: color 0.2s ease;
        }
        .foot li a i {
            font-size: 22px;
            margin-bottom: 2px;
        }
        .foot li.cur a,
        .foot li a:hover {
            color: gold; /* tab aktif / hover */
            font-weight: 600;
        }
    </style> 
    <style>
    .foot, 
    .foot ul, 
    .foot li, 
    .foot li a {
        background-color: #111 !important; /* paksa hitam full */
    }

    .foot li a {
        color: gold !important;   /* teks + ikon gold */
        font-size: 12px !important;
    }

    .foot li a p {
        margin: 0 !important;
        color: gold !important;
    }
</style>
</head>

<body>
    <?php echo $__env->yieldContent('content'); ?>

    <!-- Menu Bawah -->
    <div class="foot">
        <ul>
            <li class="cur">
                <a href="<?php echo e(route ('user.home')); ?>">
                    <i class="fa-solid fa-house"></i>
                    <p>Beranda</p>
                </a>
            </li>
            <li>
                <a href="<?php echo e(route('plan')); ?>">
                    <i class="fa-solid fa-store"></i>
                    <p>Produk</p>
                </a>
            </li>
            <li>
                <a href="<?php echo e(route('user.referrals')); ?>">
                    <i class="fa-solid fa-users"></i>
                    <p>Tim</p>
                </a>
            </li>
            <li>
                <a href="<?php echo e(route('user.profile.setting')); ?>">
                    <i class="fa-solid fa-user"></i>
                    <p>Profil</p>
                </a>
            </li>
        </ul>
    </div>  

    <script type="text/javascript">
        var charitable = parseInt("3730760");
        var _token = "658Kcl5WY8RnejytswP8BJ9gRkoBfiIkw8jji4Ah";
        layui.use(['form', 'layer'], function () {
            $ = layui.jquery;
            var form = layui.form, layer = layui.layer;
            // Tutup mask
            $('body').on('click', '.mask-float-btn', function () {
                $(".z-mask").hide();
            });
            setNumber(charitable);
            setInterval(function () {
                $.post("https://moibreeding.com/common/charitable", {_token: _token}, function (result) {
                    if (result.code == 200) {
                        setNumber(result.data);
                    }
                    return false;
                }, "json");
            }, 10000);
        });
        var swiper = new Swiper(".banner", {
            loop: true,
            speed: 600,
            effect: "fade",
            grabCursor: true,
            parallax: true,
            autoplay: {
                delay: 3000,
            },
            pagination: {
                el: ".swiper-pagination",
                clickable: true,
            },
        });
        var notice = new Swiper(".notice .swiper", {
            loop: true,
            direction: "vertical",
            slidesPerView: 6,
            spaceBetween: 15,
            grabCursor: true,
            parallax: true,
            autoplay: {
                delay: 2000,
            },
        });

        function setNumber(num) {
            $("#dataNums").rollNumDaq({
                deVal: num
            });
        }
    </script> 
</body>
</html>
<?php $__env->stopSection(); ?>
<?php echo $__env->make($activeTemplate.'layouts.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/aureustweb/affiliate.finexa.biz.id/core/resources/views/templates/invester/layouts/master.blade.php ENDPATH**/ ?>