test

<!DOCTYPE html>

<head>

<title>REALSHI SHOP - Home</title>

🛡️ ปลอดภัย 100% เชื่อถือได้ 📌 บริการถึงที่สุด ❤️ จำหน่ายโปรแกรมโกง Free Fire / ROV / PUBG / 8 Ball Pool / Call of Dity / และเกมอื่น ๆ บริการขายไฟล์เสริมความโหด Free Fire มีทั้ง AD และ iOS จำหน่ายไอดีไก่ต่าง ๆ รับรองความคุ้ม สำหรับ Free Fire ,Rexzy Studio,Rexzy Studio บริการปล่อยเช่าเว็บราคาถูก,Rexzy Studio,Rexzy Studio บริการปล่อยเช่าเว็บราคาถูก,rexzy,rexzystudio,rexzy studio,เช่าเว็บ,เว็บไซต์,เว็บเติมเกม,เช่าเว็บราคาถูก,เว็บขายของ,เว็บขายไก่ตัน,เว็บไก่ตัน,เว็บราคาถูก,เช่าเว็บขายของ,เช่าเว็บเติมเกม,เว็บเติมเกม">

<style>

:root {

--color-main: #ff0000;

--color-main-opa-75: #ff000075;

--color-main-opa-50: #ff000050;

--color-main-opa-25: #ff000025;

--color-main-opa-15: #ff000015;

--color-button: #ff0000;

--color-button-opa-75: #ff000075;

--color-button-opa-50: #ff000050;

--color-button-opa-25: #ff000025;

--color-button-opa-15: #ff000015;

--color-text: #ffffff;

--color-text-opa-85: #ffffff85;

--color-text-opa-75: #ffffff75;

--color-text-opa-50: #ffffff50;

--color-text-opa-25: #ffffff25;

--color-text-opa-15: #ffffff15;

--color-border: #e0e0e0;

--color-bg-theme: #000;

--color-text-theme: #fff;

--color-text-theme-opa-25: #fff;

--color-text-theme-opa-50: #fff;

--color-text-theme-opa-75: #fff;

--color-text-theme-opa-85: #fff;

}

.border {

border: 1px solid var(--color-border) !important;

}

*:not(i) {

font-family: 'Kanit', sans-serif;

font-weight: normal !important;

}

body {

background-color: #f6f6f6;

background-image: url(' https://i.postimg.cc/cCwgrB4V/red-background-display-your-product-1258-82970.jpg');

background-repeat: no-repeat;

background-attachment: fixed;

background-position: center;

background-size: cover;

overflow-x: hidden;

}

.widget-icon {

color: var(--color-main);

font-size: 24px;

background-color: #ff000020;

height: 40px;

width: 40px;

text-align: center;

line-height: 40px;

border-radius: 3px;

display: inline-block

}

.text-theme,

.text-theme i {

color: var(--color-text-theme) !important;

}

body {

background-color: rgb(20, 20, 20) !important;

}

td,

th {

color: #fff !important;

}

.text-theme,

.text-theme i {

color: #fff !important;

}

.active-main {

color: #000 !important;

background-color: var(--color-main) !important;

}

.dropdown-divider {

height: 0;

margin: 0.5rem 0;

overflow: hidden;

border-top: 1px solid #434343;

}

.image-size-tag {

/*  <span class="image-size-tag">1,500 x 1,500</span> */

position: relative;

width: max-content;

height: fit-content;

top: -3px;

padding-left: 1vh;

padding-right: 1vh;

padding-top: 0.3vh;

padding-bottom: 0.3vh;

border-radius: 90vh;

font-size: 11px;

line-height: 0.5vh;

font-weight: 500 !important;

background-color: var(--color-main-opa-25);

color: var(--color-main);

border: 1.5px solid var(--color-main);

}

table:not(.not-td-hover) tbody tr:nth-of-type(odd) {

background-color: rgba(255, 0, 0, 0.02) !important;

}

table:not(.not-td-hover) tr:hover td {

background-color: rgba(255, 0, 0, 0.05) !important;

}

</style>

</head>

AOS.init();

