<?php $__env->startSection('content'); ?>

<body class="tiktok-theme">

<div class="dashboard-header">
    <div class="topTit">Beranda</div>
</div>

<div class="dashboard-container">

    <!-- Banner / Swiper -->
    <div class="swiper banner">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="<?php echo e(asset('core/img/peluang1.png')); ?>" alt=""></div>
            <div class="swiper-slide"><img src="<?php echo e(asset('core/img/peluang2.png')); ?>" alt=""></div>
        </div>
    </div>

    <!-- Statistik Card (besar) -->
    <div class="stats-cards">
        <div class="card">
            <p>Penarikan Sukses</p>
            <h3><?php echo e(showAmount($successfulWithdrawals)); ?> <?php echo e($general->cur_text); ?></h3>
        </div>
        <div class="card">
            <p>Total Saldo</p>
            <h3><?php echo e($general->cur_text); ?> <?php echo e(showAmount($invests)); ?></h3>
        </div>
    </div>

    <!-- Menu Grid -->
    <div class="menu-grid">
        <a href="<?php echo e(route('user.deposit.index')); ?>">
            <img src="<?php echo e(asset('core/img/m_13.png')); ?>" alt="">
            <p>Isi Ulang</p>
        </a>
        <a href="<?php echo e(route('user.withdraw')); ?>">
            <img src="<?php echo e(asset('core/img/m_11.png')); ?>" alt="">
            <p>Tarik Saldo</p>
        </a>
        <a href="https://wa.me/6285808545268">
            <img src="<?php echo e(asset('core/img/m_12.png')); ?>" alt="">
            <p>Bantuan</p>
        </a>
        <a href="#">
            <img src="<?php echo e(asset('core/img/m_5.png')); ?>" alt="">
            <p>Apk Belum Tersedia</p>
        </a>
    </div>

    <!-- Mini Stats -->
    <div class="mini-stats">
        <div class="mini-card">
            <span><?php echo e($general->cur_text); ?> <?php echo e(showAmount($successfulDeposits)); ?></span>
            <label>Total Isi Ulang</label>
        </div>
        <div class="mini-card">
            <span><?php echo e($general->cur_sym); ?> <?php echo e(showAmount($interests)); ?></span>
            <label>Pendapatan Hari Ini</label>
        </div>
    </div>

    <!-- Home Link Card -->
    <div class="home-link">
        <ul>
            <li>
                <img src="<?php echo e(asset('core/img/img_2.png')); ?>" alt="">
                <a href="<?php echo e(route('user.invest.ranking')); ?>">Peringkat Pengguna</a>
            </li>
            <li>
                <img src="<?php echo e(asset('core/img/img_3.png')); ?>" alt="">
                <a href="https://t.me/ng_scripts">Apk</a>
            </li>
        </ul>
    </div> 

    <!-- Notice -->
    <div class="notice">
        <div class="notice-tit">Berita Utama Hari Ini</div>
        <div class="swiper">
            <div class="swiper-wrapper">

                
                <?php
                    $deposits = \App\Models\Deposit::with('user')
                        ->where('status', 1)
                        ->orderBy('created_at','desc')
                        ->take(10)
                        ->get();
                ?>
                <?php $__currentLoopData = $deposits; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $deposit): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <div class="swiper-slide">
                        <img src="<?php echo e(asset ('core/img/nav_1.png')); ?>" alt="">
                        <dl>
                            <dt>
                                +62 <?php echo e(substr($deposit->user->username ?? '08xxxx', 0, 2)); ?>****<?php echo e(substr($deposit->user->username ?? '0000', -4)); ?>

                            </dt>
                            <dd>
                                berhasil isi ulang 
                                <span>Rp<?php echo e(number_format($deposit->amount, 0, ',', '.')); ?></span>.
                            </dd>
                        </dl>
                    </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

                
                <div class="swiper-slide"><img src="<?php echo e(asset ('core/img/nav_1.png')); ?>" alt=""><dl><dt>+62 98****5552</dt><dd>berhasil isi ulang <span>Rp150.000</span>.</dd></dl></div>
                <div class="swiper-slide"><img src="<?php echo e(asset ('core/img/nav_1.png')); ?>" alt=""><dl><dt>+62 95****9999</dt><dd>berhasil isi ulang <span>Rp200.000</span>.</dd></dl></div>
                <div class="swiper-slide"><img src="<?php echo e(asset ('core/img/nav_1.png')); ?>" alt=""><dl><dt>+62 73****1547</dt><dd>berhasil isi ulang <span>Rp500.000</span>.</dd></dl></div>
                <div class="swiper-slide"><img src="<?php echo e(asset ('core/img/nav_1.png')); ?>" alt=""><dl><dt>+62 78****5509</dt><dd>berhasil isi ulang <span>Rp700.000</span>.</dd></dl></div>
                <div class="swiper-slide"><img src="<?php echo e(asset ('core/img/nav_1.png')); ?>" alt=""><dl><dt>+62 76****3694</dt><dd>berhasil isi ulang <span>Rp1.500.000</span>.</dd></dl></div>
                <div class="swiper-slide"><img src="<?php echo e(asset ('core/img/nav_1.png')); ?>" alt=""><dl><dt>+62 81****6871</dt><dd>berhasil isi ulang <span>Rp2.000.000</span>.</dd></dl></div>
                <div class="swiper-slide"><img src="<?php echo e(asset ('core/img/nav_1.png')); ?>" alt=""><dl><dt>+62 71****7228</dt><dd>berhasil isi ulang <span>Rp5.000.000</span>.</dd></dl></div>

            </div>
        </div>
    </div>

    <!-- Floating Button -->
    <div class="turntable">
        <a href="<?php echo e(route('plan')); ?>">
            <img src="<?php echo e(asset('core/img/turntable.png')); ?>">
        </a>
    </div>

