- ID de l'analyse :
- 11e4b3fa-2e52-41f3-b4aa-1971a1fdc89bTerminée
- URL soumise :
- https://www.kunjishop.com/wp-game/product/Mg==
- Fin du rapport :
Liens : 1 trouvé(s)
Liens sortants identifiés à partir de la page
| Lien | texte |
|---|---|
| https://discord.gg/rexzy2 | ติดต่อเจ้าของร้านไม่ได้ / แจ้งปัญหาร้านค้าโกง |
Variables JavaScript : 115 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
| Nom | Type |
|---|---|
| 0 | object |
| 1 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| $ | function |
| jQuery | function |
| Popper | function |
| Iconify | object |
| key | undefined |
Messages de journal de console : 7 trouvé(s)
Messages consignés dans la console web
| Type | Catégorie | Enregistrement |
|---|---|---|
| log | other |
|
| verbose | dom |
|
| verbose | dom |
|
| verbose | dom |
|
| verbose | dom |
|
| verbose | dom |
|
| verbose | dom |
|
HTML
Le corps HTML de la page en données brutes
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://connect.facebook.net/th_TH/sdk.js?hash=b9f498d2bc59735b840b985167aac3c2" async="" crossorigin="anonymous"></script><script>console.log('1' );</script>
<title>KunJi SHOP - Wp Game</title>
<meta name="author" content="https://www.kunjishop.com/home">
<meta name="description" content="เติมถูก เติมไว ไม่โกง ไม่เกรียน ไว้ใจร้าน Kun Ji Shop">
<meta name="keywords" content="KunJi SHOP,เติมถูก เติมไว ไม่โกง ไม่เกรียน ไว้ใจร้าน KUN JI SHOP,KunJi SHOP - Free Fire,- กรุณาตรวจสอบเลข ID เกมส์ของท่านก่อนกดส...,kunji,kunjishop,KunJiShop,เว็บเติมเกม,เว็บเติมเกม,บริการไก่ตันBloxFruit,ขายไก่ตัน,ไก่ตันbloxfruit,ไก่ตันราคาถูก,เติมrov,เติมเกม,เติมfreefire,เติมเกมฟรีฟาย,เติมฟรีฟาย,ร้านค้าของคุณจิ">
<link rel="shortcut icon" href="https://i.ibb.co/FXHfxBy/4c451468d8dd.png" type="image/png" sizes="16x16">
<link rel="apple-touch-icon" sizes="180x180" href="https://i.ibb.co/FXHfxBy/4c451468d8dd.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://i.ibb.co/FXHfxBy/4c451468d8dd.png">
<meta property="og:image" content="https://img5.pic.in.th/file/secure-sv1/FREEFIRE65be3de684cc2f22.webp">
<meta property="og:type" content="website">
<meta property="og:locale" content="en_IE">
<meta property="og:site_name" content="KunJi SHOP">
<meta property="og:title" content="KunJi SHOP - Free Fire">
<meta property="og:description" content="- กรุณาตรวจสอบเลข ID เกมส์ของท่านก่อนกดส...">
<meta property="og:url" content="https://www.kunjishop.com/home">
<meta name="theme-color" content="#ffffff">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@site">
<meta name="twitter:creator" content="@handle">
<meta property="twitter:title" content="KunJi SHOP - Free Fire">
<meta property="twitter:description" content="- กรุณาตรวจสอบเลข ID เกมส์ของท่านก่อนกดส...">
<meta property="twitter:image:src" content="https://img5.pic.in.th/file/secure-sv1/FREEFIRE65be3de684cc2f22.webp">
<meta property="twitter:url" content="https://www.kunjishop.com/home">
<meta property="theme-color" content="#ffffff">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<script src=" https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"></script>
<link href="https://kit-pro.fontawesome.com/releases/v6.2.0/css/pro.min.css" rel="stylesheet">
<script src="https://code.iconify.design/iconify-icon/1.0.7/iconify-icon.min.js"></script>
<script src="https://code.iconify.design/3/3.1.0/iconify.min.js"></script>
<link flex="" href="https://unpkg.com/[email protected]/css/boxicons.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/simple-notify.css">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/simple-notify.min.js"></script>
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link href="https://fonts.googleapis.com/css2?family=Anuphan:[email protected]&family=Athiti:wght@200;300;400;500;600;700&family=IBM+Plex+Sans+Thai+Looped:wght@100;200;300;400;500;600;700&family=IBM+Plex+Sans+Thai:wght@100;200;300;400;500;600;700&family=Itim&family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Krub:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&family=Mitr:wght@200;300;400;500;600;700&family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Sriracha&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">
<script src="https://code.jquery.com/jquery-3.7.0.js"></script>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/tinysort/2.2.2/tinysort.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script><style>.swal2-popup.swal2-toast{box-sizing:border-box;grid-column:1/4 !important;grid-row:1/4 !important;grid-template-columns:min-content auto min-content;padding:1em;overflow-y:hidden;background:#fff;box-shadow:0 0 1px rgba(0,0,0,.075),0 1px 2px rgba(0,0,0,.075),1px 2px 4px rgba(0,0,0,.075),1px 3px 8px rgba(0,0,0,.075),2px 4px 16px rgba(0,0,0,.075);pointer-events:all}.swal2-popup.swal2-toast>*{grid-column:2}.swal2-popup.swal2-toast .swal2-title{margin:.5em 1em;padding:0;font-size:1em;text-align:initial}.swal2-popup.swal2-toast .swal2-loading{justify-content:center}.swal2-popup.swal2-toast .swal2-input{height:2em;margin:.5em;font-size:1em}.swal2-popup.swal2-toast .swal2-validation-message{font-size:1em}.swal2-popup.swal2-toast .swal2-footer{margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-popup.swal2-toast .swal2-close{grid-column:3/3;grid-row:1/99;align-self:center;width:.8em;height:.8em;margin:0;font-size:2em}.swal2-popup.swal2-toast .swal2-html-container{margin:.5em 1em;padding:0;overflow:initial;font-size:1em;text-align:initial}.swal2-popup.swal2-toast .swal2-html-container:empty{padding:0}.swal2-popup.swal2-toast .swal2-loader{grid-column:1;grid-row:1/99;align-self:center;width:2em;height:2em;margin:.25em}.swal2-popup.swal2-toast .swal2-icon{grid-column:1;grid-row:1/99;align-self:center;width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:bold}.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-popup.swal2-toast .swal2-actions{justify-content:flex-start;height:auto;margin:0;margin-top:.5em;padding:0 .5em}.swal2-popup.swal2-toast .swal2-styled{margin:.25em .5em;padding:.4em .6em;font-size:1em}.swal2-popup.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;border-radius:50%}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.8em;left:-0.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-toast-animate-success-line-tip .75s}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-toast-animate-success-line-long .75s}.swal2-popup.swal2-toast.swal2-show{animation:swal2-toast-show .5s}.swal2-popup.swal2-toast.swal2-hide{animation:swal2-toast-hide .1s forwards}div:where(.swal2-container){display:grid;position:fixed;z-index:1060;inset:0;box-sizing:border-box;grid-template-areas:"top-start top top-end" "center-start center center-end" "bottom-start bottom-center bottom-end";grid-template-rows:minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);height:100%;padding:.625em;overflow-x:hidden;transition:background-color .1s;-webkit-overflow-scrolling:touch}div:where(.swal2-container).swal2-backdrop-show,div:where(.swal2-container).swal2-noanimation{background:rgba(0,0,0,.4)}div:where(.swal2-container).swal2-backdrop-hide{background:rgba(0,0,0,0) !important}div:where(.swal2-container).swal2-top-start,div:where(.swal2-container).swal2-center-start,div:where(.swal2-container).swal2-bottom-start{grid-template-columns:minmax(0, 1fr) auto auto}div:where(.swal2-container).swal2-top,div:where(.swal2-container).swal2-center,div:where(.swal2-container).swal2-bottom{grid-template-columns:auto minmax(0, 1fr) auto}div:where(.swal2-container).swal2-top-end,div:where(.swal2-container).swal2-center-end,div:where(.swal2-container).swal2-bottom-end{grid-template-columns:auto auto minmax(0, 1fr)}div:where(.swal2-container).swal2-top-start>.swal2-popup{align-self:start}div:where(.swal2-container).swal2-top>.swal2-popup{grid-column:2;place-self:start center}div:where(.swal2-container).swal2-top-end>.swal2-popup,div:where(.swal2-container).swal2-top-right>.swal2-popup{grid-column:3;place-self:start end}div:where(.swal2-container).swal2-center-start>.swal2-popup,div:where(.swal2-container).swal2-center-left>.swal2-popup{grid-row:2;align-self:center}div:where(.swal2-container).swal2-center>.swal2-popup{grid-column:2;grid-row:2;place-self:center center}div:where(.swal2-container).swal2-center-end>.swal2-popup,div:where(.swal2-container).swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;place-self:center end}div:where(.swal2-container).swal2-bottom-start>.swal2-popup,div:where(.swal2-container).swal2-bottom-left>.swal2-popup{grid-column:1;grid-row:3;align-self:end}div:where(.swal2-container).swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;place-self:end center}div:where(.swal2-container).swal2-bottom-end>.swal2-popup,div:where(.swal2-container).swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;place-self:end end}div:where(.swal2-container).swal2-grow-row>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-column:1/4;width:100%}div:where(.swal2-container).swal2-grow-column>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}div:where(.swal2-container).swal2-no-transition{transition:none !important}div:where(.swal2-container) div:where(.swal2-popup){display:none;position:relative;box-sizing:border-box;grid-template-columns:minmax(0, 100%);width:32em;max-width:100%;padding:0 0 1.25em;border:none;border-radius:5px;background:#fff;color:hsl(0,0%,33%);font-family:inherit;font-size:1rem}div:where(.swal2-container) div:where(.swal2-popup):focus{outline:none}div:where(.swal2-container) div:where(.swal2-popup).swal2-loading{overflow-y:hidden}div:where(.swal2-container) h2:where(.swal2-title){position:relative;max-width:100%;margin:0;padding:.8em 1em 0;color:inherit;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word}div:where(.swal2-container) div:where(.swal2-actions){display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:center;width:auto;margin:1.25em auto 0;padding:0}div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1))}div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2))}div:where(.swal2-container) div:where(.swal2-loader){display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#2778c4 rgba(0,0,0,0) #2778c4 rgba(0,0,0,0)}div:where(.swal2-container) button:where(.swal2-styled){margin:.3125em;padding:.625em 1.1em;transition:box-shadow .1s;box-shadow:0 0 0 3px rgba(0,0,0,0);font-weight:500}div:where(.swal2-container) button:where(.swal2-styled):not([disabled]){cursor:pointer}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){border:0;border-radius:.25em;background:initial;background-color:#7066e0;color:#fff;font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):focus-visible{box-shadow:0 0 0 3px rgba(112,102,224,.5)}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny){border:0;border-radius:.25em;background:initial;background-color:#dc3741;color:#fff;font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):focus-visible{box-shadow:0 0 0 3px rgba(220,55,65,.5)}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel){border:0;border-radius:.25em;background:initial;background-color:#6e7881;color:#fff;font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):focus-visible{box-shadow:0 0 0 3px rgba(110,120,129,.5)}div:where(.swal2-container) button:where(.swal2-styled).swal2-default-outline:focus-visible{box-shadow:0 0 0 3px rgba(100,150,200,.5)}div:where(.swal2-container) button:where(.swal2-styled):focus-visible{outline:none}div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-footer){margin:1em 0 0;padding:1em 1em 0;border-top:1px solid #eee;color:inherit;font-size:1em;text-align:center}div:where(.swal2-container) .swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;grid-column:auto !important;overflow:hidden;border-bottom-right-radius:5px;border-bottom-left-radius:5px}div:where(.swal2-container) div:where(.swal2-timer-progress-bar){width:100%;height:.25em;background:rgba(0,0,0,.2)}div:where(.swal2-container) img:where(.swal2-image){max-width:100%;margin:2em auto 1em}div:where(.swal2-container) button:where(.swal2-close){z-index:2;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-top:0;margin-right:0;margin-bottom:-1.2em;padding:0;overflow:hidden;transition:color .1s,box-shadow .1s;border:none;border-radius:5px;background:rgba(0,0,0,0);color:#ccc;font-family:monospace;font-size:2.5em;cursor:pointer;justify-self:end}div:where(.swal2-container) button:where(.swal2-close):hover{transform:none;background:rgba(0,0,0,0);color:#f27474}div:where(.swal2-container) button:where(.swal2-close):focus-visible{outline:none;box-shadow:inset 0 0 0 3px rgba(100,150,200,.5)}div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner{border:0}div:where(.swal2-container) .swal2-html-container{z-index:1;justify-content:center;margin:0;padding:1em 1.6em .3em;overflow:auto;color:inherit;font-size:1.125em;font-weight:normal;line-height:normal;text-align:center;word-wrap:break-word;word-break:break-word}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea),div:where(.swal2-container) select:where(.swal2-select),div:where(.swal2-container) div:where(.swal2-radio),div:where(.swal2-container) label:where(.swal2-checkbox){margin:1em 2em 3px}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea){box-sizing:border-box;width:auto;transition:border-color .1s,box-shadow .1s;border:1px solid hsl(0,0%,85%);border-radius:.1875em;background:rgba(0,0,0,0);box-shadow:inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px rgba(0,0,0,0);color:inherit;font-size:1.125em}div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror{border-color:#f27474 !important;box-shadow:0 0 2px #f27474 !important}div:where(.swal2-container) input:where(.swal2-input):focus,div:where(.swal2-container) input:where(.swal2-file):focus,div:where(.swal2-container) textarea:where(.swal2-textarea):focus{border:1px solid #b4dbed;outline:none;box-shadow:inset 0 1px 1px rgba(0,0,0,.06),0 0 0 3px rgba(100,150,200,.5)}div:where(.swal2-container) input:where(.swal2-input)::placeholder,div:where(.swal2-container) input:where(.swal2-file)::placeholder,div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder{color:#ccc}div:where(.swal2-container) .swal2-range{margin:1em 2em 3px;background:#fff}div:where(.swal2-container) .swal2-range input{width:80%}div:where(.swal2-container) .swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}div:where(.swal2-container) .swal2-range input,div:where(.swal2-container) .swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}div:where(.swal2-container) .swal2-input{height:2.625em;padding:0 .75em}div:where(.swal2-container) .swal2-file{width:75%;margin-right:auto;margin-left:auto;background:rgba(0,0,0,0);font-size:1.125em}div:where(.swal2-container) .swal2-textarea{height:6.75em;padding:.75em}div:where(.swal2-container) .swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:rgba(0,0,0,0);color:inherit;font-size:1.125em}div:where(.swal2-container) .swal2-radio,div:where(.swal2-container) .swal2-checkbox{align-items:center;justify-content:center;background:#fff;color:inherit}div:where(.swal2-container) .swal2-radio label,div:where(.swal2-container) .swal2-checkbox label{margin:0 .6em;font-size:1.125em}div:where(.swal2-container) .swal2-radio input,div:where(.swal2-container) .swal2-checkbox input{flex-shrink:0;margin:0 .4em}div:where(.swal2-container) label:where(.swal2-input-label){display:flex;justify-content:center;margin:1em auto 0}div:where(.swal2-container) div:where(.swal2-validation-message){align-items:center;justify-content:center;margin:1em 0 0;padding:.625em;overflow:hidden;background:hsl(0,0%,94%);color:#666;font-size:1em;font-weight:300}div:where(.swal2-container) div:where(.swal2-validation-message)::before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}div:where(.swal2-container) .swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;background:rgba(0,0,0,0);font-weight:600}div:where(.swal2-container) .swal2-progress-steps li{display:inline-block;position:relative}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:#2778c4;color:#fff;line-height:2em;text-align:center}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:#add8e6;color:#fff}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:#add8e6}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:#2778c4}div:where(.swal2-icon){position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;border:0.25em solid rgba(0,0,0,0);border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;user-select:none}div:where(.swal2-icon) .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}div:where(.swal2-icon).swal2-error{border-color:#f27474;color:#f27474}div:where(.swal2-icon).swal2-error .swal2-x-mark{position:relative;flex-grow:1}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-error.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark{animation:swal2-animate-error-x-mark .5s}div:where(.swal2-icon).swal2-warning{border-color:rgb(249.95234375,205.965625,167.74765625);color:#f8bb86}div:where(.swal2-icon).swal2-warning.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .5s}div:where(.swal2-icon).swal2-info{border-color:rgb(156.7033492823,224.2822966507,246.2966507177);color:#3fc3ee}div:where(.swal2-icon).swal2-info.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .8s}div:where(.swal2-icon).swal2-question{border-color:rgb(200.8064516129,217.9677419355,225.1935483871);color:#87adbd}div:where(.swal2-icon).swal2-question.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content{animation:swal2-animate-question-mark .8s}div:where(.swal2-icon).swal2-success{border-color:#a5dc86;color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;border-radius:50%}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}div:where(.swal2-icon).swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-0.25em;left:-0.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}div:where(.swal2-icon).swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-animate-success-line-tip .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-animate-success-line-long .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:swal2-rotate-success-circular-line 4.25s ease-in}[class^=swal2]{-webkit-tap-highlight-color:rgba(0,0,0,0)}.swal2-show{animation:swal2-show .3s}.swal2-hide{animation:swal2-hide .15s forwards}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}@keyframes swal2-toast-show{0%{transform:translateY(-0.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(0.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0deg)}}@keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-0.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@keyframes swal2-show{0%{transform:scale(0.7)}45%{transform:scale(1.05)}80%{transform:scale(0.95)}100%{transform:scale(1)}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}100%{transform:scale(0.5);opacity:0}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-0.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(0.4);opacity:0}50%{margin-top:1.625em;transform:scale(0.4);opacity:0}80%{margin-top:-0.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);opacity:1}}@keyframes swal2-rotate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}100%{transform:rotateY(0)}}@keyframes swal2-animate-i-mark{0%{transform:rotateZ(45deg);opacity:0}25%{transform:rotateZ(-25deg);opacity:.4}50%{transform:rotateZ(15deg);opacity:.8}75%{transform:rotateZ(-5deg);opacity:1}100%{transform:rotateX(0);opacity:1}}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto !important}body.swal2-no-backdrop .swal2-container{background-color:rgba(0,0,0,0) !important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:all}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px rgba(0,0,0,.4)}@media print{body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow-y:scroll !important}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown) .swal2-container{position:static !important}}body.swal2-toast-shown .swal2-container{box-sizing:border-box;width:360px;max-width:100%;background-color:rgba(0,0,0,0);pointer-events:none}body.swal2-toast-shown .swal2-container.swal2-top{inset:0 auto auto 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{inset:0 0 auto auto}body.swal2-toast-shown .swal2-container.swal2-top-start,body.swal2-toast-shown .swal2-container.swal2-top-left{inset:0 auto auto 0}body.swal2-toast-shown .swal2-container.swal2-center-start,body.swal2-toast-shown .swal2-container.swal2-center-left{inset:50% auto auto 0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{inset:50% auto auto 50%;transform:translate(-50%, -50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{inset:50% 0 auto auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-start,body.swal2-toast-shown .swal2-container.swal2-bottom-left{inset:auto auto 0 0}body.swal2-toast-shown .swal2-container.swal2-bottom{inset:auto auto 0 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{inset:auto 0 0 auto}</style>
<script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.4/jquery.min.js" referrerpolicy="no-referrer"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/HyPerKung999/Rexzy-Studio-CDN@latest/model-x/assets/styles/bootstrap%404.0.0.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.5/css/dataTables.bootstrap5.min.css">
<script src="https://cdn.datatables.net/1.13.8/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/responsive/2.1.0/js/dataTables.responsive.min.js"></script>
<script src="https://cdn.datatables.net/1.13.8/js/dataTables.bootstrap5.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/HyPerKung999/Rexzy-Studio-CDN@latest/model-x/assets/styles/styles.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/HyPerKung999/Rexzy-Studio-CDN@latest/model-x/assets/styles/cute-alert.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/bootstrap-table.min.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
<style>
:root {
--color-main: #ffffff;
--color-main-opa-80: #ffffff80;
--color-main-opa-50: #ffffff50;
--color-main-opa-25: #ffffff25;
--color-main-opa-15: #ffffff15;
--color-button: #01c7fc;
--color-button-opa-80: #01c7fc80;
--color-button-opa-50: #01c7fc50;
--color-button-opa-25: #01c7fc25;
--color-button-opa-15: #01c7fc15;
--color-text: #01c7fc;
--color-text-opa-80: #01c7fc80;
--color-text-opa-50: #01c7fc50;
--color-text-opa-25: #01c7fc25;
--color-text-opa-15: #01c7fc15;
--color-bg-theme: #000;
--color-text-theme: #fff;
}
*:not(i) {
font-family: 'Sriracha', sans-serif;
font-weight: normal !important;
}
body {
background-color: rgb(250, 250, 250);
background-image: url('#');
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: #ffffff20;
height: 40px;
width: 40px;
text-align: center;
line-height: 40px;
border-radius: 3px;
display: inline-block
}
.text-theme,
.text-theme i {
color: #6c757d !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;
}
.apexcharts-tooltip {
color: var(--color-main);
}
.dataTables_processing {
border-radius: 10px !important;
padding-top: 15px !important;
background-color: var(--color-bg-theme) !important;
}
div.dataTables_processing>div:last-child>div {
position: absolute;
top: 0;
width: 13px;
height: 13px;
border-radius: 50%;
background: var(--color-text-theme);
animation-timing-function: cubic-bezier(0, 1, 1, 0)
}
.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);
}
.nav-search {
background-color: transparent;
display: block;
text-decoration: none;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}
.input-blur {
filter: blur(2px);
-webkit-filter: blur(2px);
}
.input-blur:hover,
.input-blur:active,
.input-blur:focus {
filter: blur(0px);
-webkit-filter: blur(0px);
}
table {
-moz-border-radius: 8px !important;
border-radius: 8px !important;
border: 1px solid #dee2e6 !important;
}
.paginate_button:first-child a,
.paginate_button:last-child a {
border-radius: 10px !important;
}
.paginate_button:not(:first-child):not(:last-child) {
padding-left: 5px;
padding-right: 5px;
}
.paginate_button:not(:first-child):not(:last-child) a {
border-radius: 10px !important;
min-width: 38px;
height: 38px;
text-align: center;
}
table th,
table td {
border: 0 !important;
}
table td {
border-top: 1px solid #dee2e6 !important;
}
table tr:last-child td:last-child {
border-radius: 0 0 8px 8px !important;
-moz-border-radius: 0 0 8px 8px !important;
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(255, 255, 255, 0.02) !important;
}
table tr:hover td {
background-color: rgba(255, 255, 255, 0.05) !important;
}
</style>
<style>
.product {
overflow: visible !important;
}
.product-category {
overflow: visible !important;
}
.best-seller-tag {
position: absolute;
top: -15px;
right: -20px;
width: 50px;
height: 50px;
z-index: 99;
transition: all 0.5s ease-in-out;
}
.new-product-tag {
position: absolute;
top: -10px;
left: -10px;
width: 50px;
height: 50px;
z-index: 99;
transition: all 0.5s ease-in-out;
}
.owl-item-product-img {
width: auto;
height: 50px;
cursor: pointer;
border-radius: 0.5vh;
transition: all 0.2s;
}
</style>
<style type="text/css" data-fbcssmodules="css:fb.css.base css:fb.css.dialog css:fb.css.iframewidget">.fb_hidden{position:absolute;top:-10000px;z-index:10001}.fb_reposition{overflow:hidden;position:relative}.fb_invisible{display:none}.fb_reset{background:none;border:0px;border-spacing:0;color:#000;cursor:auto;direction:ltr;font-family:'lucida grande', tahoma, verdana, arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:1;margin:0;overflow:visible;padding:0;text-align:left;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-spacing:normal}.fb_reset>div{overflow:hidden}@keyframes fb_transform{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fb_animate{animation:fb_transform .3s forwards}
.fb_hidden{position:absolute;top:-10000px;z-index:10001}.fb_reposition{overflow:hidden;position:relative}.fb_invisible{display:none}.fb_reset{background:none;border:0px;border-spacing:0;color:#000;cursor:auto;direction:ltr;font-family:'lucida grande', tahoma, verdana, arial, sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:1;margin:0;overflow:visible;padding:0;text-align:left;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-spacing:normal}.fb_reset>div{overflow:hidden}@keyframes fb_transform{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fb_animate{animation:fb_transform .3s forwards}
.fb_dialog{background:rgba(82, 82, 82, .7);position:absolute;top:-10000px;z-index:10001}.fb_dialog_advanced{border-radius:8px;padding:10px}.fb_dialog_content{background:#fff;color:#373737}.fb_dialog_close_icon{background:url(https://connect.facebook.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 0 transparent;cursor:pointer;display:block;height:15px;position:absolute;right:18px;top:17px;width:15px}.fb_dialog_mobile .fb_dialog_close_icon{left:5px;right:auto;top:5px}.fb_dialog_padding{background-color:transparent;position:absolute;width:1px;z-index:-1}.fb_dialog_close_icon:hover{background:url(https://connect.facebook.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -15px transparent}.fb_dialog_close_icon:active{background:url(https://connect.facebook.net/rsrc.php/v3/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -30px transparent}.fb_dialog_iframe{line-height:0}.fb_dialog_content .dialog_title{background:#6d84b4;border:1px solid #365899;color:#fff;font-size:16px;font-weight:bold;margin:0}.fb_dialog_content .dialog_title>span{background:url(https://connect.facebook.net/rsrc.php/v3/yd/r/Cou7n-nqK52.gif) no-repeat 5px 50%;float:left;padding:5px 0 7px 26px}body.fb_hidden{height:100%;left:0px;margin:0px;overflow:visible;position:absolute;top:-10000px;transform:none;width:100%}.fb_dialog.fb_dialog_mobile.loading{background:url(https://connect.facebook.net/rsrc.php/v3/ya/r/3rhSv5V8j3o.gif) white no-repeat 50% 50%;min-height:100%;min-width:100%;overflow:hidden;position:absolute;top:0;z-index:10001}.fb_dialog.fb_dialog_mobile.loading.centered{background:none;height:auto;min-height:initial;min-width:initial;width:auto}.fb_dialog.fb_dialog_mobile.loading.centered #fb_dialog_loader_spinner{width:100%}.fb_dialog.fb_dialog_mobile.loading.centered .fb_dialog_content{background:none}.loading.centered #fb_dialog_loader_close{clear:both;color:#fff;display:block;font-size:20px;padding-top:20px}#fb-root #fb_dialog_ipad_overlay{background:rgba(0, 0, 0, .4);bottom:0;left:0;min-height:100%;position:absolute;right:0;top:0;width:100%;z-index:10000}#fb-root #fb_dialog_ipad_overlay.hidden{display:none}.fb_dialog.fb_dialog_mobile.loading iframe{visibility:hidden}.fb_dialog_mobile .fb_dialog_iframe{position:sticky;top:0}.fb_dialog_content .dialog_header{background:linear-gradient(from(#738aba), to(#2c4987));border-bottom:1px solid;border-color:#043b87;box-shadow:white 0px 1px 1px -1px inset;color:#fff;font:bold 14px Helvetica, sans-serif;text-overflow:ellipsis;text-shadow:rgba(0, 30, 84, .296875) 0px -1px 0px;vertical-align:middle;white-space:nowrap}.fb_dialog_content .dialog_header table{height:43px;width:100%}.fb_dialog_content .dialog_header td.header_left{font-size:14px;padding-left:5px;vertical-align:middle;width:60px}.fb_dialog_content .dialog_header td.header_right{font-size:14px;padding-right:5px;vertical-align:middle;width:60px}.fb_dialog_content .touchable_button{background:linear-gradient(from(#4267B2), to(#2a4887));background-clip:padding-box;border:1px solid #29487d;border-radius:3px;display:inline-block;line-height:18px;margin-top:3px;max-width:85px;padding:4px 12px;position:relative}.fb_dialog_content .dialog_header .touchable_button input{background:none;border:none;color:#fff;font:bold 12px Helvetica, sans-serif;margin:2px -12px;padding:2px 6px 3px 6px;text-shadow:rgba(0, 30, 84, .296875) 0px -1px 0px}.fb_dialog_content .dialog_header .header_center{color:#fff;font-size:18px;font-weight:bold;line-height:18px;text-align:center;vertical-align:middle}.fb_dialog_content .dialog_content{background:url(https://connect.facebook.net/rsrc.php/v3/y9/r/jKEcVPZFk-2.gif) no-repeat 50% 50%;border:1px solid #4a4a4a;border-bottom:0;border-top:0;height:150px}.fb_dialog_content .dialog_footer{background:#f5f6f7;border:1px solid #4a4a4a;border-top-color:#ccc;height:40px}#fb_dialog_loader_close{float:left}.fb_dialog.fb_dialog_mobile .fb_dialog_close_icon{visibility:hidden}#fb_dialog_loader_spinner{animation:rotateSpinner 1.2s linear infinite;background-color:transparent;background-image:url(https://connect.facebook.net/rsrc.php/v3/yD/r/t-wz8gw1xG1.png);background-position:50% 50%;background-repeat:no-repeat;height:24px;width:24px}@keyframes rotateSpinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.fb_iframe_widget{display:inline-block;position:relative}.fb_iframe_widget span{display:inline-block;position:relative;text-align:justify}.fb_iframe_widget iframe{position:absolute}.fb_iframe_widget_fluid_desktop,.fb_iframe_widget_fluid_desktop span,.fb_iframe_widget_fluid_desktop iframe{max-width:100%}.fb_iframe_widget_fluid_desktop iframe{min-width:220px;position:relative}.fb_iframe_widget_lift{z-index:1}.fb_iframe_widget_fluid{display:inline}.fb_iframe_widget_fluid span{width:100%}</style></head>
<body onload="let scroll = window.scrollY; let scrollString = scroll.toString(); localStorage.setItem("scrollPosition_Body", scrollString);" data-aos-easing="ease" data-aos-duration="400" data-aos-delay="0">
<script>
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 class="text-main">แสดง _START_ ถึง _END_ จาก _TOTAL_ รายการ</span>',
"infoEmpty": '<span class="text-main">แสดง 0 ถึง 0 จาก 0 รายการ</span>',
"infoFiltered": '<span class="text-main">(ทั้งหมด _MAX_ รายการ)</span>',
"lengthMenu": '<span class="text-main">แสดง _MENU_ รายการ</span>',
"loadingRecords": '<span class="text-main">โหลดข้อมูล...</span>',
"processing": '<span class="text-theme">กำลังโหลดข้อมูล...</span>',
"search": '<span class="text-main">ค้นหา</span>',
"zeroRecords": '<span class="text-main">ไม่พบข้อมูลที่ตรงกัน...</span>',
"paginate": {
"first": '<span class="btn-main-text">หน้าแรก</span>',
"last": '<span class="btn-main-text">หน้าสุดท้าย</span>',
"next": '<span class="btn-main-text">ถัดไป</span>',
"previous": '<span class="btn-main-text">ย้อนกลับ</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>'
}
</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;
}
.load-spin {
position: absolute;
margin: auto;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: 20px;
height: 20px;
border-radius: 100%;
box-shadow: 25px 25px rgb(49, 118, 237), -25px 25px rgb(255, 255, 255), -25px -25px rgb(49, 118, 237), 25px -25px rgb(255, 255, 255);
-o-box-shadow: 25px 25px rgb(49, 118, 237), -25px 25px rgb(255, 255, 255), -25px -25px rgb(49, 118, 237), 25px -25px rgb(255, 255, 255);
-ms-box-shadow: 25px 25px rgb(49, 118, 237), -25px 25px rgb(255, 255, 255), -25px -25px rgb(49, 118, 237), 25px -25px rgb(255, 255, 255);
-webkit-box-shadow: 25px 25px rgb(49, 118, 237), -25px 25px rgb(255, 255, 255), -25px -25px rgb(49, 118, 237), 25px -25px rgb(255, 255, 255);
-moz-box-shadow: 25px 25px rgb(49, 118, 237), -25px 25px rgb(255, 255, 255), -25px -25px rgb(49, 118, 237), 25px -25px rgb(255, 255, 255);
animation: load-spin ease infinite 4.6s;
-o-animation: load-spin ease infinite 4.6s;
-ms-animation: load-spin ease infinite 4.6s;
-webkit-animation: load-spin ease infinite 4.6s;
-moz-animation: load-spin ease infinite 4.6s;
}
@keyframes load-spin {
0%,
100% {
box-shadow: 28px 28px var(--color-main-opa-80), -28px 28px rgb(255, 255, 255), -28px -28px var(--color-main-opa-80), 28px -28px rgb(255, 255, 255);
}
25% {
box-shadow: -28px 28px rgb(255, 255, 255), -28px -28px var(--color-main-opa-80), 28px -28px rgb(255, 255, 255), 28px 28px var(--color-main-opa-80);
}
50% {
box-shadow: -28px -28px var(--color-main-opa-80), 28px -28px rgb(255, 255, 255), 28px 28px var(--color-main-opa-80), -28px 28px rgb(255, 255, 255);
}
75% {
box-shadow: 28px -28px #dfdfdf, 28px 28px #4f4d49, -28px 28px #dfdfdf, -28px -28px #4f4d49;
}
}
@-o-keyframes load-spin {
0%,
100% {
box-shadow: 28px 28px var(--color-main-opa-80), -28px 28px rgb(255, 255, 255), -28px -28px var(--color-main-opa-80), 28px -28px rgb(255, 255, 255);
}
25% {
box-shadow: -28px 28px rgb(255, 255, 255), -28px -28px var(--color-main-opa-80), 28px -28px rgb(255, 255, 255), 28px 28px var(--color-main-opa-80);
}
50% {
box-shadow: -28px -28px var(--color-main-opa-80), 28px -28px rgb(255, 255, 255), 28px 28px var(--color-main-opa-80), -28px 28px rgb(255, 255, 255);
}
75% {
box-shadow: 28px -28px #dfdfdf, 28px 28px #4f4d49, -28px 28px #dfdfdf, -28px -28px #4f4d49;
}
}
@-ms-keyframes load-spin {
0%,
100% {
box-shadow: 28px 28px var(--color-main-opa-80), -28px 28px rgb(255, 255, 255), -28px -28px var(--color-main-opa-80), 28px -28px rgb(255, 255, 255);
}
25% {
box-shadow: -28px 28px rgb(255, 255, 255), -28px -28px var(--color-main-opa-80), 28px -28px rgb(255, 255, 255), 28px 28px var(--color-main-opa-80);
}
50% {
box-shadow: -28px -28px var(--color-main-opa-80), 28px -28px rgb(255, 255, 255), 28px 28px var(--color-main-opa-80), -28px 28px rgb(255, 255, 255);
}
75% {
box-shadow: 28px -28px #dfdfdf, 28px 28px #4f4d49, -28px 28px #dfdfdf, -28px -28px #4f4d49;
}
}
@-webkit-keyframes load-spin {
0%,
100% {
box-shadow: 28px 28px var(--color-main-opa-80), -28px 28px rgb(255, 255, 255), -28px -28px var(--color-main-opa-80), 28px -28px rgb(255, 255, 255);
}
25% {
box-shadow: -28px 28px rgb(255, 255, 255), -28px -28px var(--color-main-opa-80), 28px -28px rgb(255, 255, 255), 28px 28px var(--color-main-opa-80);
}
50% {
box-shadow: -28px -28px var(--color-main-opa-80), 28px -28px rgb(255, 255, 255), 28px 28px var(--color-main-opa-80), -28px 28px rgb(255, 255, 255);
}
75% {
box-shadow: 28px -28px #dfdfdf, 28px 28px #4f4d49, -28px 28px #dfdfdf, -28px -28px #4f4d49;
}
}
@-moz-keyframes load-spin {
0%,
100% {
box-shadow: 28px 28px var(--color-main-opa-80), -28px 28px rgb(255, 255, 255), -28px -28px var(--color-main-opa-80), 28px -28px rgb(255, 255, 255);
}
25% {
box-shadow: -28px 28px rgb(255, 255, 255), -28px -28px var(--color-main-opa-80), 28px -28px rgb(255, 255, 255), 28px 28px var(--color-main-opa-80);
}
50% {
box-shadow: -28px -28px var(--color-main-opa-80), 28px -28px rgb(255, 255, 255), 28px 28px var(--color-main-opa-80), -28px 28px rgb(255, 255, 255);
}
75% {
box-shadow: 28px -28px #dfdfdf, 28px 28px #4f4d49, -28px 28px #dfdfdf, -28px -28px #4f4d49;
}
}
</style>
<div class="loader load-hidden">
<div class="load-spin"></div>
</div>
<script>
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(() => {
$(".loader").addClass("load-hidden")
}, 250);
});
</script>
<nav class="navbar navbar-expand-lg sticky-top mb-0" id="nav_main">
<div class="bg-dark container-lg border" style="border-radius: 15px;">
<button class="navbar-toggler text-main" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar" aria-expanded="false" aria-label="Toggle navigation">
<i class="fa-regular fa-bars" style="font-size: 25px;"></i>
</button>
<a class="navbar-brand d-none d-lg-block" href="/home"><img src="https://i.ibb.co/FXHfxBy/4c451468d8dd.png" height="55px" width="auto"></a>
<a class="navbar-brand pt-2 pb-2" style="height: 65px;"></a>
<div class="offcanvas offcanvas-start bg-dark" style="max-width: 90%; box-shadow: 0 0 0 0 transparent !important;" tabindex="-1" id="offcanvasNavbar" aria-labelledby="offcanvasNavbarLabel">
<div class="offcanvas-body">
<ul class="navbar-nav ms-auto align-items-center mb-2 mb-lg-0">
<!----------------- Mobile ----------------->
<li class="nav-item d-lg-none d-block mb-3">
<a href="/home"><img src="https://i.ibb.co/FXHfxBy/4c451468d8dd.png" height="55px" width="auto"></a>
</li>
<li class="nav-item d-lg-none d-block">
<div class="row justify-content-center">
<div class="d-flex mb-0 px-5">
<hr class="my-auto mb-0 flex-grow-1">
<h5 class="text-theme px-4 mt-0 mb-0">เมนู</h5>
<hr class="my-auto mb-0 flex-grow-1">
</div>
<a class="text-theme my-2" href="/home"><i class="fa-regular fa-house"></i> หน้าหลัก</a>
<a class="text-theme my-2" href="/shop/category"><i class="fa-regular fa-store"></i> สินค้าทั่วไป</a>
<a class="text-theme my-2" href="/contact"><i class="fa-solid fa-headset"></i> ติดต่อเรา</a>
<div class="d-flex mb-0 px-5 mt-3">
<hr class="my-auto mb-0 flex-grow-1">
<h5 class="text-theme px-4 mt-0 mb-0">สินค้าอื่นๆ</h5>
<hr class="my-auto mb-0 flex-grow-1">
</div>
<a class="text-theme my-2" href="/wp-game"><i class="fa-regular fa-gamepad-modern"></i> เติมเกมส์ต่างๆ</a>
<div class="d-flex mb-0 px-5 mt-3">
<hr class="my-auto mb-0 flex-grow-1">
<h5 class="text-theme px-4 mt-0 mb-0">เข้าสู่ระบบ / สมัครสมาชิก</h5>
<hr class="my-auto mb-0 flex-grow-1">
</div>
<a class="text-theme my-2" href="/login"><i class="fa-regular fa-arrow-right-to-bracket"></i> เข้าสู่ระบบ</a>
<a class="text-theme my-2" href="/register"><i class="fa-regular fa-square-plus"></i> สมัครสมาชิก</a>
</div>
</li>
<!----------------- PC ----------------->
<li class="nav-item d-lg-block d-none ms-lg-2">
<button class="nav-search text-theme ps-2 border" style="border-radius: 90px; font-size: 13.5px; padding: .3rem 4rem;" onclick="$('#search_menu_popup').modal('show'); setTimeout(function(){ $('#search_menu_popup_input_search').focus(); }, 1000)">
<i class="fa-regular fa-magnifying-glass"></i> ค้นหา...
</button>
</li>
<li class="nav-item d-lg-block d-none ms-lg-2">
<a class="nav-link btn-main-text hover-nav text-theme" style="border-radius: 1vh; font-size: 13.5px; " href="/home">
<i class="fa-regular fa-house btn-main-text icon-white" style=""></i> หน้าหลัก
</a>
</li>
<li class="nav-item d-lg-block d-none ms-lg-2">
<a class="nav-link btn-main-text hover-nav text-theme" style="border-radius: 1vh; font-size: 13.5px; " href="/shop/category">
<i class="fa-regular fa-store btn-main-text icon-white" style=""></i> สินค้าทั่วไป
</a>
</li>
<li class="nav-item dropdown d-lg-block d-none ms-lg-2" style="list-style: none;">
<a class="nav-link btn-main-text hover-nav text-theme" style="border-radius: 1vh; font-size: 13.5px;" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-expanded="false">
<i class="fa-solid fa-list-ul btn-main-text icon-white"></i> สินค้าอื่นๆ <small class="fa-solid fa-chevron-down text-theme"></small>
</a>
<ul class="navbar-nav dropdown-menu ms-auto align-items-center mb-2 mb-lg-0 px-2 pt-2 pb-0 bg-dark" style="border-radius: 1vh;" aria-labelledby="navbarDropdown">
<li class="nav-item mb-lg-2">
<a class="nav-link btn-main-text hover-nav text-theme" style="border-radius: 1vh; font-size: 13.5px; color: #fff !important; background-color: var(--color-button) !important;" href="/wp-game">
<i class="fa-regular fa-gamepad-modern btn-main-text icon-white" style="color: #fff !important;"></i> เติมเกมส์ต่างๆ
</a>
</li>
</ul>
</li>
<li class="nav-item d-lg-block d-none ms-lg-2">
<a class="nav-link btn-main-text hover-nav text-theme" style="border-radius: 1vh; font-size: 13.5px; " href="/contact">
<i class="fa-solid fa-headset btn-main-text icon-white" style=""></i> ติดต่อเรา
</a>
</li>
<li class="nav-item d-lg-block d-none ms-lg-2">
<a class="nav-link btn-main-text hover-nav text-theme" style="border-radius: 1vh; font-size: 13.5px;" href="/login">
<i class="fa-regular fa-arrow-right-to-bracket btn-main-text icon-white"></i> เข้าสู่ระบบ
</a>
</li>
<li class="nav-item d-lg-block d-none ms-lg-2">
<a class="nav-link btn-main-text hover-nav text-theme" style="border-radius: 1vh; font-size: 13.5px;" href="/register">
<i class="fa-regular fa-square-plus btn-main-text icon-white"></i> สมัครสมาชิก
</a>
</li>
</ul>
</div>
</div>
<li class="nav-item d-lg-none d-block ms-5" style="list-style: none;">
<button class="nav-search text-theme ps-2 border" style="border-radius: 90px; font-size: 13.5px; padding: .3rem 4rem;" onclick="$('#search_menu_popup').modal('show'); setTimeout(function(){ $('#search_menu_popup_input_search').focus(); }, 1000)">
<i class="fa-regular fa-magnifying-glass"></i> ค้นหา...
</button>
</li>
</div>
</nav>
<div class="modal fade" id="search_menu_popup" tabindex="-1" aria-labelledby="search_menu_popup" aria-modal="true" role="dialog">
<div class="modal-dialog modal-lg">
<div class="modal-content bg-dark">
<div class="modal-header">
<input type="text" id="search_menu_popup_input_search" class="form-control" placeholder="หาสินค้าที่คุณต้องการได้ที่นี่เลย!">
<button class="btn text-theme btn-transparent mt-lg-0 mt-1" id="search_menu_popup_button_search"><i class="fa-regular fa-magnifying-glass"></i></button>
</div>
<div class="modal-body p-0">
<span id="search_menu_popup_not_found" hidden="">
<h1 class="text-theme text-center mt-4"><i class="fa-thin fa-file-magnifying-glass"></i></h1>
<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>
<span id="search_menu_popup_history">
<p class="text-theme text-left ms-2 mt-1 mb-0" style="opacity: 0.5;">ประวัติการค้นหา</p>
<div id="search_menu_popup_history_list" class="row justify-content-left px-2 pb-2">
</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>
<span id="search_menu_popup_product_list" hidden="">
<p class="text-theme text-left ms-2 mt-1 mb-1" style="opacity: 0.5;">รายการสินค้าที่พบ</p>
<div id="search_menu_popup_product_list_scroll" class="row justify-content-left px-2 pb-2">
</div>
</span>
</div>
</div>
</div>
</div>
<div class="modal fade" id="notification_view" tabindex="-1" aria-labelledby="notification_view" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content bg-dark" style="max-height: 75% !important;">
<div class="modal-header">
<h5 class="modal-title text-theme"><i class="fa-regular fa-bell"></i> กล่องแจ้งเตือน</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body row justify-content-center px-4 py-1" id="notification_list">
</div>
</div>
</div>
</div>
<script>
let delay_search_ajax = false;
let input_value
//$(document).ready(function() {
// $('#search_menu_popup').modal('show')
// setTimeout(function(){ $('#search_menu_popup_input_search').focus(); }, 1000);
//});
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://img5.pic.in.th/file/secure-sv1/1500x1500f1b2d0c2e89e173c.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 = `
<a class="col-12 text-theme d-flex py-2" href="/${key}/${product.type.replace(/_/g, "-")}/${btoa(id)}">
<img class="m-0" src="${imgSrc}" style="border-radius: 10px; max-width: 50px; max-height: 50px;">
<div class="mx-0 row justify-content-start">
<p class="col-12 text-theme text-left mx-0 my-0">${name}</p>
<p class="col-12 text-theme text-left mx-0 my-0 small">${price}</p>
</div>
</a>
`;
} else {
productHTML = `
<a class="col-12 text-theme d-flex py-2" href="/${key}/product/${btoa(id)}">
<img class="m-0" src="${imgSrc}" style="border-radius: 10px; max-width: 50px; max-height: 50px;">
<div class="mx-0 row justify-content-start">
<p class="col-12 text-theme text-left mx-0 my-0">${name}</p>
<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>
.firefly {
position: fixed;
z-index: 999;
width: 4px;
height: 4px;
background-color: #ecc45e;
box-shadow: 0px 0px 17px 2px wheat;
border-radius: 50%;
}
.floating-image {
position: fixed;
z-index: 999;
bottom: -50px;
transition: transform 8s linear, opacity 0.5s linear;
animation: shake 3s ease-in-out infinite;
}
@keyframes shake {
0% {
rotate: 3deg;
}
50% {
rotate: -3deg;
}
100% {
rotate: 3deg;
}
}
</style>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.3/TweenMax.min.js"></script>
<script>
const maxImages = 10;
let currentImages = 0;
function createFloatingImage() {
if (currentImages >= maxImages) return;
const img = document.createElement('img');
img.src = 'https://img5.pic.in.th/file/secure-sv1/output-onlinegiftools7901e3989c686b63.gif';
img.classList.add('floating-image');
const randomSize = Math.random() * (60 - 20) + 20;
img.style.width = `${randomSize}px`;
img.style.height = `${randomSize}px`;
const StartX = Math.random() * window.innerWidth - randomSize;
img.style.left = `${StartX}px`;
document.body.appendChild(img);
currentImages++;
setTimeout(() => {
const EndX = StartX + (Math.random() * (StartX * 0.8) * 2) - (StartX * 0.8);
img.style.transform = `translateX(${EndX - StartX}px) translateY(-${window.innerHeight + 20}px)`;
}, 50);
setTimeout(() => {
img.style.opacity = 0
}, 7500);
setTimeout(() => {
img.remove();
currentImages--;
}, 8000);
const nextInterval = Math.random() * 4000 + 1000;
setTimeout(createFloatingImage, nextInterval);
}
createFloatingImage();
</script>
<script>
var fireflies = 15;
var body = $('body'); // Define body as a jQuery object for the body element
var master = new TimelineMax();
for (var i = 0; i < fireflies; i++) {
var firefly = $('<div class="firefly"></div>');
TweenLite.set(firefly, {
x: Math.random() * body.width(),
y: Math.random() * body.height()
});
body.append(firefly);
flyTheFirefly(firefly);
}
function flyTheFirefly(elm) {
var flyTl = new TimelineMax();
var fadeTl = new TimelineMax({
delay: Math.floor(Math.random() * 2) + 1,
repeatDelay: Math.floor(Math.random() * 6) + 1,
repeat: -1
});
fadeTl.to(
[elm],
0.25, {
opacity: 0.25,
yoyo: true,
repeat: 1,
repeatDelay: 0.2,
yoyo: true
},
Math.floor(Math.random() * 6) + 1
);
flyTl
.set(elm, {
scale: Math.random() * 0.75 + 0.5
})
.to(elm, Math.random() * 50 + 50, {
bezier: {
values: [{
x: Math.random() * body.width(),
y: Math.random() * body.height()
},
{
x: Math.random() * body.width(),
y: Math.random() * body.height()
}
]
},
onComplete: flyTheFirefly,
onCompleteParams: [elm]
});
}
</script><div class="firefly" style="transform: translate3d(110.323px, -43.2662px, 0px) scale(0.940184, 0.940184); opacity: 1;"></div><div class="firefly" style="transform: translate3d(667.284px, -27.1333px, 0px) scale(0.857089, 0.857089); opacity: 1;"></div><div class="firefly" style="transform: translate3d(547.265px, 99.0205px, 0px) scale(1.22874, 1.22874); opacity: 1;"></div><div class="firefly" style="transform: translate3d(321.746px, 75.6275px, 0px) scale(1.04958, 1.04958); opacity: 1;"></div><div class="firefly" style="transform: translate3d(453.452px, 75.6116px, 0px) scale(0.919111, 0.919111); opacity: 1;"></div><div class="firefly" style="transform: translate3d(25.3606px, 30.48px, 0px) scale(0.95312, 0.95312); opacity: 0.25;"></div><div class="firefly" style="transform: translate3d(78.7347px, 67.4169px, 0px) scale(1.19193, 1.19193); opacity: 1;"></div><div class="firefly" style="transform: translate3d(259.407px, 55.5729px, 0px) scale(1.1309, 1.1309); opacity: 1;"></div><div class="firefly" style="transform: translate3d(129.061px, 74.8323px, 0px) scale(0.677734, 0.677734); opacity: 1;"></div><div class="firefly" style="transform: translate3d(491.008px, 158.091px, 0px) scale(0.829483, 0.829483); opacity: 1;"></div><div class="firefly" style="transform: translate3d(293.397px, 25.1438px, 0px) scale(0.787983, 0.787983); opacity: 1;"></div><div class="firefly" style="transform: translate3d(312.141px, 74.0287px, 0px) scale(1.1985, 1.1985); opacity: 0.25;"></div><div class="firefly" style="transform: translate3d(392.637px, 30.6337px, 0px) scale(0.570707, 0.570707); opacity: 1;"></div><div class="firefly" style="transform: translate3d(728.184px, 54.3024px, 0px) scale(1.00926, 1.00926); opacity: 0.25;"></div><div class="firefly" style="transform: translate3d(458.278px, 100.257px, 0px) scale(0.709348, 0.709348); opacity: 1;"></div>
<style>
.discount {
margin-left: 15px;
font-size: 15px;
color: #fff;
text-transform: uppercase;
background: var(--color-button);
border-radius: 5px;
padding: 5px;
line-height: 1;
white-space: nowrap;
}
.choice-btn {
transition: 0.3s ease-in-out;
}
.discount {
margin-left: 15px;
font-size: 15px;
color: #fff;
text-transform: uppercase;
background: var(--color-button);
border-radius: 5px;
padding: 5px;
line-height: 1;
white-space: nowrap;
}
.not-select {
opacity: 0.5;
transform: scale(0.9);
transition: 0.3s ease-in-out;
}
.sidebar_flex {
display: flex;
align-items: center;
}
.sidebar {
position: fixed;
z-index: 55;
top: 7.5%;
left: 0;
height: 100%;
width: 350px;
background: #fff;
padding: 15px 10px;
transition: all 0.4s ease;
}
.menu_title {
position: relative;
height: 50px;
width: 100%;
transition: 0.3s;
border-radius: 8px;
box-shadow: 0 0px 0px 0px, 0 0px 0px 0px, 0 0px 0px 0px;
}
.menu_title:hover {
border-color: var(--color-main);
}
.menu_title:hover span i,
.menu_title:hover span {
color: var(--color-main);
}
.menu_title .title {
color: rgba(120, 120, 120);
font-size: 20px;
transition: all 0.3s ease;
}
.menu_title .title i {
color: rgba(80, 80, 80);
}
.item {
list-style: none;
}
.link {
text-decoration: none;
border-radius: 8px;
margin-bottom: 8px;
color: #707070;
transition: 0.3s;
border: 2px solid transparent;
}
.link:hover {
border-color: var(--color-main);
}
.link:hover i,
.link:hover span {
color: var(--color-main);
}
.link span {
color: rgba(120, 120, 120);
}
.link i {
color: rgba(120, 120, 120);
height: 50px;
min-width: 55px;
display: flex;
font-size: 22px;
align-items: center;
justify-content: center;
}
@media screen and (max-width: 800px) {
.sidebar {
left: 0;
z-index: 1000;
}
}
.arrow-sidebar {
transition: transform 0.3s ease;
}
.arrow-active {
transform: rotate(-180deg);
}
.search {
position: relative;
}
.search i {
top: 50%;
left: 15px;
font-size: 20px;
pointer-events: none;
transform: translateY(-50%);
position: absolute;
}
.search input {
height: 40px;
width: 100%;
outline: none;
font-size: 17px;
border-radius: 5px;
padding: 0 20px 0 43px;
border: 1px solid #B3B3B3;
}
</style>
<div class="container" style="margin-bottom: 10%;">
<div class="bg-dark border shadow my-4 pt-2 pb-3 px-4" style="border-radius: 10px;">
<div class="d-flex justify-content-end mb-2 mt-4">
<a class="btn btn-main nav-link text-white hover-white m-0 p-0 pt-2 pt-lg-1" onclick="window.history.go(-1)" style="width: 35px; height: 35px; border-radius: 90vh;"><i class="fa-solid fa-chevron-left"></i></a>
</div>
<div class="row justify-content-center">
<div class="col-12 col-lg-5">
<div id="productCarousel" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="https://img5.pic.in.th/file/secure-sv1/FREEFIRE65be3de684cc2f22.webp" class="img-fluid d-block w-100" style="border-radius: 15px;">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#productCarousel" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#productCarousel" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
<div class="owl-carousel owl-theme mt-2 owl-loaded owl-drag">
<div class="owl-stage-outer">
<div class="owl-stage" style="transform: translate3d(0px, 0px, 0px); transition: all 0s ease 0s; width: 43px;">
<div class="owl-item active" style="width: auto; margin-right: 5px;">
<div class="item">
<img class="owl-item-product-img active img-fluid" src="https://img5.pic.in.th/file/secure-sv1/FREEFIRE65be3de684cc2f22.webp" data-image-id="0" style="width: auto; opacity: 1;">
</div>
</div>
</div>
</div>
<div class="owl-nav disabled"><button type="button" role="presentation" class="owl-prev"><span aria-label="Previous">‹</span></button><button type="button" role="presentation" class="owl-next"><span aria-label="Next">›</span></button></div>
<div class="owl-dots disabled"></div>
<div class="owl-nav disabled"><button type="button" role="presentation" class="owl-prev"><span aria-label="Previous">‹</span></button><button type="button" role="presentation" class="owl-next"><span aria-label="Next">›</span></button></div><div class="owl-dots disabled"></div></div>
<div class="d-flex justify-content-start align-items-center m-0 mt-1">
<h5 class="text-theme text-left mt-2">แชร์ : </h5>
<div class="row justify-content-start">
<a class="col-2 btn btn-transparent" href="https://www.facebook.com/v15.0/dialog/send?app_id=721805524607838&display=popup&link=https://www.kunjishop.com/wp-game/product/Mg==&redirect_uri=http://https://www.kunjishop.com/wp-game/product/Mg==.htm" target="_blank"><img src="https://cdn-icons-png.flaticon.com/128/3670/3670232.png" style="max-width: 25px;"></a>
<a class="col-2 btn btn-transparent" href="https://www.facebook.com/sharer/sharer.php?kid_directed_site=0&u=https://www.kunjishop.com/wp-game/product/Mg==" target="_blank"><img src="https://cdn-icons-png.flaticon.com/128/5968/5968764.png" style="max-width: 25px;"></a>
<a class="col-2 btn btn-transparent" href="https://social-plugins.line.me/lineit/share?url=https://www.kunjishop.com/wp-game/product/Mg==" target="_blank"><img src="https://cdn-icons-png.flaticon.com/128/3670/3670089.png" style="max-width: 25px;"></a>
<a class="col-2 btn btn-transparent" href="https://twitter.com/intent/post?spm=a2o4m.pdp_revamp.0.0.d3ec4581ao7pzI&url=https://www.kunjishop.com/wp-game/product/Mg==&text=Free Fire" target="_blank"><img src="https://cdn-icons-png.flaticon.com/128/3670/3670151.png" style="max-width: 25px;"></a>
<a class="col-2 btn btn-transparent mt-1" onclick="navigator.clipboard.writeText('https://www.kunjishop.com/wp-game/product/Mg==')"><img src="https://cdn-icons-png.flaticon.com/128/1828/1828249.png" style="max-width: 15px;"></a>
</div>
</div>
</div>
<div class="col-12 col-lg-6 m-0 me-5 mt-3 mt-lg-0">
<h3 class="text-theme m-0">Free Fire</h3>
<h4 class="text-theme m-0">9.89฿ - 988.8฿ </h4>
<div class="px-2 mt-4">
<h6 class="text-theme mb-1">ระบุ ID (ไอดี) ในเกมส์ของท่าน <span class="text-danger">*</span></h6>
<input type="text" id="id_game" class="form-control" placeholder="ระบุ ID (ไอดี) ในเกมส์ของท่าน">
</div>
<div class="px-2 mt-3" hidden="">
<p class="text-theme m-0">เซิร์ฟเวอร์เกมส์ <span class="text-danger">*</span></p>
<select class="form-control" id="server_game">
<option value="" hidden="" selected="">เลือกเซิร์ฟเวอร์เกมส์</option>
</select>
</div>
<div class="px-2 mt-4">
<button class="menu_title sidebar_flex mb-2 p-2 bg-dark border justify-content-between align-items-center" id="button_sidebar" type="button" data-arrow-id="1" data-bs-toggle="collapse" data-bs-target="#choice">
<div class="align-items-end p-3">
<span class="title text-theme"><i class="fa-regular fa-list-ul"></i> ตัวเลือกสินค้า</span>
</div>
<i class="arrow-sidebar text-theme bx bxs-chevron-down text-menu arrow-active" id="arrow_sidebar_1"></i>
</button>
<div id="choice" class="accordion-collapse collapse show" aria-labelledby="headingOne">
<div class="search text-theme">
<i class="fa-regular fa-magnifying-glass"></i>
<input class="text-theme" type="search" id="sarch-bar-choice" onkeyup="Search_Choice()" placeholder="ค้นหาสินค้า...">
</div>
<div class="row justify-content-center mt-2 p-3" id="choice_list">
<div class="col-12 mb-2">
<button class="choice-btn text-theme container-fluid border-hov bg-dark py-2 px-3" onclick="choice_select(0, 90.02)" style="border: 1px solid #ccc; border-radius: 1vh;">
<p id="choice-name" class="text-theme text-start m-0 mb-1 mt-1 pt-0" style="font-size: 15px;"></p><div><b>BP Card 90 บาท</b></div><small><div>บูย่าห์พาส</div><div><span style="color:#ff0000">หากเปิดใช้งานสิทธิ์ขั้นสูงซีซั่นนี้ซ้ำซ้อน</span></div><div>จะได้รับ FF Token 10 ชิ้นเป็นการชดเชย</div></small><p></p>
<p class="text-main text-start m-0" style="font-size: 14px;">
<span class="text-theme">ราคาเดิม 90.02฿</span>
ลดเหลือ 89.01฿ </p>
</button>
</div>
<div class="col-12 mb-2">
<button class="choice-btn text-theme container-fluid border-hov bg-dark py-2 px-3" onclick="choice_select(1, 67.01)" style="border: 1px solid #ccc; border-radius: 1vh;">
<p id="choice-name" class="text-theme text-start m-0 mb-1 mt-1 pt-0" style="font-size: 15px;"></p><div><b>แพ็คเติบโต 67 บาท</b></div><div>เก็บเลเวลเพื่อรับเพชรสูงสุด 1,000 เพชร</div><div><small>ซื้อได้ 1 ครั้งต่อ ID เท่านั้น</small></div><p></p>
<p class="text-main text-start m-0" style="font-size: 14px;">
<span class="text-theme">ราคาเดิม 67.01฿</span>
ลดเหลือ 66.26฿ </p>
</button>
</div>
<div class="col-12 mb-2">
<button class="choice-btn text-theme container-fluid border-hov bg-dark py-2 px-3" onclick="choice_select(2, 300.01)" style="border: 1px solid #ccc; border-radius: 1vh;">
<p id="choice-name" class="text-theme text-start m-0 mb-1 mt-1 pt-0" style="font-size: 15px;"></p><div><b>แพ็คสุดคุ้มรายเดือน 300 บาท</b></div><div>ได้รับ 2,600 Diamond</div><small><div>โดยได้รับ 500 Diamond ทันที</div><div>และได้รับ 70 Diamond ทุกวัน เป็นเวลา 30 วัน</div></small><p></p>
<p class="text-main text-start m-0" style="font-size: 14px;">
<span class="text-theme">ราคาเดิม 300.01฿</span>
ลดเหลือ 296.65฿ </p>
</button>
</div>
<div class="col-12 mb-2">
<button class="choice-btn text-theme container-fluid border-hov bg-dark py-2 px-3" onclick="choice_select(3, 10)" style="border: 1px solid #ccc; border-radius: 1vh;">
<p id="choice-name" class="text-theme text-start m-0 mb-1 mt-1 pt-0" style="font-size: 15px;"><b>10 บาท</b> ได้รับ 33 Diamond</p>
<p class="text-main text-start m-0" style="font-size: 14px;">
<span class="text-theme">ราคาเดิม 10฿</span>
ลดเหลือ 9.89฿ </p>
</button>
</div>
<div class="col-12 mb-2">
<button class="choice-btn text-theme container-fluid border-hov bg-dark py-2 px-3" onclick="choice_select(4, 20)" style="border: 1px solid #ccc; border-radius: 1vh;">
<p id="choice-name" class="text-theme text-start m-0 mb-1 mt-1 pt-0" style="font-size: 15px;"><b>20 บาท</b> ได้รับ 68 Diamond</p>
<p class="text-main text-start m-0" style="font-size: 14px;">
<span class="text-theme">ราคาเดิม 20฿</span>
ลดเหลือ 19.78฿ </p>
</button>
</div>
<div class="col-12 mb-2">
<button class="choice-btn text-theme container-fluid border-hov bg-dark py-2 px-3" onclick="choice_select(5, 50)" style="border: 1px solid #ccc; border-radius: 1vh;">
<p id="choice-name" class="text-theme text-start m-0 mb-1 mt-1 pt-0" style="font-size: 15px;"><b>50 บาท</b> ได้รับ 172 Diamond</p>
<p class="text-main text-start m-0" style="font-size: 14px;">
<span class="text-theme">ราคาเดิม 50฿</span>
ลดเหลือ 49.44฿ </p>
</button>
</div>
<div class="col-12 mb-2">
<button class="choice-btn text-theme container-fluid border-hov bg-dark py-2 px-3" onclick="choice_select(6, 90)" style="border: 1px solid #ccc; border-radius: 1vh;">
<p id="choice-name" class="text-theme text-start m-0 mb-1 mt-1 pt-0" style="font-size: 15px;"><b>90 บาท</b> ได้รับ 310 Diamond</p>
<p class="text-main text-start m-0" style="font-size: 14px;">
<span class="text-theme">ราคาเดิม 90฿</span>
ลดเหลือ 88.99฿ </p>
</button>
</div>
<div class="col-12 mb-2">
<button class="choice-btn text-theme container-fluid border-hov bg-dark py-2 px-3" onclick="choice_select(7, 150)" style="border: 1px solid #ccc; border-radius: 1vh;">
<p id="choice-name" class="text-theme text-start m-0 mb-1 mt-1 pt-0" style="font-size: 15px;"><b>150 บาท</b> ได้รับ 517 Diamond</p>
<p class="text-main text-start m-0" style="font-size: 14px;">
<span class="text-theme">ราคาเดิม 150฿</span>
ลดเหลือ 148.32฿ </p>
</button>
</div>
<div class="col-12 mb-2">
<button class="choice-btn text-theme container-fluid border-hov bg-dark py-2 px-3" onclick="choice_select(8, 200)" style="border: 1px solid #ccc; border-radius: 1vh;">
<p id="choice-name" class="text-theme text-start m-0 mb-1 mt-1 pt-0" style="font-size: 15px;"><b>200 บาท</b> ได้รับ 690 Diamond</p>
<p class="text-main text-start m-0" style="font-size: 14px;">
<span class="text-theme">ราคาเดิม 200฿</span>
ลดเหลือ 197.76฿ </p>
</button>
</div>
<div class="col-12 mb-2">
<button class="choice-btn text-theme container-fluid border-hov bg-dark py-2 px-3" onclick="choice_select(9, 300)" style="border: 1px solid #ccc; border-radius: 1vh;">
<p id="choice-name" class="text-theme text-start m-0 mb-1 mt-1 pt-0" style="font-size: 15px;"><b>300 บาท</b> ได้รับ 1,052 Diamond</p>
<p class="text-main text-start m-0" style="font-size: 14px;">
<span class="text-theme">ราคาเดิม 300฿</span>
ลดเหลือ 296.64฿ </p>
</button>
</div>
<div class="col-12 mb-2">
<button class="choice-btn text-theme container-fluid border-hov bg-dark py-2 px-3" onclick="choice_select(10, 500)" style="border: 1px solid #ccc; border-radius: 1vh;">
<p id="choice-name" class="text-theme text-start m-0 mb-1 mt-1 pt-0" style="font-size: 15px;"><b>500 บาท</b> ได้รับ 1,801 Diamond</p>
<p class="text-main text-start m-0" style="font-size: 14px;">
<span class="text-theme">ราคาเดิม 500฿</span>
ลดเหลือ 494.4฿ </p>
</button>
</div>
<div class="col-12 mb-2">
<button class="choice-btn text-theme container-fluid border-hov bg-dark py-2 px-3" onclick="choice_select(11, 1000)" style="border: 1px solid #ccc; border-radius: 1vh;">
<p id="choice-name" class="text-theme text-start m-0 mb-1 mt-1 pt-0" style="font-size: 15px;"><b>1,000 บาท</b> ได้รับ 3,698 Diamond</p>
<p class="text-main text-start m-0" style="font-size: 14px;">
<span class="text-theme">ราคาเดิม 1,000฿</span>
ลดเหลือ 988.8฿ </p>
</button>
</div>
</div>
</div>
</div>
<h6 class="text-theme mt-5"><i class="fa-light fa-circle-info"></i> รายละเอียดสินค้า</h6>
<div class="border-hov px-3 py-2" style="border-radius: 10px; border: 1px solid #ccc;">
<div class="text-theme" style="word-wrap: break-word; white-space: pre-wrap; min-height: 50px;">- กรุณาตรวจสอบเลข ID เกมส์ของท่านก่อนกดสั่งซื้อ
- หากกรอกเลข ID ผิดจะไม่มีการรับผิดชอบหรือคืนเงินใดๆทั้งสิ้น
- บริการนี้เป็นระบบอัตโนมัติ อาจใช้เวลาดำเนินการ 1 - 5 นาที
<span class="text-danger">* ไม่สามารถยกเลิกรายการ หรือ ขอคืนเครดิตหลังการทำรายการแล้ว *</span></div>
</div>
<div class="d-flex justify-content-center mt-4">
<button class="col-12 col-lg-8 btn btn-main nav-link text-white hover-white" style="height: fit-content; border-radius: 1vh;" id="game-buy" data-choice="-1" data-choice-id="-1" onclick="wepay_game_product_buy()" data-id="2" data-confirm-note="กรุณาตรวจสอบเลข ID เกมส์ของท่านก่อนกดสั่งซื้อ"><i class="fa-regular fa-cart-shopping"></i> สั่งซื้อ</button>
</div>
</div>
</div>
<div class="d-flex justify-content-end">
<button class="btn btn-transparent nav-link mt-3 mt-lg-0" style="height: fit-content; border-radius: 1vh; color: rgb(255, 0, 0);" onclick="$('#report_menu').modal('show')">
<h5><i class="fa-regular fa-flag"></i></h5>
</button>
</div>
</div>
<div class="bg-dark border shadow mt-5 py-5 px-5" style="border-radius: 10px;">
<h5 class="text-theme"><i class="fa-light fa-ballot"></i> ข้อมูลของสินค้า</h5>
<div class="border-hov px-3 py-2" style="border-radius: 10px; border: 1px solid #ccc;">
<p class="text-theme my-0">ชื่อสินค้า : Free Fire</p>
<p class="text-theme my-0">ยอดขาย : 34 ชิ้น</p>
<p class="text-theme my-0">สร้างเมื่อ : วันที่ 07/07/2024 เวลา 18:55 น.</p>
</div>
<h5 class="text-danger mt-4"><i class="fa-light fa-triangle-exclamation"></i> หมายเหตุ</h5>
<div class="border-hov px-3 py-2" style="border-radius: 10px; border: 1px solid #ccc;">
<div class="text-danger" style="word-wrap: break-word; white-space: pre-wrap; min-height: 50px;"></div>
</div>
</div>
<div class="row justify-content-lg-start mt-5">
<h4 class="text-theme mb-3">รายการสินค้าอื่นๆ</h4>
</div>
</div>
<script>
$('[id="button_sidebar"]').click(function() {
var arrow = $("#arrow_sidebar_" + $(this).attr("data-arrow-id"));
if (arrow.hasClass("arrow-active")) {
arrow.removeClass("arrow-active");
} else {
arrow.addClass("arrow-active");
}
});
function Search_Choice() {
var input, filter, list, div, a, i, txtValue;
input = document.getElementById('sarch-bar-choice');
filter = input.value.toUpperCase();
list = document.getElementById("choice_list");
div = list.getElementsByClassName('col-12');
for (i = 0; i < div.length; i++) {
a = div[i].querySelector('#choice-name');
txtValue = a.textContent || a.innerText;
if (txtValue.toUpperCase().indexOf(filter) > -1) {
div[i].style.display = "";
} else {
div[i].style.display = "none";
}
}
}
function choice_select(choice, id) {
var choiceElement = document.getElementById('choice_list');
var buttons = choiceElement.getElementsByTagName('button');
if ($("#game-buy").attr('data-choice') == choice) {
$("#game-buy").attr("data-choice", "-1");
$("#game-buy").attr("data-choice-id", "-1");
for (var i = 0; i < buttons.length; i++) {
buttons[i].classList.remove('not-select');
}
} else {
$("#game-buy").attr("data-choice", choice);
$("#game-buy").attr("data-choice-id", id);
for (var i = 0; i < buttons.length; i++) {
if (i !== choice) {
buttons[i].classList.add('not-select');
} else {
buttons[i].classList.remove('not-select');
}
}
}
}
function wepay_game_product_buy() {
var choiceElement = document.getElementById('choice_list');
var buttons = choiceElement.getElementsByTagName('button');
if ($("#game-buy").attr("data-choice-id") == "" || $("#game-buy").attr("data-choice-id") < 0 || $("#game-buy").attr("data-choice") == "" || $("#game-buy").attr("data-choice") < 0) {
Notification_Send({
icon: 'warning',
title: 'กรุณาเลือกตัวเลือกสินค้า',
text: '',
showConfirmButton: false,
showCancelButton: true,
confirmButtonColor: '#78cd31',
cancelButtonColor: '#d33',
confirmButtonText: 'ตกลง',
cancelButtonText: 'ปิด',
})
return
}
var confirm_note = '<br><span class="text-danger">' + $("#game-buy").attr("data-confirm-note") + '</span>';
var formData = new FormData();
formData.append('id', $("#game-buy").attr("data-id"));
formData.append('id_game', $("#id_game").val());
formData.append('server_game', $("#server_game").val());
formData.append('choice', $("#game-buy").attr("data-choice-id"));
formData.append('choice_name', buttons[$("#game-buy").attr("data-choice")].querySelector("#choice-name").textContent);
Notification_Send({
icon: 'question',
title: 'ยืนยันการสั่งซื้อ?',
text: buttons[$("#game-buy").attr("data-choice")].querySelector("#choice-name").textContent + confirm_note,
showConfirmButton: true,
showCancelButton: true,
confirmButtonColor: '#78cd31',
cancelButtonColor: '#d33',
confirmButtonText: 'ยืนยัน',
cancelButtonText: 'ยกเลิก',
}).then((result) => {
if (result.isConfirmed) {
$.ajax({
type: 'POST',
url: '/services/wepay/wp_game_buy.php',
data: formData,
contentType: false,
processData: false,
beforeSend: function() {
$('#game-buy').attr('disabled', 'disabled');
$('#game-buy').html('<span class="spinner-border spinner-border-sm mr-2" role="status" aria-hidden="true"></span>กรุณารอสักครู่...');
},
}).done(function(res) {
$('#game-buy').html('<i class="fa-regular fa-cart-shopping"></i> สั่งซื้อ');
$('#game-buy').removeAttr('disabled');
Notification_Send({
icon: 'question',
title: 'ต้องการไปยังหน้าตรวจสอบออเดอร์หรือไม่?',
text: '',
showConfirmButton: true,
showCancelButton: true,
confirmButtonColor: '#78cd31',
cancelButtonColor: '#d33',
confirmButtonText: 'ยืนยัน',
cancelButtonText: 'ยกเลิก',
}).then((res) => {
if (res.isConfirmed) {
window.location = "/profile/history/wp-game";
} else {
location.reload()
}
})
}).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: 'ปิด',
})
$('#game-buy').html('<i class="fa-regular fa-cart-shopping"></i> สั่งซื้อ');
$('#game-buy').removeAttr('disabled');
});
}
})
}
</script>
<script>
$(document).ready(function() {
$('.owl-carousel').owlCarousel({
loop: false,
margin: 5,
nav: false,
dots: false,
autoWidth: true,
height: "50px",
responsive: {
0: {
items: 4
}
}
});
$('.owl-item-product-img').click(function() {
$('.owl-item-product-img').removeClass('active');
$(this).addClass('active');
var index = $(this).parent().index();
$('#productCarousel').carousel(Number($(this).attr("data-image-id")));
});
});
</script>
<style>
.hidden-input-auto-fill {
opacity: 0 !important;
width: 0px !important;
height: 0px !important;
z-index: 0 !important;
}
</style>
<input type="text" class="hidden-input-auto-fill">
<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://img2.pic.in.th/pic/wave.webp");
background-size: 1000px 100px;
}
.wave#wave1 {
z-index: 998;
opacity: 1;
bottom: 0;
animation: animateWaves 4s linear infinite;
}
.wave#wave2 {
z-index: 997;
opacity: 0.5;
bottom: 10px;
animation: animate 4s linear infinite !important;
}
.wave#wave3 {
z-index: 998;
opacity: 0.2;
bottom: 15px;
animation: animateWaves 3s linear infinite;
}
.wave#wave4 {
z-index: 997;
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://img2.pic.in.th/pic/wave3bb0e6cf2fda54eb.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>
<footer class="footer shadow">
<div class="waves">
<div class="wave" id="wave1"></div>
<div class="wave" id="wave2"></div>
<div class="wave" id="wave3"></div>
<div class="wave" id="wave4"></div>
</div>
<div class="container">
<div class="row justify-content-center">
<div class="col-12 col-lg-4 text-center mb-3">
<img style="animation: bounce-3 1s infinite" src="https://i.ibb.co/FXHfxBy/4c451468d8dd.png" width="200">
<br>
<h5 class="text-main" style="animation: bounce 1s infinite">KunJi SHOP</h5>
<h6 class="text-main" style="animation: bounce 1s infinite">เติมถูก เติมไว ไม่โกง ไม่เกรียน ไว้ใจร้าน KUN JI SHOP</h6>
</div>
<div class="col-12 col-lg-2 mb-3 justify-content-center">
<h5 class="text-main">เมนูหลัก</h5>
<div class="text-left mb-2">
<a href="/home" style="text-decoration: none; font-size: 13px;" class="text-main"><i class="fa-regular fa-house text-main icon-white"></i> หน้าหลัก</a>
</div>
<div class="text-left mb-2">
<a href="/shop/category" style="text-decoration: none; font-size: 13px;" class="text-main"><i class="fa-regular fa-store text-main icon-white"></i> สินค้าทั่วไป</a>
</div>
<div class="text-left mb-2">
<a href="/topup" style="text-decoration: none; font-size: 13px;" class="text-main"><i class="fa-regular fa-wallet text-main icon-white"></i> เติมเงิน</a>
</div>
<div class="text-left mb-2">
<a href="/contact" style="text-decoration: none; font-size: 13px;" class="text-main"><i class="fa-solid fa-headset text-main icon-white"></i> ติดต่อเรา</a>
</div>
</div>
<div class="col-12 col-lg-2 mb-3 justify-content-center">
<h5 class="text-main">ประวัติต่างๆ</h5>
<div class="text-left mb-2">
<a href="/profile/history/shop" style="text-decoration: none; font-size: 13px;" class="text-main"><i class="fa-regular fa-store"></i> ประวัติการซื้อสินค้า</a>
</div>
<div class="text-left mb-2">
<a href="/profile/history/minigame" style="text-decoration: none; font-size: 13px;" class="text-main"><i class="fa-regular fa-dice"></i> ประวัติการเล่นมินิเกม</a>
</div>
<div class="text-left mb-2">
<a href="/profile/history/true-money-wallet-gift" style="text-decoration: none; font-size: 13px;" class="text-main"><i class="fa-regular fa-wallet"></i> ประวัติการเติมซองอังเปา</a>
</div>
<div class="text-left mb-2">
<a href="/profile/history/bank/slip" style="text-decoration: none; font-size: 13px;" class="text-main"><i class="fa-regular fa-piggy-bank"></i> ประวัติการเติมเงินธนาคาร</a>
</div>
<div class="text-left mb-2">
<a href="/profile/history/code" style="text-decoration: none; font-size: 13px;" class="text-main"><i class="fa-light fa-gift"></i> ประวัติการเติมโค้ด</a>
</div>
</div>
<div class="col-12 col-lg-4 text-center mb-3">
<script async="" defer="" crossorigin="anonymous" src="https://connect.facebook.net/th_TH/sdk.js#xfbml=1&version=v16.0" nonce="ExHRiLWq" type="text/javascript"></script>
<center>
<div class="fb-page mb-3 fb_iframe_widget" data-href="https://www.facebook.com/profile.php?id=100006097539860" data-width="285" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="false" fb-xfbml-state="rendered" fb-iframe-plugin-query="adapt_container_width=true&app_id=&container_width=0&hide_cover=false&href=https%3A%2F%2Fwww.facebook.com%2Fprofile.php%3Fid%3D100006097539860&locale=th_TH&sdk=joey&show_facepile=false&small_header=false&width=285"><span style="vertical-align: bottom; width: 0px; height: 0px;"><iframe name="f8c1d219b4b776cd2" width="285px" height="1000px" data-testid="fb:page Facebook Social Plugin" title="fb:page Facebook Social Plugin" frameborder="0" allowtransparency="true" allowfullscreen="true" scrolling="no" allow="encrypted-media" src="https://www.facebook.com/v16.0/plugins/page.php?adapt_container_width=true&app_id=&channel=https%3A%2F%2Fstaticxx.facebook.com%2Fx%2Fconnect%2Fxd_arbiter%2F%3Fversion%3D46%23cb%3Df933db93a0ea58ef8%26domain%3Dwww.kunjishop.com%26is_canvas%3Dfalse%26origin%3Dhttps%253A%252F%252Fwww.kunjishop.com%252Ffda560f95ccee9d5f%26relation%3Dparent.parent&container_width=0&hide_cover=false&href=https%3A%2F%2Fwww.facebook.com%2Fprofile.php%3Fid%3D100006097539860&locale=th_TH&sdk=joey&show_facepile=false&small_header=false&width=285" style="border: none; visibility: visible; width: 0px; height: 0px;" class=""></iframe></span></div>
<div id="fb-root" class=" fb_reset"><div style="position: absolute; top: -10000px; width: 0px; height: 0px;"><div></div></div></div>
<script async="" defer="" crossorigin="anonymous" src="https://connect.facebook.net/th_TH/sdk.js#xfbml=1&version=v16.0" nonce="ExHRiLWq"></script>
<iframe src="https://discord.com/widget?id=1302502542579728446&theme=dark" width="285" height="280" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe>
<script>
$(document).ready(() => {
let target = $(".fb-page span iframe");;
target.addClass("d-none");
})
</script>
</center>
</div>
</div>
<center style="font-size: 14px;">
<p class="m-0 mb-1 text-main"><strong class="text-main"><i class="fa-regular fa-copyright text-main"></i> 2024 KunJi SHOP, All right reserved.</strong></p>
<p class="m-0 text-main"><i class="fa-solid fa-cog fa-spin text-main"></i> Rexzy Studio.<a href="https://discord.gg/rexzy2" style="text-decoration: none;color: #39b3fe"> ติดต่อเจ้าของร้านไม่ได้ / แจ้งปัญหาร้านค้าโกง</a>
</p></center>
</div>
</footer>
<div class="modal fade" id="backend_pin" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content bg-dark">
<div class="modal-header">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<center>
<h3 class="text-theme"><i class="fa-thin fa-lock-keyhole fa-4x"></i></h3>
<h2 class="text-theme">กรุณากรอกรหัส PIN 6 หลัก</h2>
<p class="text-theme">เพื่อเข้าหน้าจัดการหลังบ้าน</p>
</center>
<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 class="pin-code mb-4">
<input type="password" pattern="[0-9]*" inputmode="numeric" maxlength="1">
<input type="password" pattern="[0-9]*" inputmode="numeric" maxlength="1">
<input type="password" pattern="[0-9]*" inputmode="numeric" maxlength="1">
<input type="password" pattern="[0-9]*" inputmode="numeric" maxlength="1">
<input type="password" pattern="[0-9]*" inputmode="numeric" maxlength="1">
<input type="password" pattern="[0-9]*" inputmode="numeric" maxlength="1">
</div>
<button type="button" class="btn btn-main text-white w-100" style="border-radius: 1vh;" id="backend_pin_button">ยืนยัน</button>
<script>
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>
</div>
</div>
</div>
</div>
<div class="modal fade" id="report_menu" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content bg-dark">
<div class="modal-header">
<h5 class="modal-title text-danger"><i class="fa-regular fa-flag"></i> รายงาน</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="mb-2">
<p class="text-theme mb-1">ประเภท <span class="text-danger">*</span></p>
<select class="form-control" id="modal_report_menu_type">
<option value="" hidden="" selected="">เลือกประเภท</option>
</select>
</div>
<div class="mb-2">
<p class="text-theme mb-1">หัวข้อ <span class="text-danger">*</span></p>
<input type="text" id="modal_report_menu_title" class="form-control">
</div>
<div class="mb-2">
<p class="text-theme mb-1">รายละอียด <span class="text-danger">*</span></p>
<textarea class="form-control" id="modal_report_menu_description" cols="30" rows="2"></textarea>
</div>
<div class="mb-2">
<p class="text-theme mb-1">ช่องทางการติดต่อเพิ่มเติม <span class="text-danger">ไม่จำเป็น</span></p>
<input type="text" id="modal_report_menu_contact" class="form-control">
</div>
<div class="mb-2">
<div class="row justify-content-center align-items-center">
<p class="mb-1 text-theme text-center">รูปภาพ <span class="text-danger">ขนาดไม่เกิน 10mb (ไม่จำเป็น)</span></p>
<div class="d-flex justify-content-center">
<div class="upload-btn-wrapper">
<button class="btn-upload">
<img id="report_image_scanner" style="max-width: 50px;" src="https://img2.pic.in.th/pic/401061.webp">
</button>
<input type="file" id="modal_report_menu_image" accept="image/*">
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-main text-white hover-white" style="border-radius: 1vh;" id="report_send" onclick="report()"><i class="fa-regular fa-floppy-disk"></i> ส่ง</button>
<button type="button" class="btn btn-danger text-white" style="border-radius: 1vh;" data-bs-dismiss="modal"><i class="fa-solid fa-xmark"></i> ปิดหน้านี้</button>
</div>
</div>
</div>
</div>
<script>
$('#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>
<script>
function copy(text) {
navigator.clipboard.writeText(text)
Notification_Send({
icon: 'success',
title: 'คัดลอกสำเร็จ',
text: text,
showConfirmButton: true,
showCancelButton: false,
confirmButtonColor: '#78cd31',
cancelButtonColor: '#d33',
confirmButtonText: 'ปิด',
cancelButtonText: 'ปิด',
})
}
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());
});
$(document).on("change", "#site_color_button", function() {
$(':root').css('--color-button', $("#site_color_button").val());
});
$(document).on("change", "#site_color_text", function() {
$(':root').css('--color-text', $("#site_color_text").val());
});
$(document).on("change", "#site_font", function() {
$('*:not(i)').css('font-family', $("#site_font").val() + ', sans-serif');
});
function number_comma(x) {
return x.toLocaleString();
}
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>
<script>
function countdown_time_unix(targetTimestamp, id) {
const targetTime = targetTimestamp * 1000;
const now = new Date().getTime();
const timeDiff = targetTime - now;
if (timeDiff > 0) {
const hours = Math.floor(timeDiff / (1000 * 60 * 60));
const minutes = Math.floor((timeDiff % (1000 * 60 * 60)) / (1000 * 60));
const seconds = Math.floor((timeDiff % (1000 * 60)) / 1000);
document.getElementById(id).textContent = `${hours}h ${minutes}m ${seconds}s`;
} else {
document.getElementById(id).innerHTML = 'กรุณารีเฟรชหน้านี้';
}
}
</script>
<script>
var changeSlide = 4;
var slide = changeSlide;
if ($(window).width() < 600) {
var slide = changeSlide;
slide--;
} else if ($(window).width() > 999) {
var slide = changeSlide;
slide++;
} else {
var slide = changeSlide;
}
$(document).ready(function() {
$('.one').owlCarousel({
nav: true,
items: 1,
})
$('.two').owlCarousel({
nav: true,
margin: 15,
mouseDrag: false,
touchDrag: false,
responsive: {
0: {
items: changeSlide - 1,
slideBy: changeSlide - 1
},
600: {
items: changeSlide,
slideBy: changeSlide
},
1000: {
items: changeSlide + 1,
slideBy: changeSlide + 1
}
}
})
var owl = $('.one');
owl.owlCarousel();
owl.on('translated.owl.carousel', function(event) {
$(".right").removeClass("nonr");
$(".left").removeClass("nonl");
if ($('.one .owl-next').is(".disabled")) {
$(".slider .right").addClass("nonr");
}
if ($('.one .owl-prev').is(".disabled")) {
$(".slider .left").addClass("nonl");
}
$('.slider-two .item').removeClass("active");
var c = $(".slider .owl-item.active").index();
$('.slider-two .item').eq(c).addClass("active");
var d = Math.ceil((c + 1) / (slide)) - 1;
$(".slider-two .owl-dots .owl-dot").eq(d).trigger('click');
})
$('.right').click(function() {
$(".slider .owl-next").trigger('click');
});
$('.left').click(function() {
$(".slider .owl-prev").trigger('click');
});
$('.slider-two .item').click(function() {
var b = $(".item").index(this);
$(".slider .owl-dots .owl-dot").eq(b).trigger('click');
$(".slider-two .item").removeClass("active");
$(this).addClass("active");
});
var owl2 = $('.two');
owl2.owlCarousel();
owl2.on('translated.owl.carousel', function(event) {
$(".right-t").removeClass("nonr-t");
$(".left-t").removeClass("nonl-t");
if ($('.two .owl-next').is(".disabled")) {
$(".slider-two .right-t").addClass("nonr-t");
}
if ($('.two .owl-prev').is(".disabled")) {
$(".slider-two .left-t").addClass("nonl-t");
}
})
$('.right-t').click(function() {
$(".slider-two .owl-next").trigger('click');
});
$('.left-t').click(function() {
$(".slider-two .owl-prev").trigger('click');
});
});
</script>
<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": {},
"byshop_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_member_point_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();
}
});
});
</script>
<script src="lib/WQACQDUvm4pFI6PjSPy1hpuZKcj0KU75.js"></script>
<script>
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);
}
}
};
//(function() {
// (function a() {
// try {
// (function b(i) {
// if (('' + (i / i)).length !== 1 || i % 20 === 0) {
// (function() {}).constructor('debugger')()
// } else {
// debugger
// }
// b(++i)
// })(0)
// } catch (e) {
// setTimeout(a, 5000)
// }
// })()
//})();
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;
}
};
//var preventDefault = function(event) {
// if (event.preventDefault) {
// event.preventDefault();
// } else {
// event.returnValue = false;
// }
//};
//document.addEventListener('contextmenu', (e) => e.preventDefault());
</script>
<img src="https://img5.pic.in.th/file/secure-sv1/output-onlinegiftools7901e3989c686b63.gif" class="floating-image" style="width: 27.0669px; height: 27.0669px; left: 374.205px; transform: translateX(-147.101px) translateY(-620px); opacity: 0;"><img src="https://img5.pic.in.th/file/secure-sv1/output-onlinegiftools7901e3989c686b63.gif" class="floating-image" style="width: 46.9114px; height: 46.9114px; left: 439.568px; transform: translateX(-159.499px) translateY(-620px);"><img src="https://img5.pic.in.th/file/secure-sv1/output-onlinegiftools7901e3989c686b63.gif" class="floating-image" style="width: 40.2155px; height: 40.2155px; left: 215.268px; transform: translateX(-137.026px) translateY(-620px);"></body></html>