- 제출된 URL:
- https://www.kunjishop.com/wp-game/product/Mg==
- 보고서 완료:
링크 · 1개 결과
페이지에서 식별된 외부 링크
| 링크 | 텍스트 |
|---|---|
| https://discord.gg/rexzy2 | ติดต่อเจ้าของร้านไม่ได้ / แจ้งปัญหาร้านค้าโกง |
JavaScript 변수 · 115개 결과
페이지의 창 개체에 로드된 전역 JavaScript 변수는 함수 외부에서 선언된 변수로, 현재 범위 내에서 코드의 어느 부분에서나 액세스할 수 있습니다
| 이름 | 유형 |
|---|---|
| 0 | object |
| 1 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| $ | function |
| jQuery | function |
| Popper | function |
| Iconify | object |
| key | undefined |
콘솔 로그 메시지 · 7개 결과
웹 콘솔에 기록된 메시지
| 유형 | 카테고리 | 로그 |
|---|---|---|
| log | other |
|
| verbose | dom |
|
| verbose | dom |
|
| verbose | dom |
|
| verbose | dom |
|
| verbose | dom |
|
| verbose | dom |
|
HTML
페이지의 원시 HTML 본문
<!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>