</div>

<?php $__env->stopSection(); ?>

<?php $__env->startPush('style'); ?>  
<style>
body.tiktok-theme {
    background:#000;
    color:#fff;
    font-family:'Maven Pro', sans-serif;
    padding-bottom:100px;
}
.dashboard-header {
    padding:20px;
    text-align:center;
    font-size:20px;
    font-weight:600; 
    color:gold; 
    background:#111;
}
.banner {
  max-width:95%;
  height:150px;
  margin:10px auto;
  background:#111;
  border:2px solid #FFD700;
  border-radius:10px;
  overflow:hidden;
  box-shadow:0 0 20px rgba(255,215,0,0.2); 
}
.banner .swiper-slide { height:100%; }
.banner img {
  width:100%;
  height:120%;
  object-fit:cover;
  transform:translateY(-15%);
}
.stats-cards {
    display:flex; gap:12px; margin-bottom:15px;
}
.stats-cards .card {
    flex:1; background:#111; border-radius:14px; padding:15px; text-align:center; box-shadow:0 3px 10px rgba(0,0,0,0.4);
}
.stats-cards p { font-size:13px; color:#aaa; }
.stats-cards h3 { font-size:18px; margin-top:5px; color:gold; }
.menu-grid {
    display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:15px;
}
.menu-grid a {
    background:#111; border-radius:12px; padding:12px 6px; text-align:center; color:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; transition:all .2s ease;
}
.menu-grid a img {
    width:26px; height:26px; margin-bottom:6px;
    filter: brightness(0) saturate(100%) invert(74%) sepia(55%) saturate(447%) hue-rotate(7deg) brightness(97%) contrast(92%);
}
.menu-grid a:hover img { filter: drop-shadow(0 0 6px gold) brightness(0) saturate(100%) invert(74%) sepia(55%) saturate(447%) hue-rotate(7deg) brightness(97%) contrast(92%); }
.menu-grid a p { font-size:11px; margin:0; }
.mini-stats { display:flex; gap:12px; margin-bottom:15px; }
.mini-card { flex:1; background:#111; border-radius:12px; padding:12px; text-align:center; box-shadow:0 2px 6px rgba(0,0,0,0.3); }
.mini-card span { display:block; font-size:15px; font-weight:600; color:gold; }
.mini-card label { font-size:11px; color:#aaa; }
.home-link { background:#111; border-radius:12px; padding:15px; margin-bottom:20px; }
.home-link ul { display:flex; justify-content:space-around; gap:5px; list-style:none; padding:0; margin:0; }
.home-link li { flex:1; display:flex; flex-direction:column; align-items:center; }
.home-link li img { width:42px; height:42px; margin-bottom:8px; }
.home-link a { font-size:15px!important; color:#fff; line-height:1.4!important; word-wrap:break-word!important; }
.turntable { position:fixed; bottom:25px; right:25px; z-index:999; }
.turntable img { width:58px; height:58px; border-radius:50%; box-shadow:0 4px 12px rgba(0,0,0,0.5); }  
.notice { background:#111!important; padding:15px; border-radius:10px; margin-bottom:15px; }
.notice .notice-tit { color:#fff!important; }
.notice .swiper-slide dd span { color:gold; font-weight:600; }
.notice .swiper-slide img { filter: drop-shadow(0 0 3px gold) brightness(0) saturate(100%) invert(74%) sepia(55%) saturate(447%) hue-rotate(7deg) brightness(97%) contrast(92%); }
</style>
<script>
var noticeSwiper = new Swiper(".notice .swiper", {
    direction:"vertical",
    loop:true,
    autoplay:{ delay:2500, disableOnInteraction:false },
    slidesPerView:1,
});
</script>
<?php $__env->stopPush(); ?>
<?php echo $__env->make($activeTemplate.'layouts.master', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/aureustweb/affiliate.finexa.biz.id/core/resources/views/templates/invester/user/dashboard.blade.php ENDPATH**/ ?>