<!DOCTYPE html><html class="light" lang="id" style=""><head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
    <title><?php echo e(config('app.name', 'Nusa OTP')); ?></title>

    <link rel="icon" type="image/png" href="<?php echo e(asset('public/assets/icon-nusaotp.ico')); ?>">
    <link rel="apple-touch-icon" href="<?php echo e(asset('public/assets/icon-nusaotp.ico')); ?>">

    <meta property="og:title" content="<?php echo e(config('app.name', 'Nusa OTP')); ?>">
    <meta property="og:description" content="Nusa OTP Adalah Platform Layanan Nomor Virtual Dengan OTP Otomatis Tercepat Dan Termurah Di Indonesia. Beli Nomor Virtual Sekarang, Instan, Terpercaya, Dan Aktif 24 Jam.">
    <meta property="og:image" content="<?php echo e(asset('public/assets/og-nusaotp.webp')); ?>">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://nusaotp.com">

    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="<?php echo e(config('app.name', 'Nusa OTP')); ?>">
    <meta name="twitter:description" content="Nusa OTP Adalah Platform Layanan Nomor Virtual Dengan OTP Otomatis Tercepat Dan Termurah Di Indonesia. Beli Nomor Virtual Sekarang, Instan, Terpercaya, Dan Aktif 24 Jam.">
    <meta name="twitter:image" content="<?php echo e(asset('public/assets/og-nusaotp.webp')); ?>">
     <meta name="keywords" content="Nusa OTP, nomor virtual murah, Nusa OTP nokos, Nokos, beli nomor virtual, OTP murah, Nokos Indonesia, OTP Wa, nomor virtual, nomor WhatsApp, nomor Telegram, nomor Gmail, nomor registrasi, layanan verifikasi akun, platform nomor virtual, nomor online, nomor SMS verifikasi, nokos wa, nokos indonesia, nomor kosong, nomor virtual murah, otp murah, nokos wa murah, nokos wa, nomor kosong murah, nomor murah, beli nomor kosong, jasa nomor kosong murah, jasa nomor kosong, jasa otp murah, beli nomor kosong wa, nomor kosong">
    