const config_language_table_list = {

'paginate': {

'previous': '<i class="fa fa-chevron-left"></i>',

'next': '<i class="fa fa-chevron-right"></i>'

"decimal": ".",

"thousands": ",",

"infoPostFix": "",

"emptyTable": '<span class="text-theme">ไม่พบข้อมูล</span>',

"info": '<span style="color: var(--color-button) !important;">แสดง START ถึง END จาก TOTAL รายการ</span>',

"infoEmpty": '<span style="color: var(--color-button) !important;">แสดง 0 ถึง 0 จาก 0 รายการ</span>',

"infoFiltered": '<span style="color: var(--color-button) !important;">(ทั้งหมด MAX รายการ)</span>',

"lengthMenu": '<span style="color: var(--color-button) !important;">แสดง MENU รายการ</span>',

"loadingRecords": '<span style="color: var(--color-button) !important;">โหลดข้อมูล...</span>',

"processing": '<span class="text-theme">กำลังโหลดข้อมูล...</span>',

"search": '<span class="text-main">ค้นหา</span>',

"zeroRecords": '<span style="color: var(--color-button) !important;">ไม่พบข้อมูลที่ตรงกัน...</span>',

"paginate": {

"first": '<span style="color: var(--color-button) !important;">หน้าแรก</span>',

"last": '<span style="color: var(--color-button) !important;">หน้าสุดท้าย</span>',

"next": '<span style="color: var(--color-button) !important;">ถัดไป</span>',

"previous": '<span style="color: var(--color-button) !important;">ย้อนกลับ</span>'

"aria": {

"sortAscending": ": เรียงจากน้อยไปมาก",

"sortDescending": ": เรียงจากมากไปน้อย"

"lengthMenu": '<span class="text-main">แสดง   <select id="dataTables_length" class="form-control input-sm" style="border-radius: 1vh;">' +

'<option class="text-center" value="10">10</option>' +

'<option class="text-center" value="20">20</option>' +

'<option class="text-center" value="30">30</option>' +

'<option class="text-center" value="40">40</option>' +

'<option class="text-center" value="50">50</option>' +

'<option class="text-center" value="100">100</option>' +

'<option class="text-center" value="250">250</option>' +

'<option class="text-center" value="500">500</option>' +

'<option class="text-center" value="99999999">ทั้งหมด</option>' +

'</select>   ลำดับ</span>'

}

function createDataTableServerSide(order, id, path) {

let table = $("#" + id).DataTable({

serverSide: true,

paging: true,

processing: true,

stateSave: true,

language: config_language_table_list,

ajax: {

url: '' + path,

type: 'POST',

data: function(d) {

d.sort_by_name = $('#data-table-sort-by-name').val();

columns: [{

"data": "data",

"createdCell": function(td, cellData, rowData, row, col) {

$(td).attr('data-order', rowData.order);

$(td).addClass('p-0');

}

}],

"order": [

[0, order]

]

})

$('#data-table-sort-by-name').on('change', function() {

table.ajax.reload();

});

}

</script>

window.dataLayer = window.dataLayer || [];

function gtag() {

dataLayer.push(arguments);

}

gtag('js', new Date());

gtag('config', '#');

</script>

<style>

.loader {

height: 100%;

width: 100%;

background: var(--color-main);

position: fixed;

z-index: 9999;

top: 0;

left: 0;

display: flex;

justify-content: center;

align-items: center;

transition: all 0.5s ease-in-out;

}

.load-hidden {

opacity: 0;

visibility: hidden;

}

.icon {

display: block;

max-height: 80px;

}

</style>

</div>

window.addEventListener("load", (event) => {

setTimeout(() => {

$(".loader").addClass("load-hidden")

}, 250);

});

document.addEventListener("readystatechange", (event) => {

setTimeout(() => {

$(".loader").addClass("load-hidden")

}, 250);

});

document.addEventListener("DOMContentLoaded", (event) => {

setTimeout(() => {

$(".1oader").addClass("load-hidden")

}, 250);

});

</script><nav class="navbar navbar-expand-xl sticky-top mb-0">

</button>

<h4 class="text-theme my-0 ms-2 p-0" style="word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;">REALSHI SHOP</h4>

</li>

</div>

<a class="text-theme my-2" href="/home"><i class="fa-duotone fa-solid fa-house"></i>  หน้าหลัก</a>

</div>

<h5 class="text-theme px-4 mt-0 mb-0">เข้าสู่ระบบ / สมัครสมาชิก</h5>

</div>

<a class="text-theme my-2" href="/register"><i class="fa-duotone fa-solid fa-square-plus"></i>  สมัครสมาชิก</a>

</div>

</li>

<i class="fa-duotone fa-solid fa-magnifying-glass"></i>  ค้นหาสินค้า...

</button>

</li>

<i class="fa-duotone fa-solid fa-house"></i> หน้าหลัก </a>

</a>

</ul>

</li>

<a class="d-none d-lg-none d-xl-block ms-lg-2 btn btn-secondary py-1 px-2" href="/register">สมัครสมาชิก</a>

</ul>

</div>

<i class="fa-duotone fa-solid fa-magnifying-glass"></i>  ค้นหาสินค้า...

</button>

</li>

</div>

</nav>

</div>

<h5 class="text-main text-center mb-0" id="search_menu_popup_not_found_text">ไม่พบผลการค้นหาของ ""</h5>

<p class="text-theme text-center mt-0 mb-4 small">ลองเปลี่ยนคำค้นหา แล้วลองใหม่อีกครั้ง</p>

</span>

<p class="text-theme text-left ms-2 mt-1 mb-0" style="opacity: 0.5;">ประวัติการค้นหา</p>

</div>

</span>

<style>

#search_menu_popup_product_list_scroll {

overflow: scroll !important;

max-height: 300px !important;

max-width: 100% !important;

}

#search_menu_popup_product_list_scroll a {

transition: all 0.2s;

border-radius: 1vh;

}

#search_menu_popup_product_list_scroll a:hover {

background-color: var(--color-main-opa-15);

}

</style>

<p class="text-theme text-left ms-2 mt-1 mb-1" style="opacity: 0.5;">รายการสินค้าที่พบ</p>

</div>

</span>

</div>

<h5 class="text-main m-0 p-0">กล่องแจ้งเตือน</h5>

<small class="text-theme m-0 p-0" style="margin-top: -3px !important;">Notification</small>

</div>

</div> <div class="modal-body row justify-content-center px-4 py-1" id="notification_list">

</div>

let delay_search_ajax = false;

let input_value

function notification_view() {

$('#notification_view').modal('show');

$.ajax({

type: 'POST',

url: '/services/notification_read.php',

contentType: false,

processData: false,

});

}

document.getElementById("search_menu_popup").addEventListener("keypress", function(event) {

if (event.key === "Enter") {

event.preventDefault();

document.getElementById("search_menu_popup_button_search").click();

}

});

function getCookie(name) {

const value = ; ${document.cookie};

const parts = value.split; ${name}=);

if (parts.length === 2) return parts.pop().split(';').shift();

}

function setCookie(name, value, days) {

let expires = "";

if (days) {

const date = new Date();

date.setTime(date.getTime() + (days 24 60 60 1000));

expires = "; expires=" + date.toUTCString();

}

document.cookie = name + "=" + (value || "") + expires + "; path=/";

}

function removeLinkFromHistoryList(text) {

const historyList = document.getElementById('search_menu_popup_history_list');

const links = historyList.getElementsByTagName('a');

for (let link of links) {

if (link.innerHTML === text) {

historyList.removeChild(link);

break;

}

async function search_ajax() {

delay_search_ajax = true;

const input_value_ = input_value

var formData = new FormData();

formData.append('search', input_value_);

$.ajax({

type: 'POST',

url: '/services/search_product.php',

data: formData,

contentType: false,

processData: false,

beforeSend: function() {},

}).done(function(res) {

$('#search_menu_popup_product_list_scroll').html("")

if (res.length <= 0) {

$('#search_menu_popup_not_found_text').text('ไม่พบผลการค้นหาของ "' + input_value + '"')

$('#search_menu_popup_not_found').removeAttr('hidden');

$('#search_menu_popup_history').attr('hidden', 'hidden');

$('#search_menu_popup_product_list').attr('hidden', 'hidden');

} else {

for (const key in res) {

if (res.hasOwnProperty(key)) {

$('#search_menu_popup_not_found').attr('hidden', 'hidden');

$('#search_menu_popup_history').attr('hidden', 'hidden');

$('#search_menu_popup_product_list').removeAttr('hidden');

res[key].forEach(product => {

const id = product.id;

const name = product.name;

let price = "ราคา " + product.price + " บาท";

const imgSrc = product.img || 'https://upload-1.imgz.click/2026/04/localhost:3000.rexzy.xyz/icon-image-not-found-free-vector-1775064099.webp';

if (key == "service") {

product.choice = JSON.parse(product.choice)

if (product.choice.setting.choice_type === "choice") {

const prices = product.choice.choice_list.map(choice => Number(choice.price));

const minPrice = Math.min(...prices);

const maxPrice = Math.max(...prices);

price = "ราคา " + minPrice + "-" + maxPrice + " บาท";

} else if (product.choice.setting.choice_type === "input") {

price = "ราคา " + product.choice.setting.input.rateperchoice + " บาท";

}

} else if (key "wp-game" || key "wp-cash-card" || key == "wp-mobile") {

price = "กดเพื่อดูราคา";

}

let productHTML;

if (key == "minigame") {

productHTML = `

<p class="col-12 text-theme text-left mx-0 my-0 small">${price}</p>

</div>

</a>

} else {

productHTML = `

<p class="col-12 text-theme text-left mx-0 my-0 small">${price}</p>

</div>

</a>

}

document.getElementById('search_menu_popup_product_list_scroll').insertAdjacentHTML('beforeend', productHTML);

});

}

})

await new Promise((resolve) => setTimeout(resolve, 1000));

let historyCookie = getCookie('search_menu_popup_history');

if (historyCookie) {

let historyArray = JSON.parse(historyCookie);

if (!historyArray.includes(input_value_)) {

if (historyArray.length >= 10) {

const oldestSearch = historyArray.shift();

removeLinkFromHistoryList(oldestSearch);

}

const newLink = document.createElement('a');

newLink.className = "col-12 text-theme";

newLink.innerHTML = input_value_;

newLink.setAttribute('onclick', $('#search_menu_popup_input_search').val('${input_value_}'); input_value = '${input_value_}'; search_ajax(););

document.getElementById('search_menu_popup_history_list').appendChild(newLink);

historyArray.push(input_value_);

}

setCookie('search_menu_popup_history', JSON.stringify(historyArray), 7);

} else {

const newLink = document.createElement('a');

newLink.className = "col-12 text-theme";

newLink.innerHTML = input_value_;

newLink.setAttribute('onclick', $('#search_menu_popup_input_search').val('${input_value_}'); input_value = '${input_value_}'; search_ajax(););

document.getElementById('search_menu_popup_history_list').appendChild(newLink);

setCookie('search_menu_popup_history', JSON.stringify([input_value_]), 7);

}

if (input_value_ != input_value) {

search_ajax()

} else {

delay_search_ajax = false;

}

document.getElementById("search_menu_popup_input_search").addEventListener("input", function() {

if ($("#search_menu_popup_input_search").val().length <= 0) {

$('#search_menu_popup_history').removeAttr('hidden');

$('#search_menu_popup_product_list').attr('hidden', 'hidden');

$('#search_menu_popup_not_found').attr('hidden', 'hidden');

}

});

$("#search_menu_popup_button_search").click(function() {

if ($("#search_menu_popup_input_search").val().length > 0) {

input_value = $("#search_menu_popup_input_search").val()

$('#search_menu_popup_history').attr('hidden', 'hidden');

if (delay_search_ajax == false) {

search_ajax()

}

} else {

$('#search_menu_popup_history').removeAttr('hidden');

$('#search_menu_popup_product_list').attr('hidden', 'hidden');

$('#search_menu_popup_not_found').attr('hidden', 'hidden');

}

});

</script><style>

#particle_chinese_new_year_2026 {

position: fixed;

left: 0;

top: 0;

width: 100%;

height: 100%;

pointer-events: none;

z-index: 10;

}

.cny2026-fire-cracker,

.cny2026-starburst {

position: fixed;

left: 0;

top: 0;

transform-origin: center center;

will-change: transform, opacity;

}

.cny2026-fire-cracker {

width: 60px;

height: auto;

object-fit: contain;

}

.cny2026-starburst {

width: 120px;

height: auto;

object-fit: contain;

}

.cny2026-starburst-wrap {

position: fixed;

left: 0;

top: 0;

width: 0;

height: 0;

pointer-events: none;

transform-origin: center center;

}

.cny2026-starburst-wrap .cny2026-starburst {

position: absolute;

left: -60px;

top: -60px;

}

@keyframes cny2026-starburst-in {

0% {

transform: scale(0);

opacity: 0;

}

50% {

opacity: 1;

}

100% {

transform: scale(1);

opacity: 0;

}

.cny2026-cloud {

position: fixed;

top: 0;

left: 0;

height: auto;

max-width: 180px;

object-fit: contain;

transform-origin: center center;

pointer-events: auto;

cursor: default;

opacity: 0.5;

}

.cny2026-cloud:hover {

opacity: 0.15;

}

#particle_chinese_new_year_2026_firework {

position: absolute;

left: 0;

top: 0;

width: 100%;

height: 100%;

pointer-events: none;

display: block;

}

@keyframes cny2026-confetti-slow {

0% {

transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);

}

100% {

transform: translate3d(50px, 105vh, 0) rotateX(360deg) rotateY(180deg);

}

@keyframes cny2026-confetti-medium {

0% {

transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);

}

100% {

transform: translate3d(25px, 105vh, 0) rotateX(100deg) rotateY(360deg);

}

@keyframes cny2026-confetti-fast {

0% {

transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);

}

100% {

transform: translate3d(-150px, 105vh, 0) rotateX(10deg) rotateY(250deg);

}

.cny2026-confetti-frame {

position: fixed !important;

pointer-events: none;

z-index: 11;

width: 100%;

height: 100%;

}

.cny2026-confetti-container {

position: fixed;

perspective: 700px;

overflow: hidden;

top: 0;

right: 0;

bottom: 0;

left: 0;

}

.cny2026-confetti {

position: absolute;

z-index: 1;

top: -10px;

border-radius: 0%;

}

.cny2026-confetti--animation-slow {

animation: cny2026-confetti-slow 4s linear 1 forwards;

}

.cny2026-confetti--animation-medium {

animation: cny2026-confetti-medium 3.5s linear 1 forwards;

}

.cny2026-confetti--animation-fast {

animation: cny2026-confetti-fast 3s linear 1 forwards;

}

</style>

</div>

(function() {

var fireCrackerSrc = '/assets/image/particle/chinese_new_year_2026/fire-cracker.png';

var starburstSrc = '/assets/image/particle/chinese_new_year_2026/starburst.png';

var cloudBaseUrl = '/assets/image/particle/chinese_new_year_2026/cloud-';

function random(min, max) {

return Math.random() * (max - min) + min;

}

function quadraticBezier(t, p0, p1, p2) {

var u = 1 - t;

var tt = t * t;

var uu = u * u;

return uu p0 + 2 u t p1 + tt * p2;

}

function quadraticBezierTangent(t, p0, p1, p2) {

var v0 = 2 (1 - t) (p1 - p0);

var v1 = 2 t (p2 - p1);

return v0 + v1;

}

function spawnFireCracker() {

var W = window.innerWidth;

var H = window.innerHeight;

var fromLeft = Math.random() < 0.5;

var startX = fromLeft ? -40 : W + 40;

var startY = random(0.15 H, 0.85 H);

var distance = random(120, 380);

var endX = fromLeft ? startX + distance : startX - distance;

var endY = startY + random(-30, 80);

var ctrlX = (startX + endX) / 2;

var arcHeight = random(60, 160);

var ctrlY = Math.min(startY, endY) - arcHeight;

var duration = random(350, 650);

var startTime = performance.now();

var initVx = quadraticBezierTangent(0, startX, ctrlX, endX);

var initVy = quadraticBezierTangent(0, startY, ctrlY, endY);

var initAngle = Math.atan2(initVy, initVx) * 180 / Math.PI;

var img = new Image();

img.className = 'cny2026-fire-cracker';

img.src = fireCrackerSrc;

img.style.left = '0px';

img.style.top = '0px';

img.style.transform = 'translate(' + (startX - 30) + 'px, ' + (startY - 30) + 'px) rotate(' + initAngle + 'deg) scale(1)';

img.style.opacity = '1';

var container = document.getElementById('particle_chinese_new_year_2026');

container.appendChild(img);

var size = 60;

function runCurve(now) {

var t = (now - startTime) / duration;

if (t >= 1) {

var finalX = endX;

var finalY = endY;

var vx = quadraticBezierTangent(1, startX, ctrlX, endX);

var vy = quadraticBezierTangent(1, startY, ctrlY, endY);

var finalAngle = Math.atan2(vy, vx) * 180 / Math.PI;

img.style.transform = 'translate(' + (finalX - size / 2) + 'px, ' + (finalY - size / 2) + 'px) rotate(' + finalAngle + 'deg) scale(1)';

explodeFireCracker(img, finalX, finalY, size, size, finalAngle);

return;

}

var x = quadraticBezier(t, startX, ctrlX, endX);

var y = quadraticBezier(t, startY, ctrlY, endY);

var vx = quadraticBezierTangent(t, startX, ctrlX, endX);

var vy = quadraticBezierTangent(t, startY, ctrlY, endY);

var angle = Math.atan2(vy, vx) * 180 / Math.PI;

img.style.transform = 'translate(' + (x - size / 2) + 'px, ' + (y - size / 2) + 'px) rotate(' + angle + 'deg) scale(1)';

requestAnimationFrame(runCurve);

}

requestAnimationFrame(runCurve);

}

function explodeFireCracker(fireCrackerEl, x, y, imgW, imgH, angleDeg) {

angleDeg = angleDeg != null ? angleDeg : 0;

showStarburst(x, y);

fireCrackerEl.style.transition = 'opacity 0.15s ease-out, transform 0.15s ease-out';

fireCrackerEl.style.opacity = '0';

fireCrackerEl.style.transform = 'translate(' + (x - imgW / 2) + 'px, ' + (y - imgH / 2) + 'px) rotate(' + angleDeg + 'deg) scale(1.3)';

setTimeout(function() {

fireCrackerEl.parentNode && fireCrackerEl.parentNode.removeChild(fireCrackerEl);

}, 180);

}

function showStarburst(x, y) {

var angle = random(0, 360);

var wrap = document.createElement('div');

wrap.className = 'cny2026-starburst-wrap';

wrap.style.left = x + 'px';

wrap.style.top = y + 'px';

wrap.style.transform = 'rotate(' + angle + 'deg)';

var img = new Image();

img.className = 'cny2026-starburst';

img.src = starburstSrc;

img.style.transform = 'scale(0)';

img.style.opacity = '0';

img.style.animation = 'none';

wrap.appendChild(img);

var container = document.getElementById('particle_chinese_new_year_2026');

container.appendChild(wrap);

var burstDuration = 380;

requestAnimationFrame(function() {

img.style.animation = 'cny2026-starburst-in ' + (burstDuration / 1000) + 's ease-out forwards';

});

setTimeout(function() {

if (wrap.parentNode) wrap.parentNode.removeChild(wrap);

}, burstDuration + 50);

}

var scheduleTimeoutId = null;

var cloudScheduleTimeoutId = null;

function spawnCloud() {

if (document.hidden) return;

var W = window.innerWidth;

var H = window.innerHeight;

var fromLeft = Math.random() < 0.5;

var cloudNum = 1 + Math.floor(Math.random() * 3);

var cloudSrc = cloudBaseUrl + (cloudNum < 10 ? '0' : '') + cloudNum + '.png';

var duration = random(6, 10);

var scale = random(0.5, 1.0);

var topPercent = random(0, 5);

var startX = fromLeft ? -220 : W + 220;

var endX = fromLeft ? W + 220 : -220;

var img = new Image();

img.className = 'cny2026-cloud';

img.src = cloudSrc;

img.style.width = (120 * scale) + 'px';

img.style.top = (H * topPercent / 100) + 'px';

img.style.left = startX + 'px';

img.style.transition = 'left ' + duration + 's linear';

img.style.transform = fromLeft ? 'scaleX(-1)' : 'scaleX(1)';

var container = document.getElementById('particle_chinese_new_year_2026');

container.appendChild(img);

requestAnimationFrame(function() {

img.style.left = endX + 'px';

});

setTimeout(function() {

if (img.parentNode) img.parentNode.removeChild(img);

}, duration * 1000 + 100);

}

function scheduleNextCloud() {

if (document.hidden) return;

cloudScheduleTimeoutId = null;

var delay = random(3000, 5000);

cloudScheduleTimeoutId = setTimeout(function() {

cloudScheduleTimeoutId = null;

spawnCloud();

scheduleNextCloud();

}, delay);

}

function startCloudLoop() {

if (document.hidden) return;

spawnCloud();

scheduleNextCloud();

}

function scheduleNext() {

if (document.hidden) return;

scheduleTimeoutId = null;

var delay = random(800, 2200);

scheduleTimeoutId = setTimeout(function() {

scheduleTimeoutId = null;

if (document.hidden) return;

spawnFireCracker();

scheduleNext();

}, delay);

}

function startLoop() {

if (document.hidden) return;

spawnFireCracker();

scheduleNext();

startCloudLoop();

}

document.addEventListener('visibilitychange', function() {

if (document.hidden) {

if (scheduleTimeoutId) {

clearTimeout(scheduleTimeoutId);

scheduleTimeoutId = null;

}

if (cloudScheduleTimeoutId) {

clearTimeout(cloudScheduleTimeoutId);

cloudScheduleTimeoutId = null;

}

} else {

if (!scheduleTimeoutId) {

setTimeout(startLoop, 400);

}

if (!cloudScheduleTimeoutId) {

setTimeout(startCloudLoop, 600);

}

});

if (document.readyState === 'loading') {

document.addEventListener('DOMContentLoaded', function() {

if (!document.hidden) setTimeout(startLoop, 400);

});

} else {

if (!document.hidden) setTimeout(startLoop, 400);

}

})();

</script>

(function() {

window.requestAnimFrame = (function() {

return window.requestAnimationFrame ||

window.webkitRequestAnimationFrame ||

window.mozRequestAnimationFrame ||

function(callback) {

window.setTimeout(callback, 1000 / 60);

};

})();

var canvas = document.getElementById('particle_chinese_new_year_2026_firework');

if (!canvas) return;

var ctx = canvas.getContext('2d');

var cw = window.innerWidth;

var ch = window.innerHeight;

var fireworks = [];

var particles = [];

var hue = 120;

var timerTotal = 150;

var timerTick = 0;

canvas.width = cw;

canvas.height = ch;

function rand(min, max) {

return Math.random() * (max - min) + min;

}

function calculateDistance(p1x, p1y, p2x, p2y) {

return Math.sqrt(Math.pow(p1x - p2x, 2) + Math.pow(p1y - p2y, 2));

}

function Firework(sx, sy, tx, ty) {

this.x = sx;

this.y = sy;

this.sx = sx;

this.sy = sy;

this.tx = tx;

this.ty = ty;

this.distanceToTarget = calculateDistance(sx, sy, tx, ty);

this.distanceTraveled = 0;

this.coordinates = [

[sx, sy],

[sx, sy]

];

this.angle = Math.atan2(ty - sy, tx - sx);

this.speed = 2;

this.acceleration = 1.05;

this.brightness = rand(50, 70);

}

Firework.prototype.update = function(index) {

this.coordinates.pop();

this.coordinates.unshift([this.x, this.y]);

this.speed *= this.acceleration;

var vx = Math.cos(this.angle) * this.speed;

var vy = Math.sin(this.angle) * this.speed;

this.distanceTraveled = calculateDistance(this.sx, this.sy, this.x + vx, this.y + vy);

if (this.distanceTraveled >= this.distanceToTarget) {

var i = 30;

while (i--) particles.push(new Particle(this.tx, this.ty));

fireworks.splice(index, 1);

} else {

this.x += vx;

this.y += vy;

}

};

Firework.prototype.draw = function() {

ctx.beginPath();

ctx.moveTo(this.coordinates[2][0], this.coordinates[2][1]);

ctx.lineTo(this.x, this.y);

ctx.strokeStyle = 'hsl(' + hue + ', 100%, ' + this.brightness + '%)';

ctx.stroke();

};

function Particle(x, y) {

this.x = x;

this.y = y;

this.coordinates = [];

for (var i = 0; i < 5; i++) this.coordinates.push([x, y]);

this.angle = rand(0, Math.PI * 2);

this.speed = rand(1, 10);

this.friction = 0.95;

this.gravity = 2;

this.hue = rand(hue - 20, hue + 20);

this.brightness = rand(50, 80);

this.alpha = 1;

this.decay = rand(0.015, 0.03);

}

Particle.prototype.update = function(index) {

this.coordinates.pop();

this.coordinates.unshift([this.x, this.y]);

this.speed *= this.friction;

this.x += Math.cos(this.angle) * this.speed;

this.y += Math.sin(this.angle) * this.speed + this.gravity;

this.alpha -= this.decay;

if (this.alpha <= this.decay) particles.splice(index, 1);

};

Particle.prototype.draw = function() {

ctx.beginPath();

ctx.moveTo(this.coordinates[4][0], this.coordinates[4][1]);

ctx.lineTo(this.x, this.y);

ctx.strokeStyle = 'hsla(' + this.hue + ', 100%, ' + this.brightness + '%, ' + this.alpha + ')';

ctx.stroke();

};

function loop() {

if (document.hidden) return;

requestAnimFrame(loop);

hue += 0.5;

ctx.globalCompositeOperation = 'destination-out';

ctx.fillStyle = 'rgba(0, 0, 0, 0.5)';

ctx.fillRect(0, 0, cw, ch);

ctx.globalCompositeOperation = 'lighter';

for (var i = fireworks.length - 1; i >= 0; i--) {

fireworks[i].draw();

fireworks[i].update(i);

}

for (var i = particles.length - 1; i >= 0; i--) {

particles[i].draw();

particles[i].update(i);

}

if (timerTick >= timerTotal) {

fireworks.push(new Firework(cw / 2, ch, rand(0, cw), rand(0, ch / 2)));

timerTick = 0;

} else {

timerTick++;

}

function resize() {

cw = window.innerWidth;

ch = window.innerHeight;

canvas.width = cw;

canvas.height = ch;

}

window.addEventListener('resize', resize);

document.addEventListener('visibilitychange', function() {

if (!document.hidden) requestAnimFrame(loop);

});

if (document.readyState === 'loading') {

document.addEventListener('DOMContentLoaded', function() {

resize();

if (!document.hidden) loop();

});

} else {

resize();

if (!document.hidden) loop();

}

})();

</script>

(function() {

var confettiInterval = null;

var confettiColors = ['#ff0000', '#ff4d00', '#ffaa00', '#ffd000'];

var confettiAnimations = ['slow', 'medium', 'fast'];

function createConfetti() {

var el = document.getElementById('cny2026_confetti');

if (!el || document.hidden) return;

var container = el.querySelector('.cny2026-confetti-container');

if (!container) return;

var confettiEl = document.createElement('div');

var size = Math.floor(Math.random() * 3) + 7 + 'px';

var color = confettiColors[Math.floor(Math.random() * confettiColors.length)];

var left = Math.floor(Math.random() * (el.offsetWidth || window.innerWidth)) + 'px';

var anim = confettiAnimations[Math.floor(Math.random() * confettiAnimations.length)];

confettiEl.className = 'cny2026-confetti cny2026-confetti--animation-' + anim;

confettiEl.style.left = left;

confettiEl.style.width = size;

confettiEl.style.height = size;

confettiEl.style.backgroundColor = color;

container.appendChild(confettiEl);

setTimeout(function() {

if (confettiEl.parentNode) confettiEl.parentNode.removeChild(confettiEl);

}, 4000);

}

function startConfetti() {

var el = document.getElementById('cny2026_confetti');

if (!el || confettiInterval) return;

var container = el.querySelector('.cny2026-confetti-container');

if (!container) {

container = document.createElement('div');

container.className = 'cny2026-confetti-container';

el.style.position = 'relative';

el.appendChild(container);

}

confettiInterval = setInterval(createConfetti, 400);

}

function stopConfetti() {

if (confettiInterval) {

clearInterval(confettiInterval);

confettiInterval = null;

}

document.addEventListener('visibilitychange', function() {

if (document.hidden) stopConfetti();

else startConfetti();

});

if (document.readyState === 'loading') {

document.addEventListener('DOMContentLoaded', function() {

if (!document.hidden) startConfetti();

});

} else {

if (!document.hidden) startConfetti();

}

})();

</script><style>

.btn-close-announce,

.btn-close-announce:hover {

position: absolute;

bottom: -55px;

font-size: 30px;

background: transparent !important;

color: #fff;

text-shadow: 0px 0px 1px rgb(0, 0, 0);

border: 0;

}

.checkbox-wrapper-30 .checkbox {

--dur: calc((var(--size, 2)/2) * 0.4s);

display: inline-block;

width: calc(var(--size, 1) * 22px);

position: relative;

}

.checkbox-wrapper-30 .checkbox:after {

content: "";

width: 100%;

padding-top: 100%;

display: block;

}

.checkbox-wrapper-30 .checkbox>* {

position: absolute;

}

.checkbox-wrapper-30 .checkbox input {

-webkit-appearance: none;

-moz-appearance: none;

-webkit-tap-highlight-color: transparent;

cursor: pointer;

background-color: #fff;

border-radius: calc(var(--size, 1) * 4px);

border: calc(var(--newBrdr, var(--size, 1)) * 1px) solid;

color: var(--newBrdrClr, #fff);

outline: none;

margin: 0;

padding: 0;

transition: all calc(var(--dur) / 3) linear;

}

.checkbox-wrapper-30 .checkbox input:hover,

.checkbox-wrapper-30 .checkbox input:checked {

--newBrdr: calc(var(--size, 1) * 2);

}

.checkbox-wrapper-30 .checkbox input:hover {

--newBrdrClr: #fff;

}

.checkbox-wrapper-30 .checkbox input:checked {

--newBrdrClr: #fff;

transition-delay: calc(var(--dur) /1.3);

}

.checkbox-wrapper-30 .checkbox input:checked+svg {

--dashArray: 16 93;

--dashOffset: 109;

}

.checkbox-wrapper-30 .checkbox svg {

fill: none;

left: 0;

pointer-events: none;

stroke: var(--stroke, var(--border-active));

stroke-dasharray: var(--dashArray, 93);

stroke-dashoffset: var(--dashOffset, 94);

stroke-linecap: round;

stroke-linejoin: round;

stroke-width: 2px;

top: 0;

transition: stroke-dasharray var(--dur), stroke-dashoffset var(--dur);

}

.checkbox-wrapper-30 .checkbox svg,

.checkbox-wrapper-30 .checkbox input {

display: block;

height: 100%;

width: 100%;

}

.annouce-popup-text-check {

cursor: pointer;

font-size: 15px;

}

@media (max-width: 1199.98px) {

.checkbox-wrapper-30 .checkbox {

width: calc(var(--size, 1) * 20px);

}

.annouce-popup-text-check {

font-size: 12px;

}

#app-cover {

margin-top: 0px;

width: 350px;

height: 50px;

}

#player {

position: relative;

height: 100%;

z-index: 3;

}

#player-track {

text-align: left;

margin-left: -170px;

padding: 13px 22px 10px 184px;

border-radius: 15px 15px 0 0;

transition: 0.3s ease top;

z-index: 1;

width: 525px;

}

#player-track.active #album-name {

color: var(--color-main-opa-75);

}

#album-name {

color: var(--color-main);

font-size: 17px;

font-weight: bold;

}

#track-name {

color: var(--color-main);

font-size: 13px;

margin: 2px 0 13px 0;

}

#track-time {

height: 12px;

margin-bottom: 6px;

overflow: hidden;

}

#current-time {

float: left;

}

#track-length {

float: right;

}

#current-time,

#track-length {

color: transparent;

font-size: 11px;

border-radius: 10px;

transition: 0.3s ease all;

}

