Editing: /home/goacom/public_html/scratch_extract/account.php
<?php session_start(); // --- Database Configuration --- $host = 'localhost'; $db = 'tishanw1_melbets'; $user = 'tishanw1_melbets'; $pass = 'tishanw1_melbets'; $charset = 'utf8mb4'; $dsn = "mysql:host=$host;dbname=$db;charset=$charset"; $options = [ PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION, PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC, PDO::ATTR_EMULATE_PREPARES => false, ]; try { $pdo = new PDO($dsn, $user, $pass, $options); } catch (\PDOException $e) { die("Database connection failed: " . $e->getMessage()); } // --- Redirect to login if not logged in --- if (!isset($_SESSION['user_id'])) { header("Location: login.php"); exit; } $user_id = $_SESSION['user_id']; $user_phone = $_SESSION['phone'] ?? ''; // --- Fetch User Balance --- $user_balance = 0.00; try { $stmt = $pdo->prepare("SELECT balance FROM users WHERE id = ?"); $stmt->execute([$user_id]); $userData = $stmt->fetch(); if ($userData) { $user_balance = floatval($userData['balance']); } } catch (\PDOException $e) { // balance column might not exist yet } ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="description" content="MELBETE - Official Gaming & Betting Platform. Play slots, live casino, sports betting and more." /> <title>MELBETE - Official Game App</title> <link rel="stylesheet" href="index.css" /> <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&display=swap" rel="stylesheet" /> </head> <body class="bg-bodyColor"> <div id="root"> <div class="w-full bg-bodyColor"> <div class="max-w-[1000px] mx-auto"> <div class="w-full acc-bg h-full"> <!-- Top Navigation Header --> <div class="flex justify-between items-center h-12" style="background: rgb(240, 104, 39);"> <svg onclick="window.location='dashboard.php'" stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="text-white cursor-pointer text-[26px] w-16" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"> <path d="M217.9 256L345 129c9.4-9.4 9.4-24.6 0-33.9-9.4-9.4-24.6-9.3-34 0L167 239c-9.1 9.1-9.3 23.7-.7 33.1L310.9 417c4.7 4.7 10.9 7 17 7s12.3-2.3 17-7c9.4-9.4 9.4-24.6 0-33.9L217.9 256z"></path> </svg> <div class="w-full text-white text-[19px] text-center" style="margin-right: 4rem;"> <font dir="auto" style="vertical-align: inherit;"> <font dir="auto" style="vertical-align: inherit;"> My account </font> </font> </div> </div> <!-- User Card & Balance Box --> <div class="w-full relative bg-black"> <div class="w-full pl-6"> <div class="w-full min-h-[214px] p-[20px] gap-[10px] flex flex-col relative overflow-hidden" style="background: linear-gradient(248deg, rgb(241, 249, 255) 0%, rgb(179, 188, 200) 100%); border-radius: 13px 0px 0px 13px;"> <div class="absolute right-0 top-0"> <img class="w-[140px] object-contain opacity-60" alt="medal" src="/assets/lv-DCXWNpSe.png" style="filter: blur(0.6px);"> </div> <div class="w-full flex items-center gap-4 relative"> <div class="w-20 h-20 rounded-full border-4 border-white overflow-hidden shadow"> <img alt="user" class="w-full h-full object-cover" src="/assets/user-BSgHyW7k.png"> </div> <div class="flex flex-col"> <div class="flex items-center gap-2"> <span class="text-[17px] font-bold text-[#222]"> <?php echo htmlspecialchars($user_phone); ?> </span> <div class="account-vip-btn rounded-full h-full bg-gray-700 flex flex-row px-2 py-1 items-center"> <img alt="" src="/vip0.png" style="height: 20px; width: 20px;"> <a class="font-semibold text-sm px-1 text-white rounded-full h-full" href="vip.php" data-discover="true"> <font dir="auto" style="vertical-align: inherit;"> <font dir="auto" style="vertical-align: inherit;"> VIP 0 </font> </font> </a> </div> </div> <span class="text-sm text-gray-600"> <font dir="auto" style="vertical-align: inherit;"> <font dir="auto" style="vertical-align: inherit;"> Nickname : <?php echo htmlspecialchars($user_phone); ?> </font> </font> </span> </div> </div> <div class="mb-2"> <span class="text-[18px] font-bold text-[#444] mt-1"> ₹ <?php echo number_format($user_balance, 2); ?> </span> </div> <div class="flex justify-around mt-4"> <a class="px-4 py-1 rounded-full bg-white shadow text-sm font-semibold text-[#454545] hover:bg-gray-100" href="deposit.php" data-discover="true" style="background: linear-gradient(0deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.3) 33.33%, rgba(255, 255, 255, 0) 67%, rgb(255, 255, 255));"> <font dir="auto" style="vertical-align: inherit;"> <font dir="auto" style="vertical-align: inherit;"> Deposit </font> </font> </a> <a class="px-4 py-1 rounded-full bg-white shadow text-sm font-semibold text-[#454545] hover:bg-gray-100" href="lifting.php" data-discover="true" style="background: linear-gradient(0deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.3) 33.33%, rgba(255, 255, 255, 0) 67%, rgb(255, 255, 255));"> <font dir="auto" style="vertical-align: inherit;"> <font dir="auto" style="vertical-align: inherit;"> Lifting </font> </font> </a> <a class="px-4 py-1 rounded-full bg-white shadow text-sm font-semibold text-[#454545] hover:bg-gray-100" href="my-cards.php" data-discover="true" style="background: linear-gradient(0deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.3) 33.33%, rgba(255, 255, 255, 0) 67%, rgb(255, 255, 255));"> <font dir="auto" style="vertical-align: inherit;"> <font dir="auto" style="vertical-align: inherit;"> My cards </font> </font> </a> </div> </div> </div> <!-- Member Center List Grid --> <div class="w-full p-4"> <h2 class="text-white font-semibold mb-4"> <font dir="auto" style="vertical-align: inherit;"> <font dir="auto" style="vertical-align: inherit;"> Member Center </font> </font> </h2> <div class="grid grid-cols-4 gap-4"> <a class="relative flex flex-col items-center justify-center p-3 rounded-lg transition cursor-pointer" href="reward-center.php" data-discover="true"> <span class="absolute top-1 right-3 bg-red-500 text-white text-xs font-bold px-1.5 py-0.5 rounded-full"> 0 </span> <div class="w-12 h-12 flex items-center justify-center rounded-full bg-[#fff2db] text-[#d1a24f] text-xl"> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 576 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"> <path d="M552 64H448V24c0-13.3-10.7-24-24-24H152c-13.3 0-24 10.7-24 24v40H24C10.7 64 0 74.7 0 88v56c0 35.7 22.5 72.4 61.9 100.7 31.5 22.7 69.8 37.1 110 41.7C203.3 338.5 240 360 240 360v72h-48c-35.3 0-64 20.7-64 56v12c0 6.6 5.4 12 12 12h296c6.6 0 12-5.4 12-12v-12c0-35.3-28.7-56-64-56h-48v-72s36.7-21.5 68.1-73.6c40.3-4.6 78.6-19 110-41.7 39.3-28.3 61.9-65 61.9-100.7V88c0-13.3-10.7-24-24-24zM99.3 192.8C74.9 175.2 64 155.6 64 144v-16h64.2c1 32.6 5.8 61.2 12.8 86.2-15.1-5.2-29.2-12.4-41.7-21.4zM512 144c0 16.1-17.7 36.1-35.3 48.8-12.5 9-26.7 16.2-41.8 21.4 7-25 11.8-53.6 12.8-86.2H512v16z"></path> </svg> </div> <p class="text-sm text-white mt-2 text-center leading-tight"> <font dir="auto" style="vertical-align: inherit;"> <font dir="auto" style="vertical-align: inherit;"> Reward Center </font> </font> </p> </a> <a class="relative flex flex-col items-center justify-center p-3 rounded-lg transition cursor-pointer" href="betting-record.php" data-discover="true"> <div class="w-12 h-12 flex items-center justify-center rounded-full bg-[#fff2db] text-[#d1a24f] text-xl"> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"> <path d="M504 255.531c.253 136.64-111.18 248.372-247.82 248.468-59.015.042-113.223-20.53-155.822-54.911-11.077-8.94-11.905-25.541-1.839-35.607l11.267-11.267c8.609-8.609 22.353-9.551 31.891-1.984C173.062 425.135 212.781 440 256 440c101.705 0 184-82.311 184-184 0-101.705-82.311-184-184-184-48.814 0-93.149 18.969-126.068 49.932l50.754 50.754c10.08 10.08 2.941 27.314-11.313 27.314H24c-8.837 0-16-7.163-16-16V38.627c0-14.254 17.234-21.393 27.314-11.314l49.372 49.372C129.209 34.136 189.552 8 256 8c136.81 0 247.747 110.78 248 247.531zm-180.912 78.784l9.823-12.63c8.138-10.463 6.253-25.542-4.21-33.679L288 256.349V152c0-13.255-10.745-24-24-24h-16c-13.255 0-24 10.745-24 24v135.651l65.409 50.874c10.463 8.137 25.541 6.253 33.679-4.21z"></path> </svg> </div> <p class="text-sm text-white mt-2 text-center leading-tight"> <font dir="auto" style="vertical-align: inherit;"> <font dir="auto" style="vertical-align: inherit;"> Betting record </font> </font> </p> </a> <a class="relative flex flex-col items-center justify-center p-3 rounded-lg transition cursor-pointer" href="profit-and-loss.php" data-discover="true"> <div class="w-12 h-12 flex items-center justify-center rounded-full bg-[#fff2db] text-[#d1a24f] text-xl"> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"> <path d="M496 384H64V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16zM464 96H345.94c-21.38 0-32.09 25.85-16.97 40.97l32.4 32.4L288 242.75l-73.37-73.37c-12.5-12.5-32.76-12.5-45.25 0l-68.69 68.69c-6.25 6.25-6.25 16.38 0 22.63l22.62 22.62c6.25 6.25 16.38 6.25 22.63 0L192 237.25l73.37 73.37c12.5 12.5 32.76 12.5 45.25 0l96-96 32.4 32.4c15.12 15.12 40.97 4.41 40.97-16.97V112c.01-8.84-7.15-16-15.99-16z"></path> </svg> </div> <p class="text-sm text-white mt-2 text-center leading-tight"> <font dir="auto" style="vertical-align: inherit;"> <font dir="auto" style="vertical-align: inherit;"> Profit and loss </font> </font> </p> </a> <a class="relative flex flex-col items-center justify-center p-3 rounded-lg transition cursor-pointer" href="deposit-record.php" data-discover="true"> <div class="w-12 h-12 flex items-center justify-center rounded-full bg-[#fff2db] text-[#d1a24f] text-xl"> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"> <path d="M0 405.3V448c0 35.3 86 64 192 64s192-28.7 192-64v-42.7C342.7 434.4 267.2 448 192 448S41.3 434.4 0 405.3zM320 128c106 0 192-28.7 192-64S426 0 320 0 128 28.7 128 64s86 64 192 64zM0 300.4V352c0 35.3 86 64 192 64s192-28.7 192-64v-51.6c-41.3 34-116.9 51.6-192 51.6S41.3 334.4 0 300.4zm416 11c57.3-11.1 96-31.7 96-55.4v-42.7c-23.2 16.4-57.3 27.6-96 34.5v63.6zM192 160C86 160 0 195.8 0 240s86 80 192 80 192-35.8 192-80-86-80-192-80zm219.3 56.3c60-10.8 100.7-32 100.7-56.3v-42.7c-35.5 25.1-96.5 38.6-160.7 41.8 29.5 14.3 51.2 33.5 60 57.2z"></path> </svg> </div> <p class="text-sm text-white mt-2 text-center leading-tight"> <font dir="auto" style="vertical-align: inherit;"> <font dir="auto" style="vertical-align: inherit;"> Deposit record </font> </font> </p> </a> <a class="relative flex flex-col items-center justify-center p-3 rounded-lg transition cursor-pointer" href="withdrawal-record.php" data-discover="true"> <div class="w-12 h-12 flex items-center justify-center rounded-full bg-[#fff2db] text-[#d1a24f] text-xl"> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"> <path d="M0 405.3V448c0 35.3 86 64 192 64s192-28.7 192-64v-42.7C342.7 434.4 267.2 448 192 448S41.3 434.4 0 405.3zM320 128c106 0 192-28.7 192-64S426 0 320 0 128 28.7 128 64s86 64 192 64zM0 300.4V352c0 35.3 86 64 192 64s192-28.7 192-64v-51.6c-41.3 34-116.9 51.6-192 51.6S41.3 334.4 0 300.4zm416 11c57.3-11.1 96-31.7 96-55.4v-42.7c-23.2 16.4-57.3 27.6-96 34.5v63.6zM192 160C86 160 0 195.8 0 240s86 80 192 80 192-35.8 192-80-86-80-192-80zm219.3 56.3c60-10.8 100.7-32 100.7-56.3v-42.7c-35.5 25.1-96.5 38.6-160.7 41.8 29.5 14.3 51.2 33.5 60 57.2z"></path> </svg> </div> <p class="text-sm text-white mt-2 text-center leading-tight"> <font dir="auto" style="vertical-align: inherit;"> <font dir="auto" style="vertical-align: inherit;"> Withdrawal record </font> </font> </p> </a> <a class="relative flex flex-col items-center justify-center p-3 rounded-lg transition cursor-pointer" href="account-record.php" data-discover="true"> <div class="w-12 h-12 flex items-center justify-center rounded-full bg-[#fff2db] text-[#d1a24f] text-xl"> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"> <path d="M0 405.3V448c0 35.3 86 64 192 64s192-28.7 192-64v-42.7C342.7 434.4 267.2 448 192 448S41.3 434.4 0 405.3zM320 128c106 0 192-28.7 192-64S426 0 320 0 128 28.7 128 64s86 64 192 64zM0 300.4V352c0 35.3 86 64 192 64s192-28.7 192-64v-51.6c-41.3 34-116.9 51.6-192 51.6S41.3 334.4 0 300.4zm416 11c57.3-11.1 96-31.7 96-55.4v-42.7c-23.2 16.4-57.3 27.6-96 34.5v63.6zM192 160C86 160 0 195.8 0 240s86 80 192 80 192-35.8 192-80-86-80-192-80zm219.3 56.3c60-10.8 100.7-32 100.7-56.3v-42.7c-35.5 25.1-96.5 38.6-160.7 41.8 29.5 14.3 51.2 33.5 60 57.2z"></path> </svg> </div> <p class="text-sm text-white mt-2 text-center leading-tight"> <font dir="auto" style="vertical-align: inherit;"> <font dir="auto" style="vertical-align: inherit;"> Account record </font> </font> </p> </a> <a class="relative flex flex-col items-center justify-center p-3 rounded-lg transition cursor-pointer" href="account.php" data-discover="true"> <div class="w-12 h-12 flex items-center justify-center rounded-full bg-[#fff2db] text-[#d1a24f] text-xl"> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"> <path d="M0 405.3V448c0 35.3 86 64 192 64s192-28.7 192-64v-42.7C342.7 434.4 267.2 448 192 448S41.3 434.4 0 405.3zM320 128c106 0 192-28.7 192-64S426 0 320 0 128 28.7 128 64s86 64 192 64zM0 300.4V352c0 35.3 86 64 192 64s192-28.7 192-64v-51.6c-41.3 34-116.9 51.6-192 51.6S41.3 334.4 0 300.4zm416 11c57.3-11.1 96-31.7 96-55.4v-42.7c-23.2 16.4-57.3 27.6-96 34.5v63.6zM192 160C86 160 0 195.8 0 240s86 80 192 80 192-35.8 192-80-86-80-192-80zm219.3 56.3c60-10.8 100.7-32 100.7-56.3v-42.7c-35.5 25.1-96.5 38.6-160.7 41.8 29.5 14.3 51.2 33.5 60 57.2z"></path> </svg> </div> <p class="text-sm text-white mt-2 text-center leading-tight"> <font dir="auto" style="vertical-align: inherit;"> <font dir="auto" style="vertical-align: inherit;"> My account </font> </font> </p> </a> <a class="relative flex flex-col items-center justify-center p-3 rounded-lg transition cursor-pointer" href="security-center.php" data-discover="true"> <div class="w-12 h-12 flex items-center justify-center rounded-full bg-[#fff2db] text-[#d1a24f] text-xl"> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"> <path d="M0 405.3V448c0 35.3 86 64 192 64s192-28.7 192-64v-42.7C342.7 434.4 267.2 448 192 448S41.3 434.4 0 405.3zM320 128c106 0 192-28.7 192-64S426 0 320 0 128 28.7 128 64s86 64 192 64zM0 300.4V352c0 35.3 86 64 192 64s192-28.7 192-64v-51.6c-41.3 34-116.9 51.6-192 51.6S41.3 334.4 0 300.4zm416 11c57.3-11.1 96-31.7 96-55.4v-42.7c-23.2 16.4-57.3 27.6-96 34.5v63.6zM192 160C86 160 0 195.8 0 240s86 80 192 80 192-35.8 192-80-86-80-192-80zm219.3 56.3c60-10.8 100.7-32 100.7-56.3v-42.7c-35.5 25.1-96.5 38.6-160.7 41.8 29.5 14.3 51.2 33.5 60 57.2z"></path> </svg> </div> <p class="text-sm text-white mt-2 text-center leading-tight"> <font dir="auto" style="vertical-align: inherit;"> <font dir="auto" style="vertical-align: inherit;"> Security Center </font> </font> </p> </a> <a class="relative flex flex-col items-center justify-center p-3 rounded-lg transition cursor-pointer" href="invite-friends.php" data-discover="true"> <div class="w-12 h-12 flex items-center justify-center rounded-full bg-[#fff2db] text-[#d1a24f] text-xl"> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"> <path d="M0 405.3V448c0 35.3 86 64 192 64s192-28.7 192-64v-42.7C342.7 434.4 267.2 448 192 448S41.3 434.4 0 405.3zM320 128c106 0 192-28.7 192-64S426 0 320 0 128 28.7 128 64s86 64 192 64zM0 300.4V352c0 35.3 86 64 192 64s192-28.7 192-64v-51.6c-41.3 34-116.9 51.6-192 51.6S41.3 334.4 0 300.4zm416 11c57.3-11.1 96-31.7 96-55.4v-42.7c-23.2 16.4-57.3 27.6-96 34.5v63.6zM192 160C86 160 0 195.8 0 240s86 80 192 80 192-35.8 192-80-86-80-192-80zm219.3 56.3c60-10.8 100.7-32 100.7-56.3v-42.7c-35.5 25.1-96.5 38.6-160.7 41.8 29.5 14.3 51.2 33.5 60 57.2z"></path> </svg> </div> <p class="text-sm text-white mt-2 text-center leading-tight"> <font dir="auto" style="vertical-align: inherit;"> <font dir="auto" style="vertical-align: inherit;"> Invite friends </font> </font> </p> </a> <a class="relative flex flex-col items-center justify-center p-3 rounded-lg transition cursor-pointer" href="cashback.php" data-discover="true"> <div class="w-12 h-12 flex items-center justify-center rounded-full bg-[#fff2db] text-[#d1a24f] text-xl"> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"> <path d="M0 405.3V448c0 35.3 86 64 192 64s192-28.7 192-64v-42.7C342.7 434.4 267.2 448 192 448S41.3 434.4 0 405.3zM320 128c106 0 192-28.7 192-64S426 0 320 0 128 28.7 128 64s86 64 192 64zM0 300.4V352c0 35.3 86 64 192 64s192-28.7 192-64v-51.6c-41.3 34-116.9 51.6-192 51.6S41.3 334.4 0 300.4zm416 11c57.3-11.1 96-31.7 96-55.4v-42.7c-23.2 16.4-57.3 27.6-96 34.5v63.6zM192 160C86 160 0 195.8 0 240s86 80 192 80 192-35.8 192-80-86-80-192-80zm219.3 56.3c60-10.8 100.7-32 100.7-56.3v-42.7c-35.5 25.1-96.5 38.6-160.7 41.8 29.5 14.3 51.2 33.5 60 57.2z"></path> </svg> </div> <p class="text-sm text-white mt-2 text-center leading-tight"> <font dir="auto" style="vertical-align: inherit;"> <font dir="auto" style="vertical-align: inherit;"> Manual discount </font> </font> </p> </a> <a class="relative flex flex-col items-center justify-center p-3 rounded-lg transition cursor-pointer" href="mail.php" data-discover="true"> <span class="absolute top-1 right-3 bg-red-500 text-white text-xs font-bold px-1.5 py-0.5 rounded-full"> 14 </span> <div class="w-12 h-12 flex items-center justify-center rounded-full bg-[#fff2db] text-[#d1a24f] text-xl"> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"> <path d="M0 405.3V448c0 35.3 86 64 192 64s192-28.7 192-64v-42.7C342.7 434.4 267.2 448 192 448S41.3 434.4 0 405.3zM320 128c106 0 192-28.7 192-64S426 0 320 0 128 28.7 128 64s86 64 192 64zM0 300.4V352c0 35.3 86 64 192 64s192-28.7 192-64v-51.6c-41.3 34-116.9 51.6-192 51.6S41.3 334.4 0 300.4zm416 11c57.3-11.1 96-31.7 96-55.4v-42.7c-23.2 16.4-57.3 27.6-96 34.5v63.6zM192 160C86 160 0 195.8 0 240s86 80 192 80 192-35.8 192-80-86-80-192-80zm219.3 56.3c60-10.8 100.7-32 100.7-56.3v-42.7c-35.5 25.1-96.5 38.6-160.7 41.8 29.5 14.3 51.2 33.5 60 57.2z"></path> </svg> </div> <p class="text-sm text-white mt-2 text-center leading-tight"> <font dir="auto" style="vertical-align: inherit;"> <font dir="auto" style="vertical-align: inherit;"> Internal message </font> </font> </p> </a> <a class="relative flex flex-col items-center justify-center p-3 rounded-lg transition cursor-pointer" href="suggestion.php" data-discover="true"> <div class="w-12 h-12 flex items-center justify-center rounded-full bg-[#fff2db] text-[#d1a24f] text-xl"> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"> <path d="M0 405.3V448c0 35.3 86 64 192 64s192-28.7 192-64v-42.7C342.7 434.4 267.2 448 192 448S41.3 434.4 0 405.3zM320 128c106 0 192-28.7 192-64S426 0 320 0 128 28.7 128 64s86 64 192 64zM0 300.4V352c0 35.3 86 64 192 64s192-28.7 192-64v-51.6c-41.3 34-116.9 51.6-192 51.6S41.3 334.4 0 300.4zm416 11c57.3-11.1 96-31.7 96-55.4v-42.7c-23.2 16.4-57.3 27.6-96 34.5v63.6zM192 160C86 160 0 195.8 0 240s86 80 192 80 192-35.8 192-80-86-80-192-80zm219.3 56.3c60-10.8 100.7-32 100.7-56.3v-42.7c-35.5 25.1-96.5 38.6-160.7 41.8 29.5 14.3 51.2 33.5 60 57.2z"></path> </svg> </div> <p class="text-sm text-white mt-2 text-center leading-tight"> <font dir="auto" style="vertical-align: inherit;"> <font dir="auto" style="vertical-align: inherit;"> Advice </font> </font> </p> </a> <a class="relative flex flex-col items-center justify-center p-3 rounded-lg transition cursor-pointer" href="download-app.php" data-discover="true"> <div class="w-12 h-12 flex items-center justify-center rounded-full bg-[#fff2db] text-[#d1a24f] text-xl"> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"> <path d="M216 0h80c13.3 0 24 10.7 24 24v168h87.7c17.8 0 26.7 21.5 14.1 34.1L269.7 378.3c-7.5 7.5-19.8 7.5-27.3 0L90.1 226.1c-12.6-12.6-3.7-34.1 14.1-34.1H192V24c0-13.3 10.7-24 24-24zm296 376v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h146.7l49 49c20.1 20.1 52.5 20.1 72.6 0l49-49H488c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path> </svg> </div> <p class="text-sm text-white mt-2 text-center leading-tight"> <font dir="auto" style="vertical-align: inherit;"> <font dir="auto" style="vertical-align: inherit;"> Download the app </font> </font> </p> </a> <a class="relative flex flex-col items-center justify-center p-3 rounded-lg transition cursor-pointer" href="customer-service.php" data-discover="true"> <div class="w-12 h-12 flex items-center justify-center rounded-full bg-[#fff2db] text-[#d1a24f] text-xl"> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"> <path d="M0 405.3V448c0 35.3 86 64 192 64s192-28.7 192-64v-42.7C342.7 434.4 267.2 448 192 448S41.3 434.4 0 405.3zM320 128c106 0 192-28.7 192-64S426 0 320 0 128 28.7 128 64s86 64 192 64zM0 300.4V352c0 35.3 86 64 192 64s192-28.7 192-64v-51.6c-41.3 34-116.9 51.6-192 51.6S41.3 334.4 0 300.4zm416 11c57.3-11.1 96-31.7 96-55.4v-42.7c-23.2 16.4-57.3 27.6-96 34.5v63.6zM192 160C86 160 0 195.8 0 240s86 80 192 80 192-35.8 192-80-86-80-192-80zm219.3 56.3c60-10.8 100.7-32 100.7-56.3v-42.7c-35.5 25.1-96.5 38.6-160.7 41.8 29.5 14.3 51.2 33.5 60 57.2z"></path> </svg> </div> <p class="text-sm text-white mt-2 text-center leading-tight"> <font dir="auto" style="vertical-align: inherit;"> <font dir="auto" style="vertical-align: inherit;"> Customer service </font> </font> </p> </a> <a class="relative flex flex-col items-center justify-center p-3 rounded-lg transition cursor-pointer" href="help-center.php" data-discover="true"> <div class="w-12 h-12 flex items-center justify-center rounded-full bg-[#fff2db] text-[#d1a24f] text-xl"> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"> <path d="M0 405.3V448c0 35.3 86 64 192 64s192-28.7 192-64v-42.7C342.7 434.4 267.2 448 192 448S41.3 434.4 0 405.3zM320 128c106 0 192-28.7 192-64S426 0 320 0 128 28.7 128 64s86 64 192 64zM0 300.4V352c0 35.3 86 64 192 64s192-28.7 192-64v-51.6c-41.3 34-116.9 51.6-192 51.6S41.3 334.4 0 300.4zm416 11c57.3-11.1 96-31.7 96-55.4v-42.7c-23.2 16.4-57.3 27.6-96 34.5v63.6zM192 160C86 160 0 195.8 0 240s86 80 192 80 192-35.8 192-80-86-80-192-80zm219.3 56.3c60-10.8 100.7-32 100.7-56.3v-42.7c-35.5 25.1-96.5 38.6-160.7 41.8 29.5 14.3 51.2 33.5 60 57.2z"></path> </svg> </div> <p class="text-sm text-white mt-2 text-center leading-tight"> <font dir="auto" style="vertical-align: inherit;"> <font dir="auto" style="vertical-align: inherit;"> Help Center </font> </font> </p> </a> <a class="relative flex flex-col items-center justify-center p-3 rounded-lg transition cursor-pointer" href="logout.php" data-discover="true"> <div class="w-12 h-12 flex items-center justify-center rounded-full bg-[#fff2db] text-[#d1a24f] text-xl"> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"> <path d="M192 277.4h189.7l-43.6 44.7L368 352l96-96-96-96-31 29.9 44.7 44.7H192v42.8z"></path> <path d="M255.7 421.3c-44.1 0-85.5-17.2-116.7-48.4-31.2-31.2-48.3-72.7-48.3-116.9 0-44.1 17.2-85.7 48.3-116.9 31.2-31.2 72.6-48.4 116.7-48.4 44 0 85.3 17.1 116.5 48.2l30.3-30.3c-8.5-8.4-17.8-16.2-27.7-23.2C339.7 61 298.6 48 255.7 48 141.2 48 48 141.3 48 256s93.2 208 207.7 208c42.9 0 84-13 119-37.5 10-7 19.2-14.7 27.7-23.2l-30.2-30.2c-31.1 31.1-72.5 48.2-116.5 48.2zM448.004 256.847l-.849-.848.849-.849.848.849z"></path> </svg> </div> <p class="text-sm text-white mt-2 text-center leading-tight"> <font dir="auto" style="vertical-align: inherit;"> <font dir="auto" style="vertical-align: inherit;"> Log out </font> </font> </p> </a> </div> </div> </div> <!-- Red Envelope swiper floating widget --> <div id="red-envelope-widget" class="fixed bottom-32 left-6 z-40 w-16" draggable="false" style="user-select: none; touch-action: none;"> <div class="relative w-full h-full"> <div class="absolute duration-300 -top-6 -left-4 right-0 flex justify-between items-center z-10 mb-1"> <button id="close-envelope-btn" class="p-1 bg-white rounded-full shadow-md"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x" aria-hidden="true"> <path d="M18 6 6 18"></path> <path d="m6 6 12 12"></path> </svg> </button> <button id="toggle-envelope-btn" class="bg-white rounded-full shadow-md"> <img alt="Expand" class="w-6 h-6 transition-transform duration-300" src="/expand-arrow.png" style="transform: rotate(0deg);"> </button> </div> <div id="envelope-swiper-container" class="swiper swiper-initialized swiper-horizontal swiper-ios w-full rounded-md overflow-hidden transition-opacity duration-300 opacity-100 relative" style="height: 4rem; background: transparent; pointer-events: none;"> <div class="swiper-wrapper" style="transition-duration: 0ms; transform: translate3d(-64px, 0px, 0px); transition-delay: 0ms;"> <div class="swiper-slide swiper-slide-next swiper-slide-prev" data-swiper-slide-index="1" style="width: 64px;"> <div class="w-full h-full"> <img alt="Slide 1" class="w-full h-full object-cover" src="/eventImages/RAFFLE.ef7e5d39.gif" style="cursor: pointer; pointer-events: auto;"> </div> </div> <div class="swiper-slide swiper-slide-active" data-swiper-slide-index="0" style="width: 64px;"> <div class="w-full h-full"> <img alt="Slide 0" class="w-full h-full object-cover" src="/eventImages/TEMU.772745bd.gif" style="cursor: pointer; pointer-events: auto;"> </div> </div> </div> </div> <div id="expanded-envelope-list" class="absolute w-20 bottom-0 right-0 transition-all duration-300 ease-in-out rounded-full scrollbar-hide opacity-0 -translate-y-full" style="height: 0px; max-height: 23rem; background: rgba(0, 0, 0, 0.6); padding: 0px; overflow: hidden auto; display: none;"> <div class="w-full h-16 mb-2 last:mb-0 rounded-md overflow-hidden"> <img alt="Item 0" class="w-full h-full object-cover" src="/eventImages/TEMU.772745bd.gif" style="cursor: pointer;"> </div> <div class="w-full h-16 mb-2 last:mb-0 rounded-md overflow-hidden"> <img alt="Item 1" class="w-full h-full object-cover" src="/eventImages/RAFFLE.ef7e5d39.gif" style="cursor: pointer;"> </div> </div> </div> </div> </div> </div> </div> <section class="Toastify" aria-live="polite" aria-atomic="false" aria-relevant="additions text" aria-label="Notifications Alt+T"></section> </div> <!-- Javascript Logic for Popups --> <script> document.addEventListener("DOMContentLoaded", function () { // --- Red Envelope Widget Actions --- const closeBtn = document.getElementById("close-envelope-btn"); if (closeBtn) { closeBtn.addEventListener("click", function (e) { e.stopPropagation(); const widget = document.getElementById("red-envelope-widget"); if (widget) { widget.style.display = "none"; } }); } const toggleBtn = document.getElementById("toggle-envelope-btn"); const expandArrowImg = toggleBtn ? toggleBtn.querySelector("img") : null; const swiperContainer = document.getElementById("envelope-swiper-container"); const expandedList = document.getElementById("expanded-envelope-list"); if (toggleBtn && swiperContainer && expandedList) { toggleBtn.addEventListener("click", function (e) { e.stopPropagation(); if (swiperContainer.style.display === "none") { // Show swiper, hide vertical list swiperContainer.style.display = "block"; expandedList.style.display = "none"; expandedList.style.height = "0px"; expandedList.classList.add("opacity-0"); if (expandArrowImg) { expandArrowImg.style.transform = "rotate(0deg)"; } } else { // Hide swiper, show vertical list swiperContainer.style.display = "none"; expandedList.style.display = "block"; expandedList.style.height = "auto"; expandedList.classList.remove("opacity-0"); if (expandArrowImg) { expandArrowImg.style.transform = "rotate(180deg)"; } } }); } }); </script> </body> </html>
💾 Save