<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&amp;display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&amp;display=swap" rel="stylesheet">
<style>
        .material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        body {
            font-family: 'Inter', sans-serif;
            background-color: #f8f9ff;
            -webkit-tap-highlight-color: transparent;
        }
        .glass-card {
            background: rgba(255, 255, 255, 0.8);
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
            border: 1px solid rgba(255, 255, 255, 0.3);
        }
        .balance-gradient {
            background: linear-gradient(135deg, #00288e 0%, #1e40af 50%, #3755c3 100%);
        }
        .safe-bottom {
            padding-bottom: env(safe-area-inset-bottom);
        }
    </style>
<script id="tailwind-config">
        tailwind.config = {
            darkMode: "class",
            theme: {
                extend: {
                    "colors": {
                        "primary-fixed": "#dde1ff",
                        "tertiary-fixed-dim": "#4edea3",
                        "on-primary-fixed": "#001453",
                        "on-background": "#0b1c30",
                        "on-tertiary-container": "#3fd298",
                        "inverse-surface": "#213145",
                        "surface-tint": "#3755c3",
                        "on-tertiary-fixed": "#002113",
                        "outline-variant": "#c4c5d5",
                        "on-secondary-container": "#006172",
                        "on-tertiary-fixed-variant": "#005236",
                        "background": "#f8f9ff",
                        "surface": "#f8f9ff",
                        "surface-container-low": "#eff4ff",
                        "on-primary-container": "#a8b8ff",
                        "inverse-primary": "#b8c4ff",
                        "error-container": "#ffdad6",
                        "primary-fixed-dim": "#b8c4ff",
                        "surface-bright": "#f8f9ff",
                        "secondary-fixed-dim": "#4cd7f6",
                        "on-error": "#ffffff",
                        "on-surface": "#0b1c30",
                        "inverse-on-surface": "#eaf1ff",
                        "on-secondary": "#ffffff",
                        "secondary-container": "#57dffe",
                        "error": "#ba1a1a",
                        "secondary-fixed": "#acedff",
                        "primary": "#00288e",
                        "surface-container": "#e5eeff",
                        "on-error-container": "#93000a",
                        "primary-container": "#1e40af",
                        "on-surface-variant": "#444653",
                        "tertiary": "#003d27",
                        "on-tertiary": "#ffffff",
                        "on-primary": "#ffffff",
                        "surface-container-highest": "#d3e4fe",
                        "tertiary-fixed": "#6ffbbe",
                        "surface-dim": "#cbdbf5",
                        "on-primary-fixed-variant": "#173bab",
                        "on-secondary-fixed-variant": "#004e5c",
                        "surface-variant": "#d3e4fe",
                        "tertiary-container": "#00563a",
                        "outline": "#757684",
                        "surface-container-high": "#dce9ff",
                        "on-secondary-fixed": "#001f26"
                    },
                    "borderRadius": {
                        "DEFAULT": "0.25rem",
                        "lg": "0.5rem",
                        "xl": "0.75rem",
                        "full": "9999px"
                    },
                    "spacing": {
                        "container-margin": "1rem",
                        "gutter": "1rem",
                        "stack-lg": "1.5rem",
                        "stack-sm": "0.5rem",
                        "stack-md": "1rem",
                        "section-gap": "2rem"
                    },
                    "fontFamily": {
                        "body-lg": ["Inter"],
                        "headline-md": ["Inter"],
                        "body-md": ["Inter"],
                        "number-display": ["Inter"],
                        "headline-lg-mobile": ["Inter"],
                        "headline-lg": ["Inter"],
                        "label-md": ["Inter"]
                    },
                    "fontSize": {
                        "body-lg": ["16px", {"lineHeight": "24px", "fontWeight": "400"}],
                        "headline-md": ["20px", {"lineHeight": "28px", "fontWeight": "600"}],
                        "body-md": ["14px", {"lineHeight": "20px", "fontWeight": "400"}],
                        "number-display": ["24px", {"lineHeight": "32px", "letterSpacing": "0.1em", "fontWeight": "700"}],
                        "headline-lg-mobile": ["24px", {"lineHeight": "32px", "letterSpacing": "-0.01em", "fontWeight": "700"}],
                        "headline-lg": ["32px", {"lineHeight": "40px", "letterSpacing": "-0.02em", "fontWeight": "700"}],
                        "label-md": ["12px", {"lineHeight": "16px", "letterSpacing": "0.05em", "fontWeight": "600"}]
                    }
                },
            },
        }
    </script>
    <style>
.live-card{
    background:#fff;
    border:1px solid #eef2ff;
    border-radius:14px;
    padding:10px 12px;
    box-shadow:0 2px 6px rgba(0,0,0,.04);
    animation:slideUp .35s ease;
}

@keyframes slideUp{
    from{
        opacity:0;
        transform:translateY(12px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

.live-status{
    width:8px;
    height:8px;
    border-radius:999px;
    background:#22c55e;
    animation:pulse 1.5s infinite;
    flex-shrink:0;
}

@keyframes pulse{
    0%{transform:scale(1);opacity:1;}
    70%{transform:scale(2);opacity:.25;}
    100%{transform:scale(1);opacity:1;}
}
#liveTransactions{
    -ms-overflow-style:none;
    scrollbar-width:none;
}

#liveTransactions::-webkit-scrollbar{
    display:none;
}

.live-card{
    min-width:280px;
    max-width:280px;
    flex-shrink:0;
    scroll-snap-align:start;

    background:#fff;
    border:1px solid #eef2ff;
    border-radius:16px;
    padding:14px;
    box-shadow:0 4px 12px rgba(0,0,0,.05);

    animation:slideUp .35s ease;
}
    </style>
</head>
<body class="bg-background text-on-background min-h-screen flex flex-col">
<!-- TopAppBar -->
<?php echo $__env->make('apk.partials.header', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
<main class="flex-1 px-container-margin py-stack-md space-y-section-gap mb-24">
<!-- Section 1: Saldo Utama -->
<section>
<div class="balance-gradient rounded-xl p-6 shadow-md text-on-primary relative overflow-hidden">
<!-- Background Decorative Pattern -->
<div class="absolute -right-10 -top-10 opacity-10">
<span class="material-symbols-outlined text-[120px]">account_balance_wallet</span>
</div>
<p class="font-label-md text-label-md opacity-80 mb-1">Saldo</p>
<h2 class="font-headline-lg text-headline-lg mb-6">
    Rp <?php echo e(number_format($balance,0,',','.')); ?>

</h2>

<a href="/apk/deposit"
   class="bg-gradient-to-r from-blue-100 to-cyan-100 text-blue-700 px-6 py-2.5 rounded-full font-label-md text-label-md flex items-center gap-2 shadow-sm">

    <span class="material-symbols-outlined text-[18px]">
        add_circle
    </span>

    Isi Saldo
</a>
</div>
</section>
<!-- Section 2: Statistik Transaksi -->
<section>

    <h3 class="font-headline-md text-headline-md text-on-surface mb-stack-md">
        Ringkasan
    </h3>

    <div class="grid grid-cols-2 gap-4">

        <!-- Total Deposit -->
        <div class="bg-surface-container-lowest p-4 rounded-2xl border border-outline-variant/30 shadow-sm">

            <div class="flex items-start justify-between">

                <div class="min-w-0">
                    <p class="text-xs text-on-surface-variant mb-1">
                        <b>Total Deposit</b>
                    </p>

                    <p class="font-headline-md text-primary">
                        Rp <?php echo e(number_format($deposits,0,',','.')); ?>

                    </p>
                </div>

                <div class="w-11 h-11 rounded-xl flex items-center justify-center shrink-0">

                    <svg  xmlns="http://www.w3.org/2000/svg" width="36" height="36"  
fill="currentColor" viewBox="0 0 24 24" >
<!--Boxicons v3.0.8 https://boxicons.com | License  https://docs.boxicons.com/free-->
<path d="m21.49 7.13-9-5a.99.99 0 0 0-.97 0l-9.01 5C2.19 7.31 2 7.64 2 8v3c0 .55.45 1 1 1h2v4H3c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h18c.55 0 1-.45 1-1v-4c0-.55-.45-1-1-1h-2v-4h2c.55 0 1-.45 1-1V8a1 1 0 0 0-.51-.87M7 12h2v4H7zm6 0v4h-2v-4zm7 6v2H4v-2zm-3-2h-2v-4h2zm3-6H4V8.59l8-4.44 8 4.44z"></path><path d="M12 6a1.5 1.5 0 1 0 0 3 1.5 1.5 0 1 0 0-3"></path>
</svg>

                </div>

            </div>

        </div>

        <!-- Total Pembelian -->
        <div class="bg-surface-container-lowest p-4 rounded-2xl border border-outline-variant/30 shadow-sm">

            <div class="flex items-start justify-between">

                <div>
                    <p class="text-xs text-on-surface-variant mb-1">
                        <b>Total Order</b>
                    </p>

                    <p class="font-headline-md text-primary truncate">
                        <?php echo e(number_format($orders)); ?>

                    </p>
                </div>

                <div class="w-11 h-11 rounded-xl flex items-center justify-center shrink-0">

                    <svg  xmlns="http://www.w3.org/2000/svg" width="36" height="36"  
fill="currentColor" viewBox="0 0 24 24" >
<!--Boxicons v3.0.8 https://boxicons.com | License  https://docs.boxicons.com/free-->
<path d="M21 4H6.17l-.18-1.15A1 1 0 0 0 5 2H2v2h2.14l1.87 12.15A1 1 0 0 0 7 17h12v-2H7.86l-.31-2H19c.45 0 .84-.3.96-.73l2-7A1 1 0 0 0 21 3.99Zm-2.75 7H7.24l-.77-5h13.2l-1.43 5ZM8 18a2 2 0 1 0 0 4 2 2 0 1 0 0-4m9 0a2 2 0 1 0 0 4 2 2 0 1 0 0-4"></path>
</svg>

                </div>

            </div>

        </div>

        <!-- Success Rate -->
        <div class="bg-surface-container-lowest p-4 rounded-2xl border border-outline-variant/30 shadow-sm">

            <div class="flex items-start justify-between">

                <div>
                    <p class="text-xs text-on-surface-variant mb-1">
                        <b>Order Berhasil</b>
                    </p>

                    <p class="font-headline-md text-green-600">
                        <?php echo e($successRate); ?>%
                    </p>
                </div>

                <div class="w-11 h-11 rounded-xl flex items-center justify-center shrink-0">
<svg  xmlns="http://www.w3.org/2000/svg" width="36" height="36"  
fill="currentColor" viewBox="0 0 24 24" >
<!--Boxicons v3.0.8 https://boxicons.com | License  https://docs.boxicons.com/free-->
<path d="M3 15h2v6H3zm4-2h2v8H7zm4-1h2v9h-2zm4 1h2v8h-2zm4-5h2v13h-2z"></path><path d="m19.21 2.38-4.87 6.21-5-4-6.13 7.79 1.58 1.24 4.87-6.21 5 4 6.13-7.79z"></path>
</svg>
                </div>

            </div>

        </div>

        
       <!-- Pesanan Aktif -->
<div class="bg-surface-container-lowest p-4 rounded-2xl border border-outline-variant/30 shadow-sm">

    <div class="flex items-start justify-between">

        <div class="min-w-0">

            <p class="text-xs text-on-surface-variant mb-1">
                <b>Order Aktif</b>
            </p>

            <p class="font-headline-md text-amber-600">
                <?php echo e(number_format($activeOrders)); ?>

            </p>

        </div>

        <div class="w-11 h-11 rounded-xl flex items-center justify-center shrink-0">

            <svg  xmlns="http://www.w3.org/2000/svg" width="36" height="36"  
fill="currentColor" viewBox="0 0 24 24" >
<!--Boxicons v3.0.8 https://boxicons.com | License  https://docs.boxicons.com/free-->
<path d="M3 20c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V7c0-.16-.05-.31-.11-.44s-1.72-3.45-1.72-3.45A2 2 0 0 0 17.38 2H6.62c-.76 0-1.45.42-1.79 1.11L3.11 6.56c-.07.14-.11.29-.11.45v13Zm2 0V8h14v12zM17.38 4l1 2H5.62l1-2z"></path><path d="M12 13c-1.65 0-3-1.35-3-3H7c0 2.76 2.24 5 5 5s5-2.24 5-5h-2c0 1.65-1.35 3-3 3"></path>
</svg>

        </div>

    </div>

</div>
    </div>

</section>
<section class="mb-5">

<button id="openLeaderboard"
class="w-full bg-white rounded-2xl shadow-sm border border-slate-200 px-5 py-4">

<div class="flex items-center justify-between">

<div class="flex items-center gap-3">

<div class="w-12 h-12 rounded-2xl bg-yellow-100 flex items-center justify-center text-2xl">
🏆
</div>

<div class="text-left">

<div class="font-semibold text-slate-800">
Leaderboard User
</div>

<div class="text-sm text-slate-500">
Top 10 Pembelian Berhasil
</div>

</div>

</div>

<span class="material-symbols-outlined">
chevron_right
</span>

</div>

</button>

</section>
<section>

    <h3 class="font-headline-md text-headline-md text-on-surface mb-4">
        Deposit
    </h3>

    <div class="bg-white rounded-xl p-4 shadow-sm mb-5">
        <canvas id="depositChart" height="120"></canvas>
    </div>

    <h3 class="font-headline-md text-headline-md text-on-surface mb-4">
        Order
    </h3>

    <div class="bg-white rounded-xl p-4 shadow-sm">
        <canvas id="orderChart" height="120"></canvas>
    </div>

</section>
<section class="mt-6">

    <div class="flex items-center justify-between mb-4">

        <h3 class="font-headline-md text-headline-md text-on-surface mb-4">
        Aktivitas Pembelian
    </h3>

        <span class="text-xs text-green-600">
            LIVE
        </span>

    </div>

    <div
    id="liveTransactions"
    class="flex gap-3 overflow-x-auto pb-2 snap-x snap-mandatory scrollbar-hide">

    <div class="text-gray-400 text-sm py-6 whitespace-nowrap">
        Menunggu transaksi...
    </div>

</div>

</section>
</section>
</div>
<!-- BACKDROP -->
<div id="leaderboardBackdrop"
class="fixed inset-0 bg-black/40 backdrop-blur-sm hidden z-40"></div>

<!-- BOTTOM SHEET -->
<div id="leaderboardSheet"
class="fixed left-0 right-0 bottom-0 z-50 translate-y-full transition-transform duration-300">

<div class="bg-white rounded-t-[30px] max-h-[85vh] overflow-hidden">

<div class="flex justify-center py-3">
<div class="w-12 h-1.5 bg-gray-300 rounded-full"></div>
</div>

<div class="px-5 pb-4">

<div class="flex justify-between items-center">

<div>
<h2 class="text-xl font-bold">
🏆 Leaderboard User
</h2>

<p class="text-sm text-gray-500">
Top 10 Pembelian Berhasil
</p>

</div>

<button id="closeLeaderboard"
class="w-10 h-10 rounded-full bg-slate-100">
✕
</button>

</div>

</div>

<div class="overflow-y-auto px-5 pb-8 max-h-[65vh]">

<?php $__empty_1 = true; $__currentLoopData = $topUsers; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $i=>$user): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>

<div class="flex items-center justify-between py-4 border-b">

<div class="flex items-center gap-3">

<div class="w-10 h-10 rounded-xl flex items-center justify-center
<?php if($i==0): ?> bg-yellow-100 text-yellow-700
<?php elseif($i==1): ?> bg-gray-200 text-gray-700
<?php elseif($i==2): ?> bg-orange-100 text-orange-700
<?php else: ?> bg-blue-50 text-blue-600
<?php endif; ?>">

<?php echo e($i+1); ?>


</div>

<div>

<div class="font-semibold">
<?php echo e($user->masked_name); ?>

</div>

<div class="text-sm text-gray-500">
<?php echo e(number_format($user->orders_count)); ?> Pembelian
</div>

</div>

</div>

<?php if($i==0): ?>
<span>🥇</span>
<?php elseif($i==1): ?>
<span>🥈</span>
<?php elseif($i==2): ?>
<span>🥉</span>
<?php endif; ?>

</div>

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

<div class="py-10 text-center text-gray-400">

Belum ada data.

</div>

<?php endif; ?>

</div>

</div>

</div>
<?php echo $__env->make('apk.partials.bar', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script>
    const openBtn=document.getElementById('openLeaderboard');
const closeBtn=document.getElementById('closeLeaderboard');

const backdrop=document.getElementById('leaderboardBackdrop');
const sheet=document.getElementById('leaderboardSheet');

function openLeaderboard(){

backdrop.classList.remove('hidden');

setTimeout(()=>{
sheet.classList.remove('translate-y-full');
},10);

document.body.style.overflow='hidden';

}

function closeLeaderboard(){

sheet.classList.add('translate-y-full');

setTimeout(()=>{
backdrop.classList.add('hidden');
},250);

document.body.style.overflow='';

}

openBtn.onclick=openLeaderboard;

closeBtn.onclick=closeLeaderboard;

backdrop.onclick=closeLeaderboard;

new Chart(document.getElementById('depositChart'), {

    type: 'bar',

    data: {

        labels: <?php echo json_encode($chartLabels, 15, 512) ?>,

        datasets: [{
            label: 'Deposit',

            data: <?php echo json_encode($depositChart, 15, 512) ?>,

            backgroundColor: '#06b6d4',

            borderRadius: 8,

            borderSkipped: false
        }]
    },

    options: {

        responsive: true,

        maintainAspectRatio: false,

        plugins: {
            legend: {
                display: false
            }
        },

        scales: {

            x: {
                grid: {
                    display: false
                }
            },

            y: {
                beginAtZero: true
            }
        }
    }
});

new Chart(document.getElementById('orderChart'), {

    type: 'bar',

    data: {

        labels: <?php echo json_encode($chartLabels, 15, 512) ?>,

        datasets: [{
            label: 'Order',

            data: <?php echo json_encode($ordersChart, 15, 512) ?>,

            backgroundColor: '#1e40af',

            borderRadius: 8,

            borderSkipped: false
        }]
    },

    options: {

        responsive: true,

        maintainAspectRatio: false,

        plugins: {
            legend: {
                display: false
            }
        },

        scales: {

            x: {
                grid: {
                    display: false
                }
            },

            y: {
                beginAtZero: true
            }
        }
    }
});
</script>
<script>
        // Micro-interaction for clicking sections
        document.querySelectorAll('button, a').forEach(el => {
            el.addEventListener('click', (e) => {
                const rect = el.getBoundingClientRect();
                const x = e.clientX - rect.left;
                const y = e.clientY - rect.top;
                
                const ripple = document.createElement('span');
                ripple.style.position = 'absolute';
                ripple.style.width = '10px';
                ripple.style.height = '10px';
                ripple.style.background = 'rgba(255, 255, 255, 0.4)';
                ripple.style.borderRadius = '50%';
                ripple.style.left = x + 'px';
                ripple.style.top = y + 'px';
                ripple.style.transform = 'scale(0)';
                ripple.style.transition = 'transform 0.4s ease-out, opacity 0.4s ease-out';
                ripple.style.pointerEvents = 'none';
                
                el.style.position = 'relative';
                el.style.overflow = 'hidden';
                el.appendChild(ripple);
                
                setTimeout(() => {
                    ripple.style.transform = 'scale(20)';
                    ripple.style.opacity = '0';
                }, 10);
                
                setTimeout(() => {
                    ripple.remove();
                }, 410);
            });
        });
        let shownIds = [];

async function loadLiveTransactions(){

    try{

        const res = await fetch('/notif/recent-orders');

        const data = await res.json();

        const wrap =
            document.getElementById(
                'liveTransactions'
            );

        data.reverse().forEach(item=>{

            if(shownIds.includes(item.id))
                return;

            shownIds.push(item.id);

            if(shownIds.length>50)
                shownIds.shift();

const html = `
<div class="live-card">

    <div class="flex items-center justify-between">

        <div class="flex items-center gap-2">

            <div class="live-status"></div>

            <span class="text-[13px] font-semibold text-green-600">
                Pembelian Berhasil
            </span>

        </div>

        <span class="text-[11px] text-gray-400">
            ${timeAgo(item.created_at)}
        </span>

    </div>

    <div class="mt-2 text-[12px] leading-5">

        <div>
            <b>Layanan</b> :
            ${item.service}
        </div>


        <div>
            <b>Nomor</b> :
            ${maskNumber(item.number)}
        </div>

        <div>
            <b>Harga</b> :
            Rp ${Number(item.harga).toLocaleString('id-ID')}
        </div>

    </div>

</div>
`;
if(
    wrap.children.length === 1 &&
    wrap.textContent.includes('Menunggu')
){
    wrap.innerHTML = '';
}
            wrap.insertAdjacentHTML(
                'afterbegin',
                html
            );

        });

        while(wrap.children.length>8){

            wrap.removeChild(
                wrap.lastElementChild
            );

        }

    }catch(e){}

}

function maskNumber(number){

    if(!number)
        return '-';

    number = number.toString();

    if(number.length <= 4)
        return '****';

    return number.slice(0, -4) + '****';

}

function timeAgo(date){

    const sec =
        (new Date()-new Date(date))/1000;

    if(sec<60)
        return 'Baru saja';

    if(sec<3600)
        return Math.floor(sec/60)+' menit lalu';

    if(sec<86400)
        return Math.floor(sec/3600)+' jam lalu';

    return Math.floor(sec/86400)+' hari lalu';

}

loadLiveTransactions();

setInterval(loadLiveTransactions,15000);
    </script>


</body></html><?php /**PATH /home/nusaotp/public_html/resources/views/apk/dashboard.blade.php ENDPATH**/ ?>