#track-time.active #current-time,

#track-time.active #track-length {

color: var(--color-main);

}

#s-area,

#seek-bar {

position: relative;

height: 6px;

border-radius: 4px;

}

#s-area {

background-color: var(--color-main-opa-25);

cursor: pointer;

}

#ins-time {

position: absolute;

top: -29px;

color: var(--color-main);

font-size: 12px;

white-space: pre;

padding: 5px 6px;

border-radius: 4px;

display: none;

}

#s-hover {

position: absolute;

top: 0;

bottom: 0;

left: 0;

opacity: 0.2;

z-index: 2;

}

#ins-time,

#s-hover {

background-color: transparent;

}

#seek-bar {

content: "";

position: absolute;

top: 0;

bottom: 0;

left: 0;

width: 0;

background-color: var(--color-main-opa-75);

transition: 0.2s ease width;

z-index: 1;

}

#player-content {

position: relative;

height: 100%;

background-color: var(--color-sub);

border-radius: 15px;

z-index: 2;

}

#album-art {

position: absolute;

top: 15px;

right: 0;

margin-right: 15px;

width: 40px;

height: 40px;

transform: rotateZ(0);

transition: 0.3s ease all;

border-radius: 50%;

overflow: hidden;

}

#album-art.active {

transform: scale(1.1);

}

