<!DOCTYPE html>
<html lang="bn">
<head>
<meta charset="UTF-8">
<title>Notifications - 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; }
    .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">Notifications</div>
    </div>
</header>

<main class="max-w-2xl mx-auto px-4 py-5">
    <div id="msgList" class="space-y-2">
        <div class="text-center text-gray-500 text-xs py-10">লোড হচ্ছে...</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);
}

async function loadMessages() {
    const list = document.getElementById('msgList');
    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/GetMessageList.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();
        const items = (data.data && data.data.list) || [];

        if (items.length === 0) {
            list.innerHTML = '<div class="text-center text-gray-500 text-xs py-10">কোনো Notification নেই।</div>';
            return;
        }

        list.innerHTML = items.map(msg => `
            <div class="card-bg rounded-lg p-4 border border-gray-800">
                <div class="text-white font-bold text-sm">${msg.title || 'বার্তা'}</div>
                <div class="text-gray-400 text-xs mt-1">${msg.content || msg.message || ''}</div>
                <div class="text-gray-600 text-[10px] mt-2">${msg.addtime || msg.createTime || ''}</div>
            </div>
        `).join('');
    } catch (e) {
        list.innerHTML = '<div class="text-center text-red-400 text-xs py-10">Load ব্যর্থ হয়েছে।</div>';
    }
}

loadMessages();
</script>

</body>
</html>
