<!DOCTYPE html>
<html lang="bn">
<head>
<meta charset="UTF-8">
<title>Daily Sign-In - CV111</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
    body { background: #0a0a0a; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
    .gold-gradient { background: linear-gradient(135deg, #d4af37, #f0d264); }
    .header-bg { background: linear-gradient(160deg, #1a1005 0%, #0a0a0a 80%); }
    .card-bg { background: #141414; }
</style>
</head>
<body class="pb-8">

<header class="header-bg border-b border-gray-800 sticky top-0 z-50">
    <div class="max-w-2xl mx-auto px-4 h-14 flex items-center gap-3">
        <a href="/newhome.php" class="text-gray-300 text-xl"><i class="fa-solid fa-arrow-left"></i></a>
        <div class="text-white font-bold text-base">Daily Sign-In</div>
    </div>
</header>

<main class="max-w-2xl mx-auto px-4 py-5">

    <div id="msgBox" class="hidden rounded-lg p-3 mb-4 text-xs font-bold text-center"></div>

    <div class="grid grid-cols-4 gap-2 mb-5" id="dayGrid"></div>

    <button onclick="claimToday()" id="claimBtn" class="w-full gold-gradient text-gray-900 font-black py-4 rounded-xl text-base shadow-lg">
        🎁 আজকের Bonus নাও
    </button>

    <div class="card-bg rounded-xl p-4 border border-gray-800 mt-5 text-center">
        <div class="text-gray-400 text-xs">নিয়ম</div>
        <div class="text-gray-300 text-xs mt-1">প্রতিদিন Login করে Bonus নাও — যত বেশি টানা দিন, তত বেশি Bonus! (কমপক্ষে ৳300 Deposit থাকতে হবে)</div>
    </div>

</main>

<script>
const token = localStorage.getItem('token');
if (!token) window.location.href = '/newlogin.php';

function md5(str) {
    function rotateLeft(n, s) { return (n << s) | (n >>> (32 - s)); }
    function toHex(n) { let s = '', v; for (let i = 0; i < 4; i++) { v = (n >>> (i * 8)) & 255; s += ('0' + v.toString(16)).slice(-2); } return s; }
    function utf8Encode(str) { return unescape(encodeURIComponent(str)); }
    str = utf8Encode(str);
    const msgLen = str.length;
    const numBlocks = (((msgLen + 8) >>> 6) + 1) * 16;
    const M = new Array(numBlocks).fill(0);
    for (let i = 0; i < msgLen; i++) M[i >> 2] |= str.charCodeAt(i) << ((i % 4) * 8);
    M[msgLen >> 2] |= 0x80 << ((msgLen % 4) * 8);
    M[numBlocks - 2] = msgLen * 8;
    let a = 1732584193, b = -271733879, c = -1732584194, d = 271733878;
    const S = [7,12,17,22,7,12,17,22,7,12,17,22,7,12,17,22,5,9,14,20,5,9,14,20,5,9,14,20,5,9,14,20,4,11,16,23,4,11,16,23,4,11,16,23,4,11,16,23,6,10,15,21,6,10,15,21,6,10,15,21,6,10,15,21];
    const K = [];
    for (let i = 0; i < 64; i++) K[i] = (Math.floor(Math.abs(Math.sin(i + 1)) * 4294967296)) | 0;
    for (let i = 0; i < numBlocks; i += 16) {
        let A = a, B = b, C = c, D = d;
        for (let j = 0; j < 64; j++) {
            let F, g;
            if (j < 16) { F = (B & C) | (~B & D); g = j; }
            else if (j < 32) { F = (D & B) | (~D & C); g = (5 * j + 1) % 16; }
            else if (j < 48) { F = B ^ C ^ D; g = (3 * j + 5) % 16; }
            else { F = C ^ (B | ~D); g = (7 * j) % 16; }
            F = (F + A + K[j] + (M[i + g] | 0)) | 0;
            A = D; D = C; C = B;
            B = (B + rotateLeft(F, S[j])) | 0;
        }
        a = (a + A) | 0; b = (b + B) | 0; c = (c + C) | 0; d = (d + D) | 0;
    }
    return toHex(a) + toHex(b) + toHex(c) + toHex(d);
}

function renderDays(list) {
    const grid = document.getElementById('dayGrid');
    grid.innerHTML = '';
    const maxDay = 7;
    for (let i = 1; i <= maxDay; i++) {
        const found = list.find(d => Number(d.continuousDayContinue) === i);
        const div = document.createElement('div');
        div.className = 'card-bg rounded-lg p-3 border ' + (found ? 'border-yellow-500' : 'border-gray-800') + ' text-center';
        div.innerHTML = `
            <div class="text-gray-400 text-[10px]">Day ${i}</div>
            <i class="fa-solid fa-coins ${found ? 'text-yellow-400' : 'text-gray-600'} text-lg my-1"></i>
            <div class="text-[10px] ${found ? 'text-green-400' : 'text-gray-500'}">${found ? '✓ নেওয়া হয়েছে' : 'বাকি'}</div>
        `;
        grid.appendChild(div);
    }
}

async function loadSignInStatus() {
    const random = Math.random().toString(36).substring(2, 15);
    const language = 1, pageNo = 1, pageSize = 20;
    const shonustr = `{"language":${language},"pageNo":${pageNo},"pageSize":${pageSize},"random":"${random}"}`;
    const signature = md5(shonustr).toUpperCase();

    try {
        const res = await fetch('/deepanshu/api/webapi/GetContinuousSinInList.php', {
            method: 'POST',
            headers: { 'Content-Type': 'application/json', 'Authorization': 'Bearer ' + token },
            body: JSON.stringify({ language, pageNo, pageSize, random, signature, timestamp: Date.now() })
        });
        const data = await res.json();
        if (data.code === 0 && data.data) {
            renderDays(data.data.list || []);
        } else {
            renderDays([]);
        }
    } catch (e) {
        renderDays([]);
    }
}

async function claimToday() {
    const btn = document.getElementById('claimBtn');
    const msgBox = document.getElementById('msgBox');
    btn.textContent = 'অপেক্ষা করো...';

    const random = Math.random().toString(36).substring(2, 15);
    const language = 1;
    const shonustr = `{"language":${language},"random":"${random}"}`;
    const signature = md5(shonustr).toUpperCase();

    try {
        const res = await fetch('/deepanshu/api/webapi/SetContinuousSinIn.php', {
            method: 'POST',
            headers: { 'Content-Type': 'application/json', 'Authorization': 'Bearer ' + token },
            body: JSON.stringify({ language, random, signature, timestamp: Date.now() })
        });
        const data = await res.json();

        msgBox.classList.remove('hidden');
        if (data.code === 0) {
            msgBox.className = 'rounded-lg p-3 mb-4 text-xs font-bold text-center bg-green-500/10 border border-green-500/40 text-green-400';
            msgBox.textContent = '✅ আজকের Bonus পেয়ে গেছো!';
            loadSignInStatus();
        } else {
            msgBox.className = 'rounded-lg p-3 mb-4 text-xs font-bold text-center bg-red-500/10 border border-red-500/40 text-red-400';
            msgBox.textContent = '❌ ' + (data.msg || 'আজ আর Bonus নেওয়া যাবে না।');
        }
    } catch (e) {
        msgBox.classList.remove('hidden');
        msgBox.className = 'rounded-lg p-3 mb-4 text-xs font-bold text-center bg-red-500/10 border border-red-500/40 text-red-400';
        msgBox.textContent = 'একটা সমস্যা হয়েছে।';
    }
    btn.textContent = '🎁 আজকের Bonus নাও';
}

loadSignInStatus();
</script>

</body>
</html>