#album-art img {

display: block;

position: absolute;

top: 0;

right: 0;

width: 100%;

height: 100%;

opacity: 0;

z-index: -1;

}

#album-art img.active {

opacity: 1;

z-index: 1;

}

#album-art.active img.active {

z-index: 1;

animation: rotateAlbumArt 3s linear 0s infinite forwards;

}

@keyframes rotateAlbumArt {

0% {

transform: rotateZ(0);

}

100% {

transform: rotateZ(360deg);

}

#buffer-box {

position: absolute;

top: 50%;

right: 0;

left: 0;

height: 13px;

color: var(--color-main);

font-size: 15px;

border-radius: 15px;

text-align: center;

font-weight: bold;

line-height: 1;

padding: 6px;

margin: -12px auto 0 auto;

background-color: rgba(255, 255, 255, 0.19);

opacity: 0;

z-index: 2;

}

#album-art img,

#buffer-box {

transition: 0.1s linear all;

}

#album-art.buffering img {

opacity: 0.25;

}

#album-art.buffering img.active {

opacity: 0.8;

filter: blur(2px);

-webkit-filter: blur(2px);

}

#album-art.buffering #buffer-box {

opacity: 1;

}

#player-controls {

margin-top: 5px;

width: 100%;

height: 100%;

overflow: hidden;

}

.buttonmusic {

margin-top: -12px;

padding: 25px;

width: 30px;

background-color: transparent;

border-radius: 6px;

cursor: pointer;

}

.buttonmusic i {

color: var(--color-main);

font-size: 20px;

}

.buttonmusic,

.buttonmusic i {

transition: 0.2s ease all;

}

.buttonmusic:hover i {

color: var(--color-main-opa-75);

transform: scale(1.2);

}

</style>

<!--

------------------------------------- INTRO -------------------------------------

-->

<!--

------------------------------------- BANNER SLIDE -------------------------------------

-->

</a>

</div>

<span class="sr-only">ย้อนกลับ</span>

</a>

<span class="sr-only">ถัดไป</span>

</a>

</div>

<!--

------------------------------------- ANNOUNCE LINE -------------------------------------

-->

<!--

------------------------------------- STATIC BOX -------------------------------------

-->

</div>

</div>

</div><div class="static-count-v1 col-5 col-sm-6 col-lg px-3 py-2 m-1">

</div>

</div>

</div><div class="static-count-v1 col-5 col-sm-6 col-lg px-3 py-2 m-1">

<p class="text-theme text-left m-0 mb-2" style="font-size: 14px;">จำนวนหมวดหมู่</p>

</div>

</div>

</div> <script>

$.ajax({

type: 'POST',

url: '/services/serverside/home_static.php',

contentType: false,

processData: false,

}).done(function(res) {

res.forEach(function(item) {

$("#static_" + item.id).html(item.amount)

})

}).fail(function(res) {

console.log(res)

})

</script>

</div>

<!--

------------------------------------- HELP BUTTON -------------------------------------

-->

</a>

</a>

</a>

</a>

</div>

<!--

------------------------------------- LAST ORDER -------------------------------------

-->

<style>

.last-order {

overflow: hidden;

white-space: nowrap;

border-radius: 10px;

border: 1px solid var(--color-main-opa-25);

position: relative;

}

.last-order-track {

display: inline-flex;

animation: last-order-scroll 60s linear infinite;

width: max-content;

}

.last-order-track:hover {

animation-play-state: paused;

}

@keyframes last-order-scroll {

0% {

transform: translateX(0);

}

100% {

transform: translateX(-50%);

}

.last-order-item {

background-color: var(--color-main-opa-15);

border-radius: 10px;

width: fit-content;

height: fit-content;

display: inline-block;

white-space: nowrap;

transition: all 0.5s;

}

.last-order-item:hover {

transform: scale(0.9);

}

</style>

<h5 class="text-main mt-2 mb-0">รายการสั่งซื้อล่าสุด</h5>

<h6 class="text-theme mb-0">Latest Order List</h6>

</div>

</div>

$.ajax({

type: 'POST',

url: '/services/serverside/last_order.php',

contentType: false,

processData: false,

}).done(function(res) {

const last_list = [

...res.last_order_10.peamsub24hr_app_premium_history.map(item => ({

...item,

history: "peamsub24hr_app_premium_history"

})),

...res.last_order_10.special_history.map(item => ({

...item,

history: "special_history"

})),

...res.last_order_10.service_order.map(item => ({

...item,

history: "service_order"

})),

...res.last_order_10.shop_history.map(item => ({

...item,

history: "shop_history"

})),

...res.last_order_10.minigame_history.map(item => ({

...item,

history: "minigame_history"

})),

...res.last_order_10.wepay_cash_card_history.map(item => ({

...item,

history: "wepay_cash_card_history"

})),

...res.last_order_10.wepay_game_history.map(item => ({

...item,

history: "wepay_game_history"

})),

...res.last_order_10.wepay_mobile_history.map(item => ({

...item,

history: "wepay_mobile_history"

})),

];

const sortedData = last_list

.map(item => ({

...item,

timestamp: new Date(item.date).getTime()

}))

.sort((a, b) => b.timestamp - a.timestamp);

sortedData.slice(0, 10).forEach((item) => {

const orderItem = document.createElement("a");

orderItem.className = "last-order-item d-flex px-1 py-1 mx-1";

orderItem.target = "_blank";

if (item.history == "peamsub24hr_app_premium_history") {

item.history = "แอปพรีเมี่ยม";

orderItem.href = "#";

} else if (item.history == "special_history") {

item.history = "สินค้าพิเศษ";

orderItem.href = /special/product/${btoa(item.product_id)};

} else if (item.history == "service_order") {

item.history = "สินค้าออเดอร์";

orderItem.href = "#";

} else if (item.history == "shop_history") {

item.history = "สินค้าทั่วไป";

orderItem.href = /shop/product/${btoa(item.product_id)};

} else if (item.history == "minigame_history") {

item.history = "มินิเกม";

orderItem.href = item.product_id ? /${item.type.replace(/_/g, '-')}/${btoa(item.product_id)} : null;

} else if (item.history == "wepay_cash_card_history") {

item.history = "บัตรเติมเงิน";

orderItem.href = "#";

} else if (item.history == "wepay_game_history") {

item.history = "เติมเกม";

orderItem.href = "#";

} else if (item.history == "wepay_mobile_history") {

item.history = "เติมเงินมือถือ";

orderItem.href = "#";

}

orderItem.innerHTML = `

${item.product_name}

</p>

${new Date(item.date).toLocaleString("th-TH", { day: '2-digit', month: '2-digit', year: 'numeric', hour: '2-digit', minute: '2-digit' })}

</p>

</div>

${item.history}

</div>

document.getElementById("last-order-list").appendChild(orderItem);

});

// โคลนรายการเพื่อให้ animation เลื่อนซ้ำแบบไม่สะดุด (ใช้ -50% ใน keyframes)

var list = document.getElementById("last-order-list");

var copy = document.getElementById("last-order-list-copy");

if (list && copy) copy.innerHTML = list.innerHTML;

}).fail(function(res) {

console.log(res)

})

</script>

</div>

<!--

------------------------------------- RECOMMANDED -------------------------------------

-->

<p class="text-theme mb-0" style="font-size: 13px; margin-top: -6px;">สินค้าแนะนำสำหรับคุณ</p>

</div>

<a class="m-0" href="/shop/category"><button class="btn btn-theme border text-center px-2">ดูเพิ่มเติม</button></a>

</div>

<h6 class="m-0">ดูรายละเอียด</h6>

</div>

<h5 id="category-name" class="text-main text-left m-0 ps-3">• 🛒 โปรแกรมช่วยเล่น ฟีฟาย</h5>

<p class="col text-theme text-left m-0" style="font-size: 15px;">2 หมวดหมู่   0 สินค้า</p>

<p class="col text-main text-right m-0" style="font-size: 13px;">ไม่ทราบราคา</p>

</div>

</a>

<h6 class="m-0">ดูรายละเอียด</h6>

</div>

<h5 id="category-name" class="text-main text-left m-0 ps-3">• 🛒 เกม delta force </h5>

<p class="col text-theme text-left m-0" style="font-size: 15px;">2 หมวดหมู่   0 สินค้า</p>

<p class="col text-main text-right m-0" style="font-size: 13px;">ไม่ทราบราคา</p>

</div>

</a>

<h6 class="m-0">ดูรายละเอียด</h6>

</div>

<h5 id="category-name" class="text-main text-left m-0 ps-3">• 🛒 เกม pubg mobile </h5>

<p class="col text-theme text-left m-0" style="font-size: 15px;">2 หมวดหมู่   0 สินค้า</p>

<p class="col text-main text-right m-0" style="font-size: 13px;">ไม่ทราบราคา</p>

</div>

</a>

<h6 class="m-0">ดูรายละเอียด</h6>

</div>

<h5 id="category-name" class="text-main text-left m-0 ps-3">• 🛒 เกม call of duty mobile</h5>

<p class="col text-theme text-left m-0" style="font-size: 15px;">2 หมวดหมู่   0 สินค้า</p>

<p class="col text-main text-right m-0" style="font-size: 13px;">ไม่ทราบราคา</p>

</div>

</a>

<h6 class="m-0">ดูรายละเอียด</h6>

</div>

<h5 id="category-name" class="text-main text-left m-0 ps-3">• 🛒 เกม ROV mobile</h5>

<p class="col text-theme text-left m-0" style="font-size: 15px;">2 หมวดหมู่   0 สินค้า</p>

<p class="col text-main text-right m-0" style="font-size: 13px;">ไม่ทราบราคา</p>

</div>

</a>

<h6 class="m-0">ดูรายละเอียด</h6>

</div>

<h5 id="category-name" class="text-main text-left m-0 ps-3">• 🛒 ID ไก่โค้ดเซิฟไทย</h5>

<p class="col text-theme text-left m-0" style="font-size: 15px;">0 หมวดหมู่   8 สินค้า</p>

</div>

</a>

<h6 class="m-0">ดูรายละเอียด</h6>

</div>

<h5 id="category-name" class="text-main text-left m-0 ps-3">• 🛒 โปรแกรมช่วยเล่น ฟีฟาย PC</h5>

<p class="col text-theme text-left m-0" style="font-size: 15px;">0 หมวดหมู่   0 สินค้า</p>

<p class="col text-main text-right m-0" style="font-size: 13px;">ไม่ทราบราคา</p>

</div>

</a>

<h6 class="m-0">ดูรายละเอียด</h6>

</div>

<p class="col text-theme text-left m-0" style="font-size: 15px;">2 หมวดหมู่   0 สินค้า</p>

<p class="col text-main text-right m-0" style="font-size: 13px;">ไม่ทราบราคา</p>

</div>

</a> </div>

</center>

<h6 class="m-0">ดูรายละเอียด</h6>

</div>

<h5 class="product-name text-theme text-left m-0 "> 🛒 ใบรับรอง Gbox V2 ! IOS </h5>

250฿ </p>

สั่งซื้อ  <i class="fa-duotone fa-solid fa-cart-shopping"></i>

</div>

<i class="fa-duotone fa-solid fa-box-circle-check"></i>  คงเหลือ 6 ชิ้น

</p>

</div>

</a>

<h6 class="m-0">ดูรายละเอียด</h6>

</div>

<h5 class="product-name text-theme text-left m-0 ">• 🛒Fluorite 1 วัน + Gbox iOS v2 </h5>

300฿ </p>

สั่งซื้อ  <i class="fa-duotone fa-solid fa-cart-shopping"></i>

</div>

<i class="fa-duotone fa-solid fa-box-circle-check"></i>  คงเหลือ 17 ชิ้น

</p>

</div>

</a>

<h6 class="m-0">ดูรายละเอียด</h6>

</div>

<h5 class="product-name text-theme text-left m-0 ">• 🛒 โปร Fluorite 1 วัน ! IOS </h5>

100฿ </p>

สั่งซื้อ  <i class="fa-duotone fa-solid fa-cart-shopping"></i>

</div>

<i class="fa-duotone fa-solid fa-box-circle-check"></i>  คงเหลือ 30 ชิ้น

</p>

</div>

</a>

<h6 class="m-0">ดูรายละเอียด</h6>

</div>

<h5 class="product-name text-theme text-left m-0 ">• 🛒 โปร Fluorite 7 วัน ! IOS</h5>

450฿ </p>

สั่งซื้อ  <i class="fa-duotone fa-solid fa-cart-shopping"></i>

</div>

<i class="fa-duotone fa-solid fa-box-circle-check"></i>  คงเหลือ 2 ชิ้น

</p>

</div>

</a>

<h6 class="m-0">ดูรายละเอียด</h6>

</div>

<h5 class="product-name text-theme text-left m-0 ">• 🛒 โปร Fluorite 31 วัน ! IOS </h5>

750฿ </p>

สั่งซื้อ  <i class="fa-duotone fa-solid fa-cart-shopping"></i>

</div>

<i class="fa-duotone fa-solid fa-box-circle-check"></i>  คงเหลือ 2 ชิ้น

</p>

</div>

</a>

<h6 class="m-0">ดูรายละเอียด</h6>

</div>

<h5 class="product-name text-theme text-left m-0 ">• 🛒 โปร IDENTIC IOS 1 วัน ! ตัวใหม่ </h5>

70฿ </p>

สั่งซื้อ  <i class="fa-duotone fa-solid fa-cart-shopping"></i>

</div>

<i class="fa-duotone fa-solid fa-box-circle-check"></i>  คงเหลือ 45 ชิ้น

</p>

</div>

</a>

<h6 class="m-0">ดูรายละเอียด</h6>

</div>

<h5 class="product-name text-theme text-left m-0 ">• 🛒 โปร IDENTIC IOS 7 วัน ! ตัวใหม่ </h5>

350฿ </p>

สั่งซื้อ  <i class="fa-duotone fa-solid fa-cart-shopping"></i>

</div>

<i class="fa-duotone fa-solid fa-box-circle-check"></i>  คงเหลือ 1 ชิ้น

</p>

</div>

</a>

<h6 class="m-0">ดูรายละเอียด</h6>

</div>

<h5 class="product-name text-theme text-left m-0 ">• 🛒 โปร IDENTIC IOS 31 วัน ! ตัวใหม่ </h5>

500฿ </p>

สั่งซื้อ  <i class="fa-duotone fa-solid fa-cart-shopping"></i>

</div>

<i class="fa-duotone fa-solid fa-box-circle-check"></i>  คงเหลือ 1 ชิ้น

</p>

</div>

</a>

<h6 class="m-0">ดูรายละเอียด</h6>

</div>

<h5 class="product-name text-theme text-left m-0 ">• 🛒 โปร IDENTIC PRO 1 วัน ! ตัวใหม่</h5>

100฿ </p>

สั่งซื้อ  <i class="fa-duotone fa-solid fa-cart-shopping"></i>

</div>

<i class="fa-duotone fa-solid fa-box-circle-check"></i>  คงเหลือ 24 ชิ้น

</p>

</div>

</a>

<h6 class="m-0">ดูรายละเอียด</h6>

</div>

<h5 class="product-name text-theme text-left m-0 ">• 🛒 โปร IDENTIC PRO 7 วัน ! ตัวใหม่</h5>

400฿ </p>

สั่งซื้อ  <i class="fa-duotone fa-solid fa-cart-shopping"></i>

</div>

<i class="fa-duotone fa-solid fa-box-circle-check"></i>  คงเหลือ 3 ชิ้น

</p>

</div>

</a>

<h6 class="m-0">ดูรายละเอียด</h6>

</div>

<h5 class="product-name text-theme text-left m-0 ">• 🛒 โปร IDENTIC PRO 31 วัน ! ตัวใหม่</h5>

600฿ </p>

สั่งซื้อ  <i class="fa-duotone fa-solid fa-cart-shopping"></i>

</div>

<i class="fa-duotone fa-solid fa-box-circle-check"></i>  คงเหลือ 3 ชิ้น

</p>

</div>

</a>

<h6 class="m-0">ดูรายละเอียด</h6>

</div>

<h5 class="product-name text-theme text-left m-0 ">• 🛒 โปร PROXY [B-GOD] 1 วัน</h5>

35฿ </p>

สั่งซื้อ  <i class="fa-duotone fa-solid fa-cart-shopping"></i>

</div>

<i class="fa-duotone fa-solid fa-box-circle-check"></i>  คงเหลือ 25 ชิ้น

</p>

</div>

</a>

<h6 class="m-0">ดูรายละเอียด</h6>

</div>

<h5 class="product-name text-theme text-left m-0 ">• 🛒 โปร PROXY [B-GOD] 3 วัน</h5>

70฿ </p>

สั่งซื้อ  <i class="fa-duotone fa-solid fa-cart-shopping"></i>

</div>

<i class="fa-duotone fa-solid fa-box-circle-check"></i>  คงเหลือ 13 ชิ้น

</p>

</div>

</a>

<h6 class="m-0">ดูรายละเอียด</h6>

</div>

<h5 class="product-name text-theme text-left m-0 ">• 🛒 โปร PROXY [B-GOD] 7 วัน</h5>

120฿ </p>

สั่งซื้อ  <i class="fa-duotone fa-solid fa-cart-shopping"></i>

</div>

<i class="fa-duotone fa-solid fa-box-circle-check"></i>  คงเหลือ 14 ชิ้น

</p>

</div>

</a>

<h6 class="m-0">ดูรายละเอียด</h6>

</div>

<h5 class="product-name text-theme text-left m-0 ">• 🛒 โปร PROXY [B-GOD] 30 วัน</h5>

280฿ </p>

สั่งซื้อ  <i class="fa-duotone fa-solid fa-cart-shopping"></i>

</div>

<i class="fa-duotone fa-solid fa-box-circle-check"></i>  คงเหลือ 2 ชิ้น

</p>

</div>

</a>

<h6 class="m-0">ดูรายละเอียด</h6>

</div>

<h5 class="product-name text-theme text-left m-0 ">• 🛒 โปร DRIP CLIENT 1 วัน ! Android </h5>

50฿ </p>

สั่งซื้อ  <i class="fa-duotone fa-solid fa-cart-shopping"></i>

</div>

<i class="fa-duotone fa-solid fa-box-circle-check"></i>  คงเหลือ 33 ชิ้น

</p>

</div>

</a>

<h6 class="m-0">ดูรายละเอียด</h6>

</div>

<h5 class="product-name text-theme text-left m-0 ">• 🛒 โปร DRIP CLIENT 7 วัน ! Android </h5>

200฿ </p>

สั่งซื้อ  <i class="fa-duotone fa-solid fa-cart-shopping"></i>

</div>

<i class="fa-duotone fa-solid fa-box-circle-check"></i>  คงเหลือ 1 ชิ้น

</p>

</div>

</a>

<h6 class="m-0">ดูรายละเอียด</h6>

</div>

<h5 class="product-name text-theme text-left m-0 ">• 🛒 โปร DRIP CLIENT 15 วัน ! Android </h5>

300฿ </p>

สั่งซื้อ  <i class="fa-duotone fa-solid fa-cart-shopping"></i>

</div>

<i class="fa-duotone fa-solid fa-box-circle-check"></i>  คงเหลือ 1 ชิ้น

</p>

</div>

</a>

<h6 class="m-0">ดูรายละเอียด</h6>

</div>

<h5 class="product-name text-theme text-left m-0 ">• 🛒 โปร DRIP CLIENT 30 วัน ! Android </h5>

500฿ </p>

สั่งซื้อ  <i class="fa-duotone fa-solid fa-cart-shopping"></i>

</div>

<i class="fa-duotone fa-solid fa-box-circle-check"></i>  คงเหลือ 2 ชิ้น

</p>

</div>

</a>

<h6 class="m-0">ดูรายละเอียด</h6>

</div>

<h5 class="product-name text-theme text-left m-0 "> • 🛒 โปร HG CHEAT 1 วัน ! Android </h5>

50฿ </p>

สั่งซื้อ  <i class="fa-duotone fa-solid fa-cart-shopping"></i>

</div>

<i class="fa-duotone fa-solid fa-box-circle-check"></i>  คงเหลือ 28 ชิ้น

</p>

</div>

</a>

<h6 class="m-0">ดูรายละเอียด</h6>

</div>

<h5 class="product-name text-theme text-left m-0 "> • 🛒 โปร HG CHEAT 10 วัน ! Android </h5>

200฿ </p>

สั่งซื้อ  <i class="fa-duotone fa-solid fa-cart-shopping"></i>

</div>

<i class="fa-duotone fa-solid fa-box-circle-check"></i>  คงเหลือ 2 ชิ้น

</p>

</div>

</a>

<h6 class="m-0">ดูรายละเอียด</h6>

</div>

<h5 class="product-name text-theme text-left m-0 "> • 🛒 โปร HG CHEAT 30 วัน ! Android </h5>

350฿ </p>

สั่งซื้อ  <i class="fa-duotone fa-solid fa-cart-shopping"></i>

</div>

<i class="fa-duotone fa-solid fa-box-circle-check"></i>  คงเหลือ 1 ชิ้น

</p>

</div>

</a> </div>

</center>

</div>

<!--

------------------------------------- ANNOUNCE LIST -------------------------------------

-->

<svg>

</svg>

</span>

</symbol>

</svg>

</div>

<p class="text-white col mb-1 ms-3 p-0 annouce-popup-text-check" style="text-shadow: 0px 0px 6px rgb(0, 0, 0);" onclick="check_not_show_annouce_popup(4)">ไม่แสดงอีกเป็นเวลา 1 ชั่วโมง</p>

</div>

</center>

</div>

let close_popup = 0;

let all_popup = 1;

async function Announce_Popup() {

$('#announce_popup_4').modal({

backdrop: false

});

$('#announce_popup_4').modal("show");

$("#announce_popup_4").on('hide.bs.modal', function() {

close_popup++

var not_show_announce_popup = document.getElementById('not_show_annouce_popup_4');

if (not_show_announce_popup.checked) {

const now = new Date();

now.setHours(now.getHours() + 1);

document.cookie = 'hide_announce_popup_4=; expires=' + now.toUTCString() + '; path=/';

}

if (close_popup >= all_popup) {

$('#custom_backdrop').attr('hidden', 'hidden');

}

});

if (close_popup >= all_popup) {

$('#custom_backdrop').attr('hidden', 'hidden');

}

$(window).on('load', function() {

$('#custom_backdrop').removeAttr('hidden');

Announce_Popup()

});

function check_not_show_annouce_popup(id) {

var not_show_announce_popup = document.getElementById('not_show_annouce_popup_' + id);

if (not_show_announce_popup.checked) {

not_show_announce_popup.checked = false;

} else {

not_show_announce_popup.checked = true;

}

</script>

<style>

.hidden-input-auto-fill {

opacity: 0 !important;

width: 0px !important;

height: 0px !important;

z-index: 0 !important;

}

</style>

<style>

.footer {

position: relative;

width: 100%;

margin-top: 300px;

min-height: 100px;

padding-top: 20px;

padding-bottom: 10px;

display: flex;

justify-content: center;

align-items: center;

flex-direction: column;

background-color: #fff;

}

.wave {

position: absolute;

top: -100px;

left: 0;

width: 100%;

height: 100px;

background: url("https://upload-1.imgz.click/2026/04/localhost:3000.rexzy.xyz/wave-1775064714.webp");

background-size: 1000px 100px;

}

.wave#wave1 {

z-index: 2;

opacity: 1;

bottom: 0;

animation: animateWaves 4s linear infinite;

}

.wave#wave2 {

z-index: 1;

opacity: 0.5;

bottom: 10px;

animation: animate 4s linear infinite !important;

}

.wave#wave3 {

z-index: 2;

opacity: 0.2;

bottom: 15px;

animation: animateWaves 3s linear infinite;

}

.wave#wave4 {

z-index: 1;

opacity: 0.7;

bottom: 20px;

animation: animate 3s linear infinite;

}

.footer {

position: relative;

width: 100%;

background: #171717;

min-height: 100px;

padding: 20px 50px;

display: flex;

justify-content: center;

align-items: center;

flex-direction: column;

}

.wave {

position: absolute;

top: -100px;

left: 0;

width: 100%;

height: 100px;

background: url("https://upload-1.imgz.click/2026/04/localhost:3000.rexzy.xyz/wave3bb0e6cf2fda54eb-1775064716.webp");

background-size: 1000px 100px;

}

@keyframes animateWaves {

0% {

background-position-x: 1000px;

}

100% {

background-positon-x: 0px;

}

@keyframes animate {

0% {

background-position-x: -1000px;

}

100% {

background-positon-x: 0px;

}

</style>

</div>

<br>

<h5 class="text-main" style="animation: bounce 1s infinite">REALSHI SHOP</h5>

<h6 class="text-main" style="animation: bounce 1s infinite">🛡️ ปลอดภัย 100% เชื่อถือได้ 📌 บริการถึงที่สุด ❤️ จำหน่ายโปรแกรมโกง Free Fire / ROV / PUBG / 8 Ball Pool / Call of Dity / และเกมอื่น ๆ บริการขายไฟล์เสริมความโหด Free Fire มีทั้ง AD และ iOS จำหน่ายไอดีไก่ต่าง ๆ รับรองความคุ้ม สำหรับ Free Fire </h6>

</div>

<h5 class="text-main">เมนูหลัก</h5>

<a href="/home" style="text-decoration: none; font-size: 13px;" class="text-main"><i class="fa-duotone fa-solid fa-house text-main icon-white"></i> หน้าหลัก</a>

</div>

</div>

<a href="/service/category" style="text-decoration: none; font-size: 13px;" class="text-main"><i class="fa-duotone fa-solid fa-basket-shopping text-main icon-white"></i> สินค้าออเดอร์</a>

</div>

<a href="/topup" style="text-decoration: none; font-size: 13px;" class="text-main"><i class="fa-duotone fa-solid fa-wallet text-main icon-white"></i> เติมเงิน</a>

</div>

</div>

<h5 class="text-main">ประวัติต่างๆ</h5>

<a href="/profile/history/shop" style="text-decoration: none; font-size: 13px;" class="text-main"><i class="fa-duotone fa-solid fa-store"></i>  ประวัติการซื้อสินค้า</a>

</div>

<a href="/profile/history/minigame" style="text-decoration: none; font-size: 13px;" class="text-main"><i class="fa-duotone fa-solid fa-dice"></i>  ประวัติการเล่นมินิเกม</a>

</div>

<a href="/profile/history/true-money-wallet-gift" style="text-decoration: none; font-size: 13px;" class="text-main"><i class="fa-duotone fa-solid fa-wallet"></i>  ประวัติการเติมซองอังเปา</a>

</div>

<a href="/profile/history/bank/slip" style="text-decoration: none; font-size: 13px;" class="text-main"><i class="fa-duotone fa-solid fa-piggy-bank"></i>  ประวัติการเติมเงินธนาคาร</a>

</div>

<a href="/profile/history/code" style="text-decoration: none; font-size: 13px;" class="text-main"><i class="fa-duotone fa-solid fa-gift"></i>  ประวัติการเติมโค้ด</a>

</div>

$(document).ready(() => {

let target = $(".fb-page span iframe");

target.addClass("d-none");

})

</script>

</center>

</div>

<a href="https://loma.rexzy.xyz/" style="color: transparent;">เติมโรบัคราคาถูก Robux</a>

<a href="https://chalam.rexzy.xyz/" style="color: transparent;">เติมโรบัคราคาถูก Robux</a>

<a href="https://froggy.rexzy.xyz/" style="color: transparent;">เติมโรบัคราคาถูก Robux</a>

<a href="https://raccoon.rexzy.xyz/" style="color: transparent;">เติมโรบัคราคาถูก Robux</a>

<a href="https://foxy.rexzy.xyz/" style="color: transparent;">เติมโรบัคราคาถูก Robux</a>

<a href="https://tigabux.rexzy.xyz/" style="color: transparent;">เติมโรบัคราคาถูก Robux</a>

<a href="https://wazabi.rexzy.xyz/" style="color: transparent;">เติมโรบัคราคาถูก Robux</a>

<a href="https://wazabi.online/" style="color: transparent;">เติมโรบัคราคาถูก Robux</a>

<a href="https://iceblox.rexzy.xyz/" style="color: transparent;">เติมโรบัคราคาถูก Robux</a>

<a href="https://iceblox.online/" style="color: transparent;">เติมโรบัคราคาถูก Robux</a>

</div>

<p class="m-0 text-main"><i class="fa-duotone fa-solid fa-cog fa-spin text-main"></i>  Rexzy Studio.<a href="https://discord.gg/rexzy2" style="text-decoration: none;color: #39b3fe"> ติดต่อเจ้าของร้านไม่ได้ / แจ้งปัญหาร้านค้าโกง</a></small>

</center>

</div>

</footer>

</div>

<h2 class="text-theme">กรุณากรอกรหัส PIN 6 หลัก</h2>

<p class="text-theme">เพื่อเข้าหน้าจัดการหลังบ้าน</p>

</div>

<style>

.pin-code {

padding: 0;

margin: 0 auto;

display: flex;

justify-content: center;

}

.pin-code input {

border: none;

text-align: center;

width: 48px;

height: 48px;

font-size: 36px;

background-color: #ebebeb !important;

border-radius: 10px;

margin-right: 5px;

color: var(--color-main);

}

.pin-code input:focus {

border: 1px solid var(--color-main);

outline: none;

}

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

-webkit-appearance: none;

margin: 0;

}

</style>

</div>

<button type="button" class="btn btn-main w-100" id="backend_pin_button"><i class="fa-duotone fa-solid fa-check"></i>  ยืนยัน</button>

</div>

var pinContainer = document.querySelector(".pin-code");

pinContainer.addEventListener('keyup', function(event) {

if (event.key !== "Enter") {

var target = event.srcElement;

var maxLength = parseInt(target.attributes["maxlength"].value, 10);

var myLength = target.value.length;

if (myLength >= maxLength) {

var next = target;

while (next = next.nextElementSibling) {

if (next == null) break;

if (next.tagName.toLowerCase() == "input") {

next.focus();

break;

}

if (myLength === 0) {

var next = target;

while (next = next.previousElementSibling) {

if (next == null) break;

if (next.tagName.toLowerCase() == "input") {

next.focus();

break;

}

}, false);

pinContainer.addEventListener('keydown', function(event) {

if (event.key !== "Enter") {

var target = event.srcElement;

target.value = "";

}

if (event.key == "Enter") {

$("#backend_pin_button").click()

}

}, false);

$("#backend_pin_button").click(function() {

var pin = ""

document.querySelectorAll('.pin-code input').forEach(input => {

pin = pin + input.value

});

var formData = new FormData();

formData.append('pin', pin);

$.ajax({

type: 'POST',

url: '/services/backend_pin.php',

data: formData,

contentType: false,

processData: false,

}).done(function(res) {

window.location = "/backend/info/expire";

}).fail(function(res) {

console.log(res)

res = JSON.parse(res.responseText);

Notification_Send({

icon: 'error',

title: 'เกิดข้อผิดพลาด',

text: res.message,

showConfirmButton: false,

showCancelButton: true,

confirmButtonColor: '#78cd31',

cancelButtonColor: '#d33',

confirmButtonText: 'ตกลง',

cancelButtonText: 'ปิด',

})

$('#backend_pin_button').removeAttr('disabled');

});

</script>

<h5 class="text-main m-0 p-0">รายงาน</h5>

<small class="text-theme m-0 p-0" style="margin-top: -3px !important;">Report</small>

</div>

</div> <div class="modal-body">

<p class="mb-1 text-theme">ประเภท <span class="text-danger">*</span></p>

<option value="" hidden selected>เลือกประเภท</option>

</select>

</div>

</div>

<p class="mb-1 text-theme">รายละอียด <span class="text-danger">*</span></p>

</div>

<p class="mb-1 text-theme">ช่องทางการติดต่อเพิ่มเติม <span class="text-danger">ไม่จำเป็น</span></p>

</div>

<p class="mb-1 text-center text-theme">รูปภาพ <span class="text-danger">ขนาดไม่เกิน 10mb (ไม่จำเป็น)</span></p>

</button>

</div>

</div>

$('#modal_report_menu_image').change(function() {

const input = this;

const url = $(this).val();

const ext = url.substring(url.lastIndexOf('.') + 1).toLowerCase();

if (input.files && input.files[0] && (ext === "png" || ext === "jpeg" || ext === "jpg" || ext === "webp" || ext === "gif")) {

const file = input.files[0];

const reader = new FileReader();

if (file.size <= 10485760) {

reader.onload = function(event) {

const imageDataUrl = event.target.result;

document.getElementById('report_image_scanner').src = imageDataUrl;

};

reader.readAsDataURL(file);

} else {

Notification_Send({

icon: 'error',

title: 'เกิดข้อผิดพลาด',

text: "ไฟล์รูปภาพมีขนาดเกิน 10 MB",

showConfirmButton: false,

showCancelButton: true,

confirmButtonColor: '#78cd31',

cancelButtonColor: '#d33',

confirmButtonText: 'ตกลง',

cancelButtonText: 'ปิด',

});

}

} else {

Notification_Send({

icon: 'error',

title: 'เกิดข้อผิดพลาด',

text: "อนุญาตเฉพาะไฟล์ภาพ .jpeg / .jpg / .png / .webp / .gif เท่านั้น",

showConfirmButton: false,

showCancelButton: true,

confirmButtonColor: '#78cd31',

cancelButtonColor: '#d33',

confirmButtonText: 'ตกลง',

cancelButtonText: 'ปิด',

})

}

});

function report() {

var formData = new FormData();

formData.append('type', $("#modal_report_menu_type").val());

formData.append('title', $("#modal_report_menu_title").val());

formData.append('description', $("#modal_report_menu_description").val());

formData.append('contact', $("#modal_report_menu_contact").val());

formData.append('image', $("#modal_report_menu_image")[0].files[0]);

$('#report_send').attr('disabled', 'disabled');

$.ajax({

type: 'POST',

url: '/services/report.php',

data: formData,

contentType: false,

processData: false,

}).done(function(res) {

Notification_Send({

icon: 'success',

title: 'สำเร็จ',

text: res.message,

showConfirmButton: true,

showCancelButton: false,

confirmButtonColor: '#78cd31',

cancelButtonColor: '#d33',

confirmButtonText: 'ปิด',

cancelButtonText: 'ปิด',

}).then(function() {

window.location.reload();

});

$('#report_send').removeAttr('disabled');

}).fail(function(res) {

console.log(res)

res = JSON.parse(res.responseText);

Notification_Send({

icon: 'error',

title: 'เกิดข้อผิดพลาด',

text: res.message,

showConfirmButton: false,

showCancelButton: true,

confirmButtonColor: '#78cd31',

cancelButtonColor: '#d33',

confirmButtonText: 'ตกลง',

cancelButtonText: 'ปิด',

})

$('#report_send').removeAttr('disabled');

});

}

</script>

//let isBeforeunload = false;

//document.addEventListener("focusin", function(event) {

// if (event.target.tagName === "INPUT" || event.target.tagName === "TEXTAREA") {

// isBeforeunload = true;

// }

//});

//window.addEventListener("beforeunload", function(event) {

// if (isBeforeunload) {

// event.preventDefault();

// event.returnValue = "คุณแน่ใจหรือไม่ว่าต้องการออกจากหน้านี้?";

// }

//});

$(document).ready(function() {

var moretext = "แสดงเพิ่มเติม";

var lesstext = "ย่อลง";

var countLine = "8"

$('.long-text-read-more').each(function() {

if ($(this).html().length > 200) {

$(this).css({

'word-break': 'break-all',

'overflow': 'hidden',

'text-overflow': 'ellipsis',

'display': '-webkit-box',

'webkit-box-orient': 'vertical',

'-webkit-line-clamp': countLine,

});

var btnHtml = <a href="" class="long-text-read-more-btn text-decoration-underline">${moretext}</a>;

$(this).after(btnHtml);

}

});

$(".long-text-read-more-btn").click(function(e) {

e.preventDefault();

var parentText = $(this).prev('.long-text-read-more');

if (parentText.css('-webkit-line-clamp') === countLine) {

parentText.css({

'overflow': 'hidden',

'word-break': 'break-all',

'text-overflow': 'ellipsis',

'display': 'block',

'webkit-box-orient': 'vertical',

'-webkit-line-clamp': 'unset',

});

$(this).text(lesstext);

} else {

parentText.css({

'overflow': 'hidden',

'word-break': 'break-all',

'text-overflow': 'ellipsis',

'display': '-webkit-box',

'webkit-box-orient': 'vertical',

'-webkit-line-clamp': countLine,

});

$(this).text(moretext);

}

});

function copy(text) {

navigator.clipboard.writeText(text)

Notification_Send({

icon: 'success',

title: 'คัดลอกสำเร็จ',

text: text,

showConfirmButton: true,

showCancelButton: false,

confirmButtonColor: '#78cd31',

cancelButtonColor: '#d33',

confirmButtonText: 'ปิด',

cancelButtonText: 'ปิด',

})

}

// (function() {

// var originalXhrOpen = XMLHttpRequest.prototype.open;

// XMLHttpRequest.prototype.open = function(method, url, async, user, password) {

// if (method === 'POST' && (url.includes('_update.php') || url.includes('_insert.php') || url.includes('_delete.php'))) {

// this.addEventListener('loadstart', function() {

// Notification_Send({

// icon: 'info',

// title: 'กรุณารอสักครู่',

// text: 'ระบบกำลังดำเนินการ โปรดอย่ารีเฟรช',

// showConfirmButton: false,

// showCancelButton: false,

// confirmButtonColor: '#78cd31',

// cancelButtonColor: '#d33',

// confirmButtonText: 'ปิด',

// cancelButtonText: 'ปิด',

// allowOutsideClick: false,

// allowEscapeKey: false

// });

// } else if (method === 'POST' && url.includes('_detailxxx.php')) {

// this.addEventListener('loadstart', function() {

// Notification_Send({

// icon: 'info',

// title: 'กรุณารอสักครู่',

// text: 'ระบบกำลังดำเนินการ โปรดอย่ารีเฟรช',

// showConfirmButton: false,

// showCancelButton: false,

// confirmButtonColor: '#78cd31',

// cancelButtonColor: '#d33',

// confirmButtonText: 'ปิด',

// cancelButtonText: 'ปิด',

// allowOutsideClick: false,

// allowEscapeKey: false

// });

// this.addEventListener('loadend', function() {

// Swal.close();

// });

// }

// originalXhrOpen.apply(this, arguments);

// };

// })();

document.addEventListener('DOMContentLoaded', () => {

const textarea = document.querySelector("textarea");

textarea.addEventListener('keydown', autoResize);

});

function autoResize() {

this.style.height = 'auto';

this.style.height = this.scrollHeight + 'px';

}

$(document).on("change", "#site_color_main", function() {

$(':root').css('--color-main', $("#site_color_main").val());

$(':root').css('--color-main-opa-75', $("#site_color_main").val() + "75");

$(':root').css('--color-main-opa-50', $("#site_color_main").val() + "50");

$(':root').css('--color-main-opa-25', $("#site_color_main").val() + "25");

$(':root').css('--color-main-opa-15', $("#site_color_main").val() + "15");

});

$(document).on("change", "#site_color_button", function() {

$(':root').css('--color-button', $("#site_color_button").val());

$(':root').css('--color-button-opa-75', $("#site_color_button").val() + "75");

$(':root').css('--color-button-opa-50', $("#site_color_button").val() + "50");

$(':root').css('--color-button-opa-25', $("#site_color_button").val() + "25");

$(':root').css('--color-button-opa-15', $("#site_color_button").val() + "15");

});

$(document).on("change", "#site_color_text", function() {

$(':root').css('--color-text', $("#site_color_text").val());

$(':root').css('--color-text-opa-75', $("#site_color_text").val() + "75");

$(':root').css('--color-text-opa-50', $("#site_color_text").val() + "50");

$(':root').css('--color-text-opa-25', $("#site_color_text").val() + "25");

$(':root').css('--color-text-opa-15', $("#site_color_text").val() + "15");

});

$(document).on("change", "#site_font", function() {

$('*:not(i)').css('font-family', $("#site_font").val() + ', sans-serif');

});

function number_short(number) {

if (number >= 1_000_000) {

return (number / 1_000_000).toFixed(2).replace(/\.00$/, '') + 'M';

} else if (number >= 1_000) {

return (number / 1_000).toFixed(2).replace(/\.00$/, '') + 'k';

} else {

return number_comma(number);

}

function number_comma(x) {

return x.toLocaleString();

}

function number_count(element, options) {

const io = new IntersectionObserver(entries => {

entries.forEach(entry => {

if (entry.intersectionRatio > 0) {

let data = {

count: 0

};

anime({

targets: data,

count: [options.startnum ?? 0, options.endnum ?? 0],

duration: (options.duration ?? 1) * 1000,

round: options.round ?? 1,

easing: options.easing ?? "easeOutInSine",

update() {

element.innerText = (options.func ? options.func(data.count) : data.count) + (options.suffix ?? "");

}

});

io.unobserve(entry.target);

}

});

io.observe(element);

}

function Notification_Send({

icon,

title,

text,

showConfirmButton,

showCancelButton,

confirmButtonColor,

cancelButtonColor,

confirmButtonText,

cancelButtonText,

allowOutsideClick,

allowEscapeKey,

input,

inputOptions

}) {

return new Promise((resolve) => {

setInterval(() => {}, 5000);

if (icon == null) icon = "info";

if (title == null) title = "";

if (text == null) text = "";

if (showConfirmButton == null) showConfirmButton = true;

if (showCancelButton == null) showCancelButton = true;

if (confirmButtonColor == null) confirmButtonColor = "#78cd31";

if (cancelButtonColor == null) cancelButtonColor = "#d33";

if (confirmButtonText == null) confirmButtonText = "ตกลง";

if (cancelButtonText == null) cancelButtonText = "ยกเลิก";

if (input == null) input = null;

if (inputOptions == null) inputOptions = null;

if (allowOutsideClick == null) allowOutsideClick = true;

if (allowEscapeKey == null) allowEscapeKey = true;

Swal.fire({

icon: icon,

title: title,

html: text,

showConfirmButton: showConfirmButton,

showCancelButton: showCancelButton,

confirmButtonColor: confirmButtonColor,

cancelButtonColor: cancelButtonColor,

confirmButtonText: confirmButtonText,

cancelButtonText: cancelButtonText,

input: input,

inputOptions: inputOptions,

allowOutsideClick: allowOutsideClick,

allowEscapeKey: allowEscapeKey,

}).then((result) => {

resolve({

isConfirmed: result.isConfirmed

});

})

}

function expireNotify($type) {

if ($type == "website") {

Notification_Send({

icon: 'info',

title: 'เว็บไซต์หมดอายุ',

text: 'คุณต้องการปิดการแจ้งเตือน เว็บไซต์หมดอายุ เป็นระยะเวลาหนึ่งหรือไม่',

showConfirmButton: true,

showCancelButton: true,

confirmButtonColor: '#78cd31',

cancelButtonColor: '#d33',

confirmButtonText: 'ใช่',

cancelButtonText: 'ไม่',

input: "select",

inputOptions: {

"เลือกระยะเวลาที่ต้องการปิดแจ้งเตือน": {

1: "1 ชั่วโมง",

3: "3 ชั่วโมง",

7: "7 ชั่วโมง",

12: "12 ชั่วโมง",

24: "24 ชั่วโมง",

}).then(function(res) {

const now = new Date();

if (res.isConfirmed) {

const selectedHours = parseInt($("#swal2-select").val(), 10);

now.setHours(now.getHours() + selectedHours);

document.cookie = 'website_expire_notify=; expires=' + now.toUTCString() + '; path=/';

} else {

now.setHours(now.getHours() + 1);

document.cookie = 'website_expire_notify=; expires=' + now.toUTCString() + '; path=/';

}

});

} else {

Notification_Send({

icon: 'info',

title: 'ฟังก์ชันหมดอายุ',

text: 'คุณต้องการปิดการแจ้งเตือน ฟังก์ชันหมดอายุ เป็นระยะเวลาหนึ่งหรือไม่',

showConfirmButton: true,

showCancelButton: true,

confirmButtonColor: '#78cd31',

cancelButtonColor: '#d33',

confirmButtonText: 'ใช่',

cancelButtonText: 'ไม่',

input: "select",

inputOptions: {

"เลือกระยะเวลาที่ต้องการปิดแจ้งเตือน": {

1: "1 ชั่วโมง",

3: "3 ชั่วโมง",

7: "7 ชั่วโมง",

12: "12 ชั่วโมง",

24: "24 ชั่วโมง",

}).then(function(res) {

const now = new Date();

if (res.isConfirmed) {

const selectedHours = parseInt($("#swal2-select").val(), 10);

now.setHours(now.getHours() + selectedHours);

document.cookie = 'function_expire_notify=; expires=' + now.toUTCString() + '; path=/';

} else {

now.setHours(now.getHours() + 1);

document.cookie = 'function_expire_notify=; expires=' + now.toUTCString() + '; path=/';

}

});

}

</script>

function countdown_time_unix(targetTimestamp, id) {

const targetTime = targetTimestamp * 1000;

const now = new Date().getTime();

const timeDiff = targetTime - now;

if (timeDiff > 0) {

const days = Math.floor(timeDiff / (1000 60 60 * 24));

const hours = Math.floor((timeDiff % (1000 60 60 24)) / (1000 60 * 60));

const minutes = Math.floor((timeDiff % (1000 60 60)) / (1000 * 60));

const seconds = Math.floor((timeDiff % (1000 * 60)) / 1000);

let timeString = "";

if (days > 0) {

timeString = ${days}d ${hours}h;

} else if (days <= 0 && hours > 0) {

timeString = ${hours}h ${minutes}m;

} else if (days <= 0 && hours <= 0) {

timeString = ${minutes}m ${seconds}s;

}

document.getElementById(id).textContent = timeString;

} else {

document.getElementById(id).innerHTML = 'กรุณารีเฟรชหน้านี้';

}

</script>

$(document).ready(function() {

const table_list = {

"table_list": {},

"function_table_list": {},

"history_all_user_role_admin_table_list": {},

"shop_category_recommend_table_list": {},

"shop_product_recommend_table_list": {},

"service_category_recommend_table_list": {},

"service_product_recommend_table_list": {},

"service_choice_table_list": {},

"service_check_box_table_list": {},

"service_form_table_list": {},

"minigame_category_recommend_table_list": {},

"minigame_product_recommend_table_list": {},

"minigame_spin_wheel_prize_table_list": {},

"minigame_slide_rail_prize_table_list": {},

"minigame_chest_prize_table_list": {},

"peamsub24hr_app_premium_category_recommend_table_list": {},

"peamsub24hr_app_premium_product_recommend_table_list": {},

"wepay_game_product_recommend_table_list": {},

"wepay_mobile_product_recommend_table_list": {},

"wepay_cash_card_product_recommend_table_list": {},

"discord_bot_list_role_table_list": {},

"discord_bot_list_shop_table_list": {},

"profile_special_history_table_list": {

"type": "asc",

"col": "0"

"profile_shop_history_table_list": {

"type": "asc",

"col": "0"

};

Object.keys(table_list).forEach(function(key) {

const item = table_list[key];

var table = $('#' + key).DataTable({

columnDefs: [{

targets: '_all',

visible: true

}],

language: config_language_table_list,

});

if (item["col"] && item["type"]) {

table.order([item["col"], item["type"]]).draw();

}

});

document.addEventListener("click", function(event) {

var target = event.target;

document.querySelectorAll(".datatable-dropdown-btn").forEach(function(button) {

var dropdown = button.nextElementSibling;

if (dropdown && dropdown.classList.contains("datatable-dropdown-content")) {

if (button !== target) {

dropdown.classList.remove("datatable-dropdown-show");

}

});

</script>

</body>

</html>

var texts = [

"กด Develop Mode ทำไมก่อน!?",

"ระวังโดนกระทืบ จะทำไรอะ!?",

"จะก็อปโค้ดเว็บหรอจ๊ะ?",

"ก็อปโค้ดระวังโดนเล่นนะ!",

"อยากโดนเล่นก็ลองก็อปโค้ดดู",

"จะก็อปโค้ด ก็อย่าให้เจอละกัน!!!",

"เห้ย! จะเปิดอะไรอ่ะ?",

"ทำไรอ่ะ!",

"อย่าแม้แต่จะคิด!?",

"ยังไม่หยุดอีก!",

"จะหยุดไม่หยุด??",

"ระบบได้ส่งที่อยู่ของคุณไปยังผู้พัฒนาเว็บไซต์เรียบร้อย!"

];

var warp = [

"https://www.youtube.com/embed/1lP6qIaIRNs?autoplay=1&start=0",

"https://www.youtube.com/embed/AyqbOtqfPQ8?autoplay=1&start=24",

"https://www.youtube.com/embed/0WjDrQ0IhBw?autoplay=1&start=84",

"https://www.youtube.com/embed/84Vkg98iie4?autoplay=1&start=25",

"https://www.youtube.com/embed/HZWgt8vUZjY?autoplay=1&start=17",

"https://www.youtube.com/embed/sZy8qQYyUDs?autoplay=1&start=9",

"https://www.youtube.com/embed/SVg70JMLOmE?autoplay=1&start=11"

];

var CountDev = 0;

function ctrlShiftKey(e, keyCode) {

return e.ctrlKey && e.shiftKey && e.keyCode === keyCode.charCodeAt(0);

}

document.onkeydown = (e) => {

if (event.keyCode === 123 || ctrlShiftKey(e, 'I') || ctrlShiftKey(e, 'J') || ctrlShiftKey(e, 'C') || (e.ctrlKey && e.keyCode === 'U'.charCodeAt(0))) {

e.preventDefault();

if (CountDev == 1) {

var randomIndex = Math.floor(Math.random() * warp.length);

var randomWarp = warp[randomIndex];

window.location.href = randomWarp

} else {

var randomIndex = Math.floor(Math.random() * texts.length);

var randomText = texts[randomIndex];

CountDev++

alert(randomText);

}

};

var addHandler = function(element, type, handler) {

if (element.addEventListener) {

element.addEventListener(type, handler, false);

} else if (element.attachEvent) {

element.attachEvent("on" + type, handler);

} else {

element["on" + type] = handler;

}

};

</script>

รายละเอียดสินค้า

รีวิวจากลูกค้า

ข้อมูลสำหรับบริการ