=== Bot Predict: 2026-05-21 11:51:07 (Bangkok) ===

--- Creating/checking bot users ---
  Neung_9Ball -> ID: 662
  Um.Ball9 -> ID: 663
  Bew9BKK -> ID: 664
  Nong1.Ball -> ID: 665
  Shot.Mild007 -> ID: 666
  Pro.Gig555 -> ID: 667
  Shot.Tar44 -> ID: 668
  Boat_Win22 -> ID: 669
  Korn26_Ball -> ID: 670
  Kwan.Pro11 -> ID: 671
  BankB.77 -> ID: 672
  BKK_Bee77 -> ID: 673
  NeungBKK44 -> ID: 674
  FahF9 -> ID: 675
  OakGoal88 -> ID: 676
  Fight.99Kick -> ID: 677
  Pond555TH -> ID: 678
  Pee007King -> ID: 679
  UmU_1 -> ID: 680
  Sam.26King -> ID: 681
  Play_Gun22 -> ID: 682
  OakO.44 -> ID: 683
  Korn26Star -> ID: 684
  TarNet9 -> ID: 685
  Fah.FC -> ID: 686
  GunG.2026 -> ID: 687
  Grace_22BKK -> ID: 688
  Fight101.Ball -> ID: 689
  SongS11 -> ID: 690
  Sky.Run1 -> ID: 691
  Play_Pro555 -> ID: 692
  Mild99_Win -> ID: 693
  NanFC55 -> ID: 694
  June.Go -> ID: 695
  Best99_Win -> ID: 696
  RunPao26 -> ID: 697
  IceBKK007 -> ID: 698
  FightKick9 -> ID: 699
  Sky11_Goal -> ID: 700
  Mark1Champ -> ID: 701
  KornKing11 -> ID: 702
  FC.Fluke1 -> ID: 703
  Ink1.Champ -> ID: 704
  Bank_Play11 -> ID: 705
  Fern.King555 -> ID: 706
  CreamC_007 -> ID: 707
  Kick.Pun9 -> ID: 708
  Ploy555BKK -> ID: 709
  Pop.9Go -> ID: 710
  Dew.007BKK -> ID: 711
  ViewV_ -> ID: 712
  Ton.FC555 -> ID: 713
  Peach_Bet -> ID: 714
  BossB55 -> ID: 715
  Jaa_Win88 -> ID: 716
  ChampFilm555 -> ID: 717
  Um88_Kick -> ID: 718
  Tong_TH -> ID: 719
  Kwan26.Shot -> ID: 720
  Pete.TH9 -> ID: 721
  ScorePro9 -> ID: 722
  Prim7Champ -> ID: 723
  Win_Boat99 -> ID: 724
  FC.Foam101 -> ID: 725
  Oak.1Ball -> ID: 726
  Peach101King -> ID: 727
  Mint_555Pro -> ID: 728
  GigKick33 -> ID: 729
  Pond.Win55 -> ID: 730
  Korn.777Hit -> ID: 731
  StarPang26 -> ID: 732
  Mark.Net99 -> ID: 733
  NewN_44 -> ID: 734
  KickJay2026 -> ID: 735
  WinPear -> ID: 736
  Pao.TH88 -> ID: 737
  MintM.007 -> ID: 738
  HitView77 -> ID: 739
  FernF55 -> ID: 740
  Bew_33Ball -> ID: 741
  JibJ.9 -> ID: 742
  PalmP.33 -> ID: 743
  Ink9Pro -> ID: 744
  Dew26_Ace -> ID: 745
  ChampUm22 -> ID: 746
  Mark.Champ99 -> ID: 747
  King.Gun26 -> ID: 748
  Pete.101Hit -> ID: 749
  Pro.Boat88 -> ID: 750
  LukL.007 -> ID: 751
  Win_Run33 -> ID: 752
  Ink007_FC -> ID: 753
  Luk44_TH -> ID: 754
  GigWin -> ID: 755
  Game26.Play -> ID: 756
  Oak_33Net -> ID: 757
  KnockK.101 -> ID: 758
  Bee777_Pro -> ID: 759
  Boat_11Hit -> ID: 760
  Ohm55King -> ID: 761
  Goal.Win -> ID: 762
  KnockNet1 -> ID: 763
  Kick.Nan99 -> ID: 764
  June26_Net -> ID: 765
  StarNick777 -> ID: 766
  Arm_Ball77 -> ID: 767
  Boat555Pro -> ID: 768
  Tong99_Go -> ID: 769
  THLuk555 -> ID: 770
  RunKorn77 -> ID: 771
  Nick22King -> ID: 772
  Neung_Bet55 -> ID: 773
  GolfG88 -> ID: 774
  StarPrim44 -> ID: 775
  Nong.BKK55 -> ID: 776
  JaaJ_777 -> ID: 777
  PangP88 -> ID: 778
  BeeChamp -> ID: 779
  THTong55 -> ID: 780
  Top.777Play -> ID: 781
  Ball_Sky22 -> ID: 782
  Sky88Score -> ID: 783
  Prim.26TH -> ID: 784
  FightF.44 -> ID: 785
  Pete101BKK -> ID: 786
  Mint77.Win -> ID: 787
  ScoreFah1 -> ID: 788
  Dew.TH26 -> ID: 789
  Kick.New555 -> ID: 790
  TarT. -> ID: 791
  JuneJ.77 -> ID: 792
  Korn_Champ88 -> ID: 793
  Knock_Goal26 -> ID: 794
  Ball.Fern777 -> ID: 795
  Mark.88Pro -> ID: 796
  Game_2026Hit -> ID: 797
  Jaa26.Champ -> ID: 798
  BankB9 -> ID: 799
  BenzB777 -> ID: 800
  Nick.Kick33 -> ID: 801
  PearP.555 -> ID: 802
  GigG_33 -> ID: 803
  KornK101 -> ID: 804
  Jaa1.Run -> ID: 805
  Win.TH77 -> ID: 806
  First.Win26 -> ID: 807
  TH_Bam101 -> ID: 808
  Goal.Foam777 -> ID: 809
  Pao9_Win -> ID: 810
  PangPro7 -> ID: 811
  ChampIce1 -> ID: 812
  Pete.99Hit -> ID: 813
  Best2026Win -> ID: 814
  Grace9BKK -> ID: 815
  Palm.Score -> ID: 816
  InkI_22 -> ID: 817
  View.1Shot -> ID: 818
  Pear1Play -> ID: 819
  Mild.Champ007 -> ID: 820
  Fight_007Champ -> ID: 821
  TongT.777 -> ID: 822
  ChampNat77 -> ID: 823
  PanP_99 -> ID: 824
  Pete_Shot -> ID: 825
  KwanK.1 -> ID: 826
  Fight.Hit88 -> ID: 827
  Kwan_Champ555 -> ID: 828
  Pang.Kick -> ID: 829
  New1.TH -> ID: 830
  OakBKK -> ID: 831
  Vee555Run -> ID: 832
  Mild22.Champ -> ID: 833
  ChampKorn777 -> ID: 834
  NewN.22 -> ID: 835
  TopT. -> ID: 836
  Star.Pete7 -> ID: 837
  BKK.Mae55 -> ID: 838
  Luk44Go -> ID: 839
  Pun_33Bet -> ID: 840
  Boss.Ball44 -> ID: 841
  PangChamp99 -> ID: 842
  PeeP_ -> ID: 843
  BallB_77 -> ID: 844
  Boss1.Shot -> ID: 845
  ProP.44 -> ID: 846
  Fight55.BKK -> ID: 847
  Top.Win101 -> ID: 848
  CreamHit22 -> ID: 849
  TonT88 -> ID: 850

<!DOCTYPE html>

<html lang="th">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <title>ทายผลบอล รับแต้มลุ้นรางวัล | Goal.si</title>
    <meta name="description" content="เกมทายผลบอลของ Goal.si ทายผลทุกคู่ เก็บแต้มสะสม จัดอันดับ และลุ้นรางวัลรายเดือนแบบเรียลไทม์">
    <meta name="keywords" content="ทายผลบอล, เกมทายผลบอล, ทายผลฟุตบอล, ตารางคะแนนทายบอล, Goal.si game">
    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
    <meta name="author" content="Goal.si">
    <meta name="theme-color" content="#0f2027">
    <link rel="canonical" href="https://www.goal.si/game">
    <meta property="og:locale" content="th_TH">
    <meta property="og:type" content="website">
    <meta property="og:site_name" content="Goal.si">
    <meta property="og:title" content="ทายผลบอล รับแต้มลุ้นรางวัล | Goal.si">
    <meta property="og:description" content="เกมทายผลบอลของ Goal.si ทายผลทุกคู่ เก็บแต้มสะสม จัดอันดับ และลุ้นรางวัลรายเดือนแบบเรียลไทม์">
    <meta property="og:url" content="https://www.goal.si/game">
    <meta property="og:image" content="https://www.goal.si/goalsi.png">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="ทายผลบอล รับแต้มลุ้นรางวัล | Goal.si">
    <meta name="twitter:description" content="เกมทายผลบอลของ Goal.si ทายผลทุกคู่ เก็บแต้มสะสม จัดอันดับ และลุ้นรางวัลรายเดือนแบบเรียลไทม์">
    <meta name="twitter:image" content="https://www.goal.si/goalsi.png">
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebPage",
      "name": "ทายผลบอล รับแต้มลุ้นรางวัล | Goal.si",
      "description": "เกมทายผลบอลของ Goal.si ทายผลทุกคู่ เก็บแต้มสะสม จัดอันดับ และลุ้นรางวัลรายเดือนแบบเรียลไทม์",
      "url": "https://www.goal.si/game",
      "inLanguage": "th-TH"
    }
    </script>

    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

    <style>

        * { box-sizing: border-box; margin: 0; padding: 0; }

        

        body { 

            font-family: 'Segoe UI', Tahoma, sans-serif; 

            background: linear-gradient(to bottom, #0f2027, #203a43, #2c5364);

            color: #333; 

            font-size: 14px;

            min-height: 100vh;

        }

        

        /* Container - Original width */

        .container {

            max-width: 1100px;

            margin: 0 auto;

            padding: 15px;

        }

        

        

        /* Game Info Bar */
        .game-bar {
            background: linear-gradient(135deg, #0f172a, #1e293b);
            border-bottom: 1px solid #334155;
            margin-top: -15px;
            margin-bottom: 15px;
        }
        .game-bar-inner {
            max-width: 1100px;
            margin: 0 auto;
            padding: 8px 15px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 10px;
        }
        .game-bar-left, .game-bar-right {
            display: flex;
            align-items: center;
            gap: 8px;
        }
        .game-bar-title {
            color: #fbbf24;
            font-weight: 800;
            font-size: 0.9rem;
            margin-right: 4px;
        }
        .game-bar-link {
            color: #94a3b8;
            text-decoration: none;
            font-size: 0.8rem;
            font-weight: 600;
            padding: 4px 10px;
            border-radius: 6px;
            transition: all 0.2s;
        }
        .game-bar-link:hover {
            color: #fff;
            background: rgba(255,255,255,0.1);
        }
        .game-bar-badge {
            padding: 4px 10px;
            border-radius: 14px;
            font-weight: 700;
            font-size: 0.75rem;
            white-space: nowrap;
        }
        .gb-points {
            background: rgba(59,130,246,0.2);
            color: #60a5fa;
            border: 1px solid rgba(59,130,246,0.3);
        }
        .gb-gold {
            background: rgba(251,191,36,0.2);
            color: #fbbf24;
            border: 1px solid rgba(251,191,36,0.3);
        }
        .game-bar-user {
            color: #e2e8f0;
            font-weight: 600;
            font-size: 0.8rem;
        }
        .game-bar-logout {
            color: #f87171;
            text-decoration: none;
            font-size: 0.75rem;
            font-weight: 600;
            padding: 3px 8px;
            border-radius: 4px;
            border: 1px solid rgba(248,113,113,0.3);
        }
        .game-bar-logout:hover {
            background: rgba(248,113,113,0.15);
        }
        .game-bar-login {
            background: #10b981;
            color: #fff;
            text-decoration: none;
            padding: 5px 14px;
            border-radius: 6px;
            font-weight: 700;
            font-size: 0.8rem;
        }
        .game-bar-last5 {
            display: flex;
            gap: 2px;
            align-items: center;
        }
        .l5 {
            width: 20px;
            height: 20px;
            border-radius: 4px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 0.6rem;
            font-weight: 800;
        }
        .l5.w { background: rgba(34,197,94,0.25); color: #4ade80; border: 1px solid rgba(34,197,94,0.4); }
        .l5.l { background: rgba(239,68,68,0.25); color: #f87171; border: 1px solid rgba(239,68,68,0.4); }
        .l5.e { background: rgba(255,255,255,0.08); color: rgba(255,255,255,0.25); border: 1px solid rgba(255,255,255,0.1); }

        @media (max-width: 768px) {
            .game-bar-inner {
                flex-direction: column;
                gap: 6px;
                padding: 6px 10px;
            }
            .game-bar-left, .game-bar-right {
                flex-wrap: wrap;
                justify-content: center;
            }
            .game-bar-title { font-size: 0.8rem; }
        }

        

        /* (login/logout styles in header.php) */

        

        /* Check-in Widget - Compact */

        .checkin-widget {

            background: linear-gradient(135deg, #ec4899, #db2777);

            border-radius: 12px;

            padding: 15px 20px;

            margin-bottom: 15px;

            color: white;

            display: flex;

            align-items: center;

            justify-content: space-between;

            box-shadow: 0 4px 12px rgba(236, 72, 153, 0.3);

        }

        

        .checkin-info {

            display: flex;

            align-items: center;

            gap: 15px;

        }

        

        .checkin-days {

            display: flex;

            gap: 6px;

        }

        

        .day-dot {

            width: 28px;

            height: 28px;

            border-radius: 50%;

            background: rgba(255,255,255,0.2);

            display: flex;

            align-items: center;

            justify-content: center;

            font-size: 0.75rem;

            font-weight: 600;

        }

        

        .day-dot.completed {

            background: rgba(16, 185, 129, 0.9);

        }

        

        .day-dot.current {

            background: rgba(251, 191, 36, 1);

            animation: pulse 2s infinite;

        }

        

        @keyframes pulse {

            0%, 100% { transform: scale(1); }

            50% { transform: scale(1.1); }

        }

        

        .checkin-btn-widget {

            background: white;

            color: #db2777;

            border: none;

            padding: 10px 20px;

            border-radius: 8px;

            font-weight: 700;

            cursor: pointer;

            transition: all 0.3s;

        }

        

        .checkin-btn-widget:hover {

            transform: translateY(-2px);

            box-shadow: 0 4px 12px rgba(0,0,0,0.2);

        }

        

        .checkin-btn-widget:disabled {

            background: rgba(255,255,255,0.5);

            cursor: not-allowed;

        }

        

        /* Jackpot Banner */

        .jackpot-banner {

            background: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%);

            border-radius: 8px;

            padding: 20px;

            margin-bottom: 10px;

            text-align: center;

            box-shadow: 0 4px 15px rgba(124, 58, 237, 0.3);

            color: white;

        }

        

        .jackpot-amount {

            font-size: 2rem;

            font-weight: 900;

            margin: 6px 0;

        }

        

        .jackpot-info {

            display: flex;

            justify-content: center;

            gap: 20px;

            margin-top: 10px;

            font-size: 0.8rem;

        }

        

        /* Tools */

        .tools {

            display: flex;

            gap: 8px;

            justify-content: center;

            padding: 10px;

            background: #fff;

            border-radius: 8px;

            margin-bottom: 10px;

            flex-wrap: wrap;

            align-items: center;

        }

        

        .btn {

            background: #3498db;

            color: #fff;

            border: none;

            padding: 6px 14px;

            border-radius: 6px;

            cursor: pointer;

            font-size: 0.85rem;

            font-weight: 600;

        }

        

        .btn:hover { background: #2980b9; }

        

        /* League Section */

        .league-section { 

            margin-bottom: 10px; 

            border-radius: 8px; 

            overflow: hidden; 

            box-shadow: 0 1px 3px rgba(0,0,0,0.1); 

        }

        

        .league-section.hidden { display: none; }

        

        .league-header { 

            display: flex; 

            align-items: center; 

            gap: 8px; 

            padding: 10px 12px; 

            color: #2c3e50;

            font-weight: 700; 

            font-size: 0.95rem; 

            background: #e4e5e5;

            border-left: 5px solid #ccc;

        }

        

        /* Match Row */

        .match-row { 

            display: grid; 

            grid-template-columns: 50px 55px 1fr 50px 1fr auto; 

            grid-template-rows: auto;

            background: #fff; 

            border-bottom: 1px solid #e5e7eb; 

            padding: 12px 14px; 

            align-items: center; 

            gap: 6px 8px; 

            font-size: 0.9rem;

        }

        

        .match-row:nth-child(odd) { background: #f8fcfe; }

        .match-row:hover { background: #eaf6fb; }

        .match-row.live { background: linear-gradient(135deg, #fff9e6 0%, #fff3cd 100%); border-left: 4px solid #f39c12; }

        

        .col-time { text-align: center; color: #e74c3c; font-weight: bold; font-size: 0.85rem; }

        .col-status { text-align: center; color: #666; font-size: 0.75rem; }

        .col-status.live { color: #27ae60; font-weight: bold; }

        .col-status.ended { color: #999; }

        

        .col-home, .col-away { display: flex; align-items: center; gap: 6px; }

        .col-home { justify-content: flex-end; }

        .col-away { justify-content: flex-start; }

        .col-home img, .col-away img { width: 22px; height: 22px; object-fit: contain; }

        .team-name { font-size: 0.85rem; color: #333; font-weight: 500; }

        

        .col-score { text-align: center; font-weight: bold; font-size: 0.95rem; color: #333; }

        .col-score .vs { 

            background: linear-gradient(to bottom, #f0f0f0 0%, #e0e0e0 100%);

            border: 1px solid #d5d5d5;

            color: #888;

            font-size: 0.7rem;

            font-weight: 700;

            padding: 2px 8px;

            border-radius: 10px;

        }

        

        .fiery-text { 

            color: #e74c3c;

            font-weight: 800;

        }

        

        /* Handicap Column */

        .col-handicap {

            text-align: center;

        }

        

        .handicap-badge {

            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);

            color: white;

            padding: 3px 8px;

            border-radius: 12px;

            font-size: 0.75rem;

            font-weight: 700;

            display: inline-block;

        }

        

        .handicap-badge.positive {

            background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);

        }

        

        /* Prediction Column - right side on PC, second row on mobile */

        .col-predict {

            grid-column: 6;

            grid-row: 1;

            display: flex;

            justify-content: flex-end;

            align-items: center;

            padding-left: 8px;

        }

        

        .predict-left {

            display: flex;

            align-items: center;

            gap: 8px;

            padding: 0;

            background: transparent;

            flex-wrap: wrap;

            justify-content: center;

        }

        

        .score-inputs {
            display: inline-flex;
            align-items: center;
            gap: 2px;
        }
        .score-inputs input {
            width: 38px;
            height: 34px;
            padding: 0;
            border: 1.5px solid #d1d5db;
            border-radius: 8px;
            text-align: center;
            font-size: 1.1rem;
            font-weight: 700;
            color: #111827;
            background: #fff;
            transition: border-color 0.2s;
        }
        .score-inputs input::placeholder {
            color: #c0c0c0;
        }
        .score-inputs input:focus {
            outline: none;
            border-color: #3b82f6;
            box-shadow: 0 0 0 2px rgba(59,130,246,0.15);
        }
        .score-inputs span {
            font-weight: 700;
            color: #9ca3af;
            font-size: 0.9rem;
            padding: 0 1px;
        }

        

        .result-buttons {

            display: flex;

            gap: 3px;

        }

        

        .result-btn {

            flex: 1;

            padding: 4px 6px;

            border: 1px solid #d1d5db;

            background: white;

            border-radius: 4px;

            cursor: pointer;

            font-size: 0.7rem;

            font-weight: 600;

            transition: all 0.2s;

        }

        

        .result-btn:hover {

            background: #f3f4f6;

        }

        

        .result-btn.selected {

            background: linear-gradient(135deg, #10b981, #059669);

            color: white;

            border-color: #059669;

        }

        

        .score-bonus-inputs {

            display: none; /* hidden in simplified game mode */

        }

        

        .submit-predict-btn {
            background: #111827;
            color: white;
            border: none;
            padding: 7px 18px;
            border-radius: 8px;
            cursor: pointer;
            font-weight: 700;
            font-size: 0.82rem;
            transition: all 0.2s;
            white-space: nowrap;
        }
        .submit-predict-btn:hover {
            background: #374151;
        }

        

        .special-badge {

            background: #ffffff;

            color: #f59e0b;

            border: 1px solid #fcd34d;

            padding: 4px;

            border-radius: 999px;

            cursor: pointer;

            font-size: 0.95rem;

            transition: all 0.2s;

            min-width: 30px;

            text-align: center;

            margin-left: 8px;

            box-shadow: 0 1px 3px rgba(15, 23, 42, 0.12);

        }

        

        .special-badge:hover {

            transform: translateY(-1px);

            box-shadow: 0 3px 6px rgba(15, 23, 42, 0.2);

            border-color: #fbbf24;

        }

        

        .special-badge.active {

            background: #f97316;

            color: #ffffff;

            border-color: #ea580c;

            box-shadow: 0 0 10px rgba(248, 171, 64, 0.8);

            animation: none;

        }

        

        @keyframes glow {

            0%, 100% { box-shadow: 0 0 15px rgba(251, 191, 36, 0.6); }

            50% { box-shadow: 0 0 25px rgba(251, 191, 36, 0.9); }

        }



        @keyframes scorePulse {

            0%, 100% { opacity: 0; }

            50% { opacity: 0.4; }

        }



        @keyframes blinkColon {

            0% { color: #60a5fa; transform: translateY(0); }

            100% { color: #facc15; transform: translateY(-1px); }

        }

        

        

        .predicted-badge {

            background: #d1fae5;

            color: #059669;

            padding: 4px 8px;

            border-radius: 4px;

            font-weight: 600;

            font-size: 0.75rem;

        }

        

        .predicted-badge .bet-info {

            display: inline-block;

            background: #dbeafe;

            color: #2563eb;

            padding: 2px 6px;

            border-radius: 3px;

            margin-left: 4px;

            font-size: 0.7rem;

        }

        

        /* G-Points Betting Selector */

        .bet-selector {

            display: flex;

            align-items: center;

            gap: 4px;

        }

        

        .bet-selector-label {

            font-size: 0.7rem;

            color: #94a3b8;

            font-weight: 600;

            white-space: nowrap;

            margin-right: 2px;

        }

        

        .bet-chip {

            padding: 3px 8px;

            border-radius: 999px;

            border: 1.5px solid #334155;

            background: linear-gradient(135deg, #1e293b, #0f172a);

            color: #94a3b8;

            font-size: 0.7rem;

            font-weight: 700;

            cursor: pointer;

            transition: all 0.2s;

            white-space: nowrap;

            user-select: none;

        }

        

        .bet-chip:hover {

            border-color: #60a5fa;

            color: #93c5fd;

            transform: translateY(-1px);

        }

        

        .bet-chip.active {

            background: linear-gradient(135deg, #2563eb, #1d4ed8);

            border-color: #60a5fa;

            color: #fff;

            box-shadow: 0 0 10px rgba(37, 99, 235, 0.4);

        }

        

        .bet-chip.zero {

            background: transparent;

            border-color: #475569;

            color: #64748b;

            font-size: 0.65rem;

        }

        

        .bet-chip.zero.active {

            background: #475569;

            color: #fff;

            border-color: #64748b;

            box-shadow: none;

        }

        

        /* Disabled prediction (finished/live matches) */
        .predict-disabled {
            display: flex;
            align-items: center;
            gap: 10px;
            justify-content: center;
        }
        .predict-disabled .disabled-inputs input {
            background: #f3f4f6 !important;
            border-color: #e5e7eb !important;
            color: #d1d5db !important;
            cursor: not-allowed;
            width: 32px !important;
            height: 28px !important;
            font-size: 0.9rem !important;
        }
        .predict-disabled .disabled-inputs span {
            color: #d1d5db !important;
        }
        .disabled-label {
            font-size: 0.75rem;
            font-weight: 600;
            color: #9ca3af;
            background: #f3f4f6;
            padding: 4px 12px;
            border-radius: 999px;
            border: 1px solid #e5e7eb;
        }

        /* Prediction row with bet */
        .predict-row-wrap {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 6px;
        }
        .predict-line1 {
            display: flex;
            align-items: center;
            gap: 6px;
        }
        .predict-line2 {
            display: flex;
            align-items: center;
            gap: 3px;
        }

        

        /* Mobile Responsive */

        @media (max-width: 768px) {

            div.match-row {

                grid-template-columns: 45px 45px 1fr 40px 1fr !important;

                grid-template-rows: auto auto !important;

                padding: 10px !important;

                gap: 4px 6px !important;

            }

            div.col-predict {

                grid-column: 1 / -1 !important;

                grid-row: 2 !important;

                justify-content: center !important;

                padding-left: 0 !important;

                padding-top: 8px !important;

                margin-top: 4px !important;

                border-top: 1px dashed #e5e7eb !important;

            }

            .col-time { font-size: 0.75rem !important; }

            .col-status { font-size: 0.7rem !important; }

            .team-name { font-size: 0.78rem !important; }

            .col-home img, .col-away img { width: 18px !important; height: 18px !important; }

            div.col-handicap { display: none !important; }



            /* (Game header mobile styles in header.php) */

        }

    </style>

</head>

<body>

<!-- Header Navigation -->
<header class="site-header is-game">
    <div class="header-container">
        <div class="logo">
            <a href="/" class="site-brand" aria-label="Goal.si">
                <img src="/goalsi.png" alt="" width="32" height="32" class="site-brand-icon">
                <span>Goal.si</span>
            </a>
        </div>
        <nav class="main-nav">
            <a href="/" class="nav-link active">
                📊 ผลบอลสด
            </a>
            <a href="/parser-finish" class="nav-link ">
                🎬 ผลบอลเมื่อคืน
            </a>
            <a href="/fixture" class="nav-link ">
                📅 โปรแกรมบอล
            </a>
            <a href="/premier-League-rank" class="nav-link ">
                🏆 ตารางคะแนน
            </a>
            <a href="/broadcast" class="nav-link nav-live ">
                <span class="live-dot"></span> ดูบอลสด
            </a>
            <a href="/game" class="nav-link nav-game active">
                🎯 ทายบอลได้เงิน
            </a>
        </nav>
        <button class="mobile-menu-toggle" onclick="toggleMobileMenu()">☰</button>
    </div>
</header>

<link rel="stylesheet" href="/cache/site_bundle_72d34ca8a267b430f69c9058de98eda2.css">

<script>
function toggleMobileMenu() {
    const nav = document.querySelector('.main-nav');
    nav.classList.toggle('mobile-open');
}
</script>

<div class="game-bar">
    <div class="game-bar-inner">
        <div class="game-bar-left">
            <span class="game-bar-title">🎮 ทายผลบอล</span>
            <a href="/game/rules.php" class="game-bar-link">📖 กติกา</a>
            <a href="/game/leaderboard.php" class="game-bar-link">📋 อันดับ</a>
            <a href="/game/rewards.php" class="game-bar-link">&#127942; รางวัล</a>
        </div>
        <div class="game-bar-right">
                            <a href="/game/login.php" class="game-bar-login">เข้าสู่ระบบ</a>
                    </div>
    </div>
</div>

<main id="main-content">
<div class="container">

    

    <!-- Combined Prize Pool + Jackpot Banner -->
    <div class="prize-banner">
        <div class="prize-banner-shine"></div>

        <!-- Prize Pool Counter -->
        <div class="prize-pool-section">
            <div class="prize-pool-label">TOTAL PRIZE POOL</div>
            <div class="prize-pool-amount">
                <span class="prize-currency">฿</span>
                <span id="prizeCounter" data-base="26000">0</span>
            </div>
            <div class="prize-cats">
                <span class="prize-cat-tag cat-blue">🎯 แต้ม ฿8,000</span>
                <span class="prize-cat-tag cat-purple">⭐ เหรียญ ฿8,000</span>
                <span class="prize-cat-tag cat-gold">🎫 Jackpot ฿<span id="jackpotTag" data-base="10000">10,000</span></span>
            </div>
        </div>

        <!-- Divider -->
        <div class="prize-divider"></div>

        <!-- Jackpot Tickets -->
        <div class="jp-section-wrap">
            <div class="jp-header-row">
                <span style="font-size:1rem;">🎫</span>
                <span class="jp-inline-title">JACKPOT TICKETS</span>
                <span style="font-size:0.7rem;color:#94a3b8;">ถูก 10 เกมติด = 1 Ticket | 6 Tickets = Jackpot!</span>
            </div>

                        <div style="text-align:center;padding:10px 0;opacity:0.7;font-size:0.85rem;color:#94a3b8;">เข้าสู่ระบบเพื่อเริ่มสะสม Tickets</div>
                    </div>
    </div>

    <style>
    .prize-banner {
        background: linear-gradient(135deg, #0c0a1d 0%, #1a103a 40%, #0f172a 100%);
        border-radius: 16px;
        padding: 0;
        margin-bottom: 16px;
        text-align: center;
        position: relative;
        overflow: hidden;
        border: 1px solid #2d1b69;
        box-shadow: 0 8px 32px rgba(15, 10, 50, 0.6), inset 0 1px 0 rgba(255,255,255,0.05);
        color: white;
    }
    .prize-banner::before {
        content: '';
        position: absolute;
        bottom: 0; left: 0; right: 0;
        height: 2px;
        background: linear-gradient(90deg, transparent, #fbbf24, #f59e0b, transparent);
        animation: prizeShine 2.5s ease-in-out infinite;
    }
    @keyframes prizeShine {
        0% { transform: translateX(-100%); }
        100% { transform: translateX(100%); }
    }
    .prize-banner-shine {
        position: absolute;
        top: -50%; left: -50%;
        width: 200%; height: 200%;
        background: radial-gradient(ellipse at 30% 20%, rgba(251,191,36,0.06) 0%, transparent 50%),
                    radial-gradient(ellipse at 70% 80%, rgba(124,58,237,0.05) 0%, transparent 50%);
        pointer-events: none;
    }

    /* Prize Pool Section */
    .prize-pool-section { padding: 24px 20px 18px; }
    .prize-pool-label {
        font-size: 0.8rem; font-weight: 700; letter-spacing: 4px;
        text-transform: uppercase; color: #a78bfa;
        text-shadow: 0 0 20px rgba(167,139,250,0.3);
        margin-bottom: 4px;
    }
    .prize-pool-amount {
        display: flex; align-items: baseline; justify-content: center; gap: 6px;
    }
    /* Prize category tags */
    .prize-cats {
        display: flex; justify-content: center; gap: 8px; flex-wrap: wrap;
        margin-top: 10px;
    }
    .prize-cat-tag {
        font-size: 0.7rem; font-weight: 700; padding: 4px 12px;
        border-radius: 20px; white-space: nowrap;
    }
    .cat-blue { background: rgba(59,130,246,0.15); color: #93bbfd; border: 1px solid rgba(59,130,246,0.3); }
    .cat-purple { background: rgba(139,92,246,0.15); color: #c4b5fd; border: 1px solid rgba(139,92,246,0.3); }
    .cat-gold { background: rgba(251,191,36,0.15); color: #fcd34d; border: 1px solid rgba(251,191,36,0.3); }
    /* Winners ticker */
    .prize-winners {
        margin-top: 12px; display: flex; align-items: center;
        justify-content: center; gap: 10px; flex-wrap: wrap;
    }
    .pw-label { font-size: 0.7rem; color: #64748b; font-weight: 700; white-space: nowrap; }
    .pw-names { display: flex; gap: 6px; flex-wrap: wrap; justify-content: center; overflow: hidden; }
    .pw-name {
        font-size: 0.7rem; font-weight: 700; color: #4ade80;
        background: rgba(34,197,94,0.1); border: 1px solid rgba(34,197,94,0.2);
        padding: 2px 10px; border-radius: 12px;
        animation: fadeInName 0.5s ease-out both;
    }
    .pw-name:nth-child(1) { animation-delay: 0.2s; }
    .pw-name:nth-child(2) { animation-delay: 0.4s; }
    .pw-name:nth-child(3) { animation-delay: 0.6s; }
    .pw-name:nth-child(4) { animation-delay: 0.8s; }
    .pw-name:nth-child(5) { animation-delay: 1.0s; }
    @keyframes fadeInName { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:translateY(0); } }
    .prize-currency {
        font-size: 1.8rem; font-weight: 800; color: #fbbf24;
        text-shadow: 0 0 15px rgba(251,191,36,0.5);
    }
    #prizeCounter {
        font-family: 'Segoe UI', 'Courier New', monospace;
        font-size: 3.2rem; font-weight: 900;
        background: linear-gradient(180deg, #fcd34d 0%, #f59e0b 40%, #d97706 100%);
        -webkit-background-clip: text; -webkit-text-fill-color: transparent;
        background-clip: text;
        filter: drop-shadow(0 2px 8px rgba(245,158,11,0.4));
        line-height: 1; letter-spacing: -1px;
    }

    /* Divider */
    .prize-divider {
        height: 1px; margin: 0 20px;
        background: linear-gradient(90deg, transparent, #334155 20%, #475569 50%, #334155 80%, transparent);
    }

    /* Jackpot Section */
    .jp-section-wrap { padding: 16px 20px 18px; }
    .jp-header-row {
        display: flex; align-items: center; justify-content: center;
        gap: 8px; flex-wrap: wrap; margin-bottom: 14px;
    }
    .jp-inline-title {
        font-size: 0.9rem; font-weight: 800; color: #fbbf24;
        letter-spacing: 2px; text-transform: uppercase;
    }
    .jp-progress-wrap { display: flex; flex-direction: column; gap: 14px; }
    .jp-section-label {
        font-size: 0.75rem; font-weight: 700; color: #e2e8f0;
        margin-bottom: 6px; text-align: center;
    }
    .jp-dots { display: flex; justify-content: center; gap: 5px; flex-wrap: wrap; }
    .jp-dot {
        width: 26px; height: 26px; border-radius: 50%;
        background: #1e293b; border: 2px solid #475569;
        display: flex; align-items: center; justify-content: center;
        font-size: 0.6rem; font-weight: 700; color: #64748b;
        transition: all 0.3s;
    }
    .jp-dot.filled {
        background: linear-gradient(135deg, #10b981, #059669);
        border-color: #34d399; color: white;
        box-shadow: 0 0 8px rgba(16, 185, 129, 0.4);
    }
    .jp-dot.next {
        border-color: #fbbf24; color: #fbbf24;
        animation: dotPulse 2s ease-in-out infinite;
    }
    @keyframes dotPulse {
        0%, 100% { box-shadow: 0 0 0 0 rgba(251, 191, 36, 0.3); }
        50% { box-shadow: 0 0 0 6px rgba(251, 191, 36, 0); }
    }
    .jp-tickets { display: flex; justify-content: center; gap: 6px; flex-wrap: wrap; }
    .jp-ticket {
        display: flex; flex-direction: column; align-items: center;
        padding: 6px 10px; border-radius: 8px;
        background: #1e293b; border: 2px solid #334155;
        min-width: 44px; transition: all 0.3s;
    }
    .jp-ticket.earned {
        background: linear-gradient(135deg, #7c3aed, #6d28d9);
        border-color: #a78bfa;
        box-shadow: 0 0 12px rgba(124, 58, 237, 0.4);
    }
    .jp-ticket-icon { font-size: 1.1rem; }
    .jp-ticket-num { font-size: 0.6rem; font-weight: 700; color: #94a3b8; margin-top: 1px; }
    .jp-ticket.earned .jp-ticket-num { color: #ddd6fe; }

    @media (max-width: 768px) {
        #prizeCounter { font-size: 2.4rem; }
        .prize-currency { font-size: 1.4rem; }
        .prize-pool-section { padding: 20px 16px 14px; }
        .jp-section-wrap { padding: 14px 16px 16px; }
    }
    </style>

    <script>
    document.addEventListener('DOMContentLoaded', function() {
        var el = document.getElementById('prizeCounter');
        var jpTag = document.getElementById('jackpotTag');
        if (!el) return;
        var baseAmount = parseFloat(el.getAttribute('data-base')) || 26000;
        var jpBase = jpTag ? (parseFloat(jpTag.getAttribute('data-base')) || 10000) : 10000;
        var now = new Date();
        var startOfMonth = new Date(now.getFullYear(), now.getMonth(), 1);
        var secondsElapsed = (now - startOfMonth) / 1000;
        var ratePerSecond = 0.004;
        var accumulated = secondsElapsed * ratePerSecond;
        var currentVal = baseAmount + accumulated;
        var jpVal = jpBase + accumulated;
        function fmt(n) {
            return n.toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
        }
        function updateCounter() {
            currentVal += ratePerSecond;
            jpVal += ratePerSecond;
            el.textContent = fmt(currentVal);
            if (jpTag) jpTag.textContent = fmt(jpVal);
        }
        updateCounter();
        setInterval(updateCounter, 1000);
    });
    </script>

    

    <!-- Check-in Widget -->

    
    

    <!-- Tools -->
    <div class="tools">
            </div>

    

    <!-- Betting Banner -->

    <div style="background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); border-radius: 10px; padding: 14px 20px; margin-bottom: 12px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; border: 1px solid #334155;">

        <div style="display: flex; align-items: center; gap: 10px;">

            <span style="font-size: 1.3rem;">🎰</span>

            <div>

                <div style="color: #fbbf24; font-weight: 700; font-size: 0.95rem;">เดิมพันเหรียญ</div>

                <div style="color: #94a3b8; font-size: 0.75rem;">เลือกจำนวนเหรียญที่ต้องการเดิมพันในแต่ละคู่</div>

            </div>

        </div>

        <div style="display: flex; gap: 12px; flex-wrap: wrap;">

            <div style="text-align: center; background: rgba(16,185,129,0.15); padding: 6px 14px; border-radius: 8px; border: 1px solid rgba(16,185,129,0.3);">

                <div style="color: #34d399; font-weight: 800; font-size: 1rem;">×1.5</div>

                <div style="color: #6ee7b7; font-size: 0.65rem;">ทายถูก</div>

            </div>

            <div style="text-align: center; background: rgba(251,191,36,0.15); padding: 6px 14px; border-radius: 8px; border: 1px solid rgba(251,191,36,0.3);">

                <div style="color: #fbbf24; font-weight: 800; font-size: 1rem;">×3</div>

                <div style="color: #fcd34d; font-size: 0.65rem;">สกอร์เป๊ะ</div>

            </div>

            <div style="text-align: center; background: rgba(239,68,68,0.15); padding: 6px 14px; border-radius: 8px; border: 1px solid rgba(239,68,68,0.3);">

                <div style="color: #f87171; font-weight: 800; font-size: 1rem;">×0</div>

                <div style="color: #fca5a5; font-size: 0.65rem;">ทายผิด</div>

            </div>

        </div>

    </div>

    

    
        
        <div class="league-section " data-hot="1">

            <div class="league-header" style="border-left-color:#CA00CA">

                <span><img src="/goalsi.png" alt="" width="22" height="22" class="site-inline-icon"> บุนเดสลีก้า 2 เยอรมัน</span>

            </div>



            


            <div class="match-row" data-id="2988352" data-handicap="0.75">

                <div class="col-time">01:30</div>

                <div class="col-status ">ยังไม่เริ่ม</div>

                <div class="col-home">

                    <span class="team-name">โวล์ฟสบวร์ก</span>

                    <img src="../team_logos/149.png" alt="โวล์ฟสบวร์ก">

                </div>

                <div class="col-score">

                    
                    <span class="vs">vs</span>

                    
                </div>

                <div class="col-away">

                    <img src="../team_logos/1720.png" alt="เอสซี พาเดอร์บอร์น 07">

                    <span class="team-name">เอสซี พาเดอร์บอร์น 07</span>

                </div>

                <!-- Handicap column removed for simplified gameplay -->

                <div class="col-predict">

                    
                        <div class="predict-row-wrap">
                            <div class="predict-line1">
                                <div class="score-inputs">
                                    <input type="number" id="h_2988352" min="0" max="20" placeholder="0" onclick="requireLogin()">
                                    <span>-</span>
                                    <input type="number" id="a_2988352" min="0" max="20" placeholder="0" onclick="requireLogin()">
                                </div>
                                                                    <button class="submit-predict-btn" onclick="requireLogin()">ทายผล</button>
                                    <button class="special-badge" onclick="requireLogin()">⭐</button>
                                                            </div>
                            <div class="predict-line2">
                                <div class="bet-selector" id="bets_2988352">
                                    <span class="bet-selector-label">เหรียญ</span>
                                    <span class="bet-chip zero active" data-amount="0" onclick="selectBet('2988352', 0, this)">-</span>
                                    <span class="bet-chip" data-amount="10" onclick="selectBet('2988352', 10, this)">10</span>
                                    <span class="bet-chip" data-amount="25" onclick="selectBet('2988352', 25, this)">25</span>
                                    <span class="bet-chip" data-amount="50" onclick="selectBet('2988352', 50, this)">50</span>
                                    <span class="bet-chip" data-amount="100" onclick="selectBet('2988352', 100, this)">100</span>
                                </div>
                            </div>
                        </div>

                    
                </div>

            </div>

            
        </div>

        
        <div class="league-section " data-hot="1">

            <div class="league-header" style="border-left-color:#FC9B0A">

                <span><img src="/goalsi.png" alt="" width="22" height="22" class="site-inline-icon"> จูบิแลร์ ลีก เบลเยียม</span>

            </div>



            


            <div class="match-row" data-id="2969479" data-handicap="0.25">

                <div class="col-time">01:30</div>

                <div class="col-status ">ยังไม่เริ่ม</div>

                <div class="col-home">

                    <span class="team-name">อันเดอร์เลชท์</span>

                    <img src="../team_logos/153.png" alt="อันเดอร์เลชท์">

                </div>

                <div class="col-score">

                    
                    <span class="vs">vs</span>

                    
                </div>

                <div class="col-away">

                    <img src="../team_logos/156.png" alt="แซงต์ ทรุยด็อง">

                    <span class="team-name">แซงต์ ทรุยด็อง</span>

                </div>

                <!-- Handicap column removed for simplified gameplay -->

                <div class="col-predict">

                    
                        <div class="predict-row-wrap">
                            <div class="predict-line1">
                                <div class="score-inputs">
                                    <input type="number" id="h_2969479" min="0" max="20" placeholder="0" onclick="requireLogin()">
                                    <span>-</span>
                                    <input type="number" id="a_2969479" min="0" max="20" placeholder="0" onclick="requireLogin()">
                                </div>
                                                                    <button class="submit-predict-btn" onclick="requireLogin()">ทายผล</button>
                                    <button class="special-badge" onclick="requireLogin()">⭐</button>
                                                            </div>
                            <div class="predict-line2">
                                <div class="bet-selector" id="bets_2969479">
                                    <span class="bet-selector-label">เหรียญ</span>
                                    <span class="bet-chip zero active" data-amount="0" onclick="selectBet('2969479', 0, this)">-</span>
                                    <span class="bet-chip" data-amount="10" onclick="selectBet('2969479', 10, this)">10</span>
                                    <span class="bet-chip" data-amount="25" onclick="selectBet('2969479', 25, this)">25</span>
                                    <span class="bet-chip" data-amount="50" onclick="selectBet('2969479', 50, this)">50</span>
                                    <span class="bet-chip" data-amount="100" onclick="selectBet('2969479', 100, this)">100</span>
                                </div>
                            </div>
                        </div>

                    
                </div>

            </div>

            


            <div class="match-row" data-id="2969480" data-handicap="-0.75">

                <div class="col-time">01:30</div>

                <div class="col-status ">ยังไม่เริ่ม</div>

                <div class="col-home">

                    <span class="team-name">เคเอเอ เกนท์</span>

                    <img src="../team_logos/140.png" alt="เคเอเอ เกนท์">

                </div>

                <div class="col-score">

                    
                    <span class="vs">vs</span>

                    
                </div>

                <div class="col-away">

                    <img src="../team_logos/1317.png" alt="แซงต์ กิลลุส">

                    <span class="team-name">แซงต์ กิลลุส</span>

                </div>

                <!-- Handicap column removed for simplified gameplay -->

                <div class="col-predict">

                    
                        <div class="predict-row-wrap">
                            <div class="predict-line1">
                                <div class="score-inputs">
                                    <input type="number" id="h_2969480" min="0" max="20" placeholder="0" onclick="requireLogin()">
                                    <span>-</span>
                                    <input type="number" id="a_2969480" min="0" max="20" placeholder="0" onclick="requireLogin()">
                                </div>
                                                                    <button class="submit-predict-btn" onclick="requireLogin()">ทายผล</button>
                                    <button class="special-badge" onclick="requireLogin()">⭐</button>
                                                            </div>
                            <div class="predict-line2">
                                <div class="bet-selector" id="bets_2969480">
                                    <span class="bet-selector-label">เหรียญ</span>
                                    <span class="bet-chip zero active" data-amount="0" onclick="selectBet('2969480', 0, this)">-</span>
                                    <span class="bet-chip" data-amount="10" onclick="selectBet('2969480', 10, this)">10</span>
                                    <span class="bet-chip" data-amount="25" onclick="selectBet('2969480', 25, this)">25</span>
                                    <span class="bet-chip" data-amount="50" onclick="selectBet('2969480', 50, this)">50</span>
                                    <span class="bet-chip" data-amount="100" onclick="selectBet('2969480', 100, this)">100</span>
                                </div>
                            </div>
                        </div>

                    
                </div>

            </div>

            


            <div class="match-row" data-id="2969481" data-handicap="-1.25">

                <div class="col-time">01:30</div>

                <div class="col-status ">ยังไม่เริ่ม</div>

                <div class="col-home">

                    <span class="team-name">เมเชเลน</span>

                    <img src="../team_logos/1244.png" alt="เมเชเลน">

                </div>

                <div class="col-score">

                    
                    <span class="vs">vs</span>

                    
                </div>

                <div class="col-away">

                    <img src="../team_logos/148.png" alt="คลับ บรูซ">

                    <span class="team-name">คลับ บรูซ</span>

                </div>

                <!-- Handicap column removed for simplified gameplay -->

                <div class="col-predict">

                    
                        <div class="predict-row-wrap">
                            <div class="predict-line1">
                                <div class="score-inputs">
                                    <input type="number" id="h_2969481" min="0" max="20" placeholder="0" onclick="requireLogin()">
                                    <span>-</span>
                                    <input type="number" id="a_2969481" min="0" max="20" placeholder="0" onclick="requireLogin()">
                                </div>
                                                                    <button class="submit-predict-btn" onclick="requireLogin()">ทายผล</button>
                                    <button class="special-badge" onclick="requireLogin()">⭐</button>
                                                            </div>
                            <div class="predict-line2">
                                <div class="bet-selector" id="bets_2969481">
                                    <span class="bet-selector-label">เหรียญ</span>
                                    <span class="bet-chip zero active" data-amount="0" onclick="selectBet('2969481', 0, this)">-</span>
                                    <span class="bet-chip" data-amount="10" onclick="selectBet('2969481', 10, this)">10</span>
                                    <span class="bet-chip" data-amount="25" onclick="selectBet('2969481', 25, this)">25</span>
                                    <span class="bet-chip" data-amount="50" onclick="selectBet('2969481', 50, this)">50</span>
                                    <span class="bet-chip" data-amount="100" onclick="selectBet('2969481', 100, this)">100</span>
                                </div>
                            </div>
                        </div>

                    
                </div>

            </div>

            
        </div>

        
        <div class="league-section " data-hot="1">

            <div class="league-header" style="border-left-color:#57A87B">

                <span><img src="/goalsi.png" alt="" width="22" height="22" class="site-inline-icon"> สกอตติชพรีเมียร์ชิป</span>

            </div>



            


            <div class="match-row" data-id="2988047" data-handicap="0">

                <div class="col-time">02:00</div>

                <div class="col-status ">ยังไม่เริ่ม</div>

                <div class="col-home">

                    <span class="team-name">แพททริค ทริสเทล</span>

                    <img src="../team_logos/1462.png" alt="แพททริค ทริสเทล">

                </div>

                <div class="col-score">

                    
                    <span class="vs">vs</span>

                    
                </div>

                <div class="col-away">

                    <img src="../team_logos/1463.png" alt="เซนต์ เมียร์เรน">

                    <span class="team-name">เซนต์ เมียร์เรน</span>

                </div>

                <!-- Handicap column removed for simplified gameplay -->

                <div class="col-predict">

                    
                        <div class="predict-row-wrap">
                            <div class="predict-line1">
                                <div class="score-inputs">
                                    <input type="number" id="h_2988047" min="0" max="20" placeholder="0" onclick="requireLogin()">
                                    <span>-</span>
                                    <input type="number" id="a_2988047" min="0" max="20" placeholder="0" onclick="requireLogin()">
                                </div>
                                                                    <button class="submit-predict-btn" onclick="requireLogin()">ทายผล</button>
                                    <button class="special-badge" onclick="requireLogin()">⭐</button>
                                                            </div>
                            <div class="predict-line2">
                                <div class="bet-selector" id="bets_2988047">
                                    <span class="bet-selector-label">เหรียญ</span>
                                    <span class="bet-chip zero active" data-amount="0" onclick="selectBet('2988047', 0, this)">-</span>
                                    <span class="bet-chip" data-amount="10" onclick="selectBet('2988047', 10, this)">10</span>
                                    <span class="bet-chip" data-amount="25" onclick="selectBet('2988047', 25, this)">25</span>
                                    <span class="bet-chip" data-amount="50" onclick="selectBet('2988047', 50, this)">50</span>
                                    <span class="bet-chip" data-amount="100" onclick="selectBet('2988047', 100, this)">100</span>
                                </div>
                            </div>
                        </div>

                    
                </div>

            </div>

            
        </div>

        
        <div class="league-section " data-hot="1">

            <div class="league-header" style="border-left-color:#FF6699">

                <span><img src="/goalsi.png" alt="" width="22" height="22" class="site-inline-icon"> เอเรอดีวีซี</span>

            </div>



            


            <div class="match-row" data-id="2988160" data-handicap="0.5">

                <div class="col-time">23:45</div>

                <div class="col-status ">ยังไม่เริ่ม</div>

                <div class="col-home">

                    <span class="team-name">อาแจกซ์ อัมสเตอร์ดัม(N)</span>

                    <img src="../team_logos/253.png" alt="อาแจกซ์ อัมสเตอร์ดัม(N)">

                </div>

                <div class="col-score">

                    
                    <span class="vs">vs</span>

                    
                </div>

                <div class="col-away">

                    <img src="../team_logos/236.png" alt="โกรนิงเก้น">

                    <span class="team-name">โกรนิงเก้น</span>

                </div>

                <!-- Handicap column removed for simplified gameplay -->

                <div class="col-predict">

                    
                        <div class="predict-row-wrap">
                            <div class="predict-line1">
                                <div class="score-inputs">
                                    <input type="number" id="h_2988160" min="0" max="20" placeholder="0" onclick="requireLogin()">
                                    <span>-</span>
                                    <input type="number" id="a_2988160" min="0" max="20" placeholder="0" onclick="requireLogin()">
                                </div>
                                                                    <button class="submit-predict-btn" onclick="requireLogin()">ทายผล</button>
                                    <button class="special-badge" onclick="requireLogin()">⭐</button>
                                                            </div>
                            <div class="predict-line2">
                                <div class="bet-selector" id="bets_2988160">
                                    <span class="bet-selector-label">เหรียญ</span>
                                    <span class="bet-chip zero active" data-amount="0" onclick="selectBet('2988160', 0, this)">-</span>
                                    <span class="bet-chip" data-amount="10" onclick="selectBet('2988160', 10, this)">10</span>
                                    <span class="bet-chip" data-amount="25" onclick="selectBet('2988160', 25, this)">25</span>
                                    <span class="bet-chip" data-amount="50" onclick="selectBet('2988160', 50, this)">50</span>
                                    <span class="bet-chip" data-amount="100" onclick="selectBet('2988160', 100, this)">100</span>
                                </div>
                            </div>
                        </div>

                    
                </div>

            </div>

            


            <div class="match-row" data-id="2988161" data-handicap="0.5">

                <div class="col-time">02:00</div>

                <div class="col-status ">ยังไม่เริ่ม</div>

                <div class="col-home">

                    <span class="team-name">อูเทร็คท์</span>

                    <img src="../team_logos/237.png" alt="อูเทร็คท์">

                </div>

                <div class="col-score">

                    
                    <span class="vs">vs</span>

                    
                </div>

                <div class="col-away">

                    <img src="../team_logos/235.png" alt="เอสซี ฮีเรนวีน">

                    <span class="team-name">เอสซี ฮีเรนวีน</span>

                </div>

                <!-- Handicap column removed for simplified gameplay -->

                <div class="col-predict">

                    
                        <div class="predict-row-wrap">
                            <div class="predict-line1">
                                <div class="score-inputs">
                                    <input type="number" id="h_2988161" min="0" max="20" placeholder="0" onclick="requireLogin()">
                                    <span>-</span>
                                    <input type="number" id="a_2988161" min="0" max="20" placeholder="0" onclick="requireLogin()">
                                </div>
                                                                    <button class="submit-predict-btn" onclick="requireLogin()">ทายผล</button>
                                    <button class="special-badge" onclick="requireLogin()">⭐</button>
                                                            </div>
                            <div class="predict-line2">
                                <div class="bet-selector" id="bets_2988161">
                                    <span class="bet-selector-label">เหรียญ</span>
                                    <span class="bet-chip zero active" data-amount="0" onclick="selectBet('2988161', 0, this)">-</span>
                                    <span class="bet-chip" data-amount="10" onclick="selectBet('2988161', 10, this)">10</span>
                                    <span class="bet-chip" data-amount="25" onclick="selectBet('2988161', 25, this)">25</span>
                                    <span class="bet-chip" data-amount="50" onclick="selectBet('2988161', 50, this)">50</span>
                                    <span class="bet-chip" data-amount="100" onclick="selectBet('2988161', 100, this)">100</span>
                                </div>
                            </div>
                        </div>

                    
                </div>

            </div>

            
        </div>

        
        <div class="league-section " data-hot="1">

            <div class="league-header" style="border-left-color:#1ba578">

                <span><img src="/goalsi.png" alt="" width="22" height="22" class="site-inline-icon"> สวิสซูเปอร์ลีก</span>

            </div>



            


            <div class="match-row" data-id="2988051" data-handicap="0">

                <div class="col-time">01:15</div>

                <div class="col-status ">ยังไม่เริ่ม</div>

                <div class="col-home">

                    <span class="team-name">กราสฮ็อปเปอร์</span>

                    <img src="../team_logos/436.png" alt="กราสฮ็อปเปอร์">

                </div>

                <div class="col-score">

                    
                    <span class="vs">vs</span>

                    
                </div>

                <div class="col-away">

                    <img src="../team_logos/444.png" alt="อารัว">

                    <span class="team-name">อารัว</span>

                </div>

                <!-- Handicap column removed for simplified gameplay -->

                <div class="col-predict">

                    
                        <div class="predict-row-wrap">
                            <div class="predict-line1">
                                <div class="score-inputs">
                                    <input type="number" id="h_2988051" min="0" max="20" placeholder="0" onclick="requireLogin()">
                                    <span>-</span>
                                    <input type="number" id="a_2988051" min="0" max="20" placeholder="0" onclick="requireLogin()">
                                </div>
                                                                    <button class="submit-predict-btn" onclick="requireLogin()">ทายผล</button>
                                    <button class="special-badge" onclick="requireLogin()">⭐</button>
                                                            </div>
                            <div class="predict-line2">
                                <div class="bet-selector" id="bets_2988051">
                                    <span class="bet-selector-label">เหรียญ</span>
                                    <span class="bet-chip zero active" data-amount="0" onclick="selectBet('2988051', 0, this)">-</span>
                                    <span class="bet-chip" data-amount="10" onclick="selectBet('2988051', 10, this)">10</span>
                                    <span class="bet-chip" data-amount="25" onclick="selectBet('2988051', 25, this)">25</span>
                                    <span class="bet-chip" data-amount="50" onclick="selectBet('2988051', 50, this)">50</span>
                                    <span class="bet-chip" data-amount="100" onclick="selectBet('2988051', 100, this)">100</span>
                                </div>
                            </div>
                        </div>

                    
                </div>

            </div>

            
        </div>

        
        <div class="league-section " data-hot="1">

            <div class="league-header" style="border-left-color:#8C8A64">

                <span><img src="/goalsi.png" alt="" width="22" height="22" class="site-inline-icon"> ซูเปอร์ลีก กรีซ</span>

            </div>



            


            <div class="match-row" data-id="2973361" data-handicap="1">

                <div class="col-time">22:00</div>

                <div class="col-status ">ยังไม่เริ่ม</div>

                <div class="col-home">

                    <span class="team-name">พีเออี อโตรมิตอส</span>

                    <img src="../team_logos/1778.png" alt="พีเออี อโตรมิตอส">

                </div>

                <div class="col-score">

                    
                    <span class="vs">vs</span>

                    
                </div>

                <div class="col-away">

                    <img src="../team_logos/1616.png" alt="พานเซอร์ไรกอส">

                    <span class="team-name">พานเซอร์ไรกอส</span>

                </div>

                <!-- Handicap column removed for simplified gameplay -->

                <div class="col-predict">

                    
                        <div class="predict-row-wrap">
                            <div class="predict-line1">
                                <div class="score-inputs">
                                    <input type="number" id="h_2973361" min="0" max="20" placeholder="0" onclick="requireLogin()">
                                    <span>-</span>
                                    <input type="number" id="a_2973361" min="0" max="20" placeholder="0" onclick="requireLogin()">
                                </div>
                                                                    <button class="submit-predict-btn" onclick="requireLogin()">ทายผล</button>
                                    <button class="special-badge" onclick="requireLogin()">⭐</button>
                                                            </div>
                            <div class="predict-line2">
                                <div class="bet-selector" id="bets_2973361">
                                    <span class="bet-selector-label">เหรียญ</span>
                                    <span class="bet-chip zero active" data-amount="0" onclick="selectBet('2973361', 0, this)">-</span>
                                    <span class="bet-chip" data-amount="10" onclick="selectBet('2973361', 10, this)">10</span>
                                    <span class="bet-chip" data-amount="25" onclick="selectBet('2973361', 25, this)">25</span>
                                    <span class="bet-chip" data-amount="50" onclick="selectBet('2973361', 50, this)">50</span>
                                    <span class="bet-chip" data-amount="100" onclick="selectBet('2973361', 100, this)">100</span>
                                </div>
                            </div>
                        </div>

                    
                </div>

            </div>

            


            <div class="match-row" data-id="2973362" data-handicap="0.25">

                <div class="col-time">23:00</div>

                <div class="col-status ">ยังไม่เริ่ม</div>

                <div class="col-home">

                    <span class="team-name">เออี คิฟีเซียส</span>

                    <img src="../team_logos/35568.png" alt="เออี คิฟีเซียส">

                </div>

                <div class="col-score">

                    
                    <span class="vs">vs</span>

                    
                </div>

                <div class="col-away">

                    <img src="../team_logos/3519.png" alt="เออีแอล ลาริซ่า">

                    <span class="team-name">เออีแอล ลาริซ่า</span>

                </div>

                <!-- Handicap column removed for simplified gameplay -->

                <div class="col-predict">

                    
                        <div class="predict-row-wrap">
                            <div class="predict-line1">
                                <div class="score-inputs">
                                    <input type="number" id="h_2973362" min="0" max="20" placeholder="0" onclick="requireLogin()">
                                    <span>-</span>
                                    <input type="number" id="a_2973362" min="0" max="20" placeholder="0" onclick="requireLogin()">
                                </div>
                                                                    <button class="submit-predict-btn" onclick="requireLogin()">ทายผล</button>
                                    <button class="special-badge" onclick="requireLogin()">⭐</button>
                                                            </div>
                            <div class="predict-line2">
                                <div class="bet-selector" id="bets_2973362">
                                    <span class="bet-selector-label">เหรียญ</span>
                                    <span class="bet-chip zero active" data-amount="0" onclick="selectBet('2973362', 0, this)">-</span>
                                    <span class="bet-chip" data-amount="10" onclick="selectBet('2973362', 10, this)">10</span>
                                    <span class="bet-chip" data-amount="25" onclick="selectBet('2973362', 25, this)">25</span>
                                    <span class="bet-chip" data-amount="50" onclick="selectBet('2973362', 50, this)">50</span>
                                    <span class="bet-chip" data-amount="100" onclick="selectBet('2973362', 100, this)">100</span>
                                </div>
                            </div>
                        </div>

                    
                </div>

            </div>

            


            <div class="match-row" data-id="2973363" data-handicap="0.25">

                <div class="col-time">23:00</div>

                <div class="col-status ">ยังไม่เริ่ม</div>

                <div class="col-home">

                    <span class="team-name">พาไนโทลิกอส อกรีนิออน</span>

                    <img src="../team_logos/3332.png" alt="พาไนโทลิกอส อกรีนิออน">

                </div>

                <div class="col-score">

                    
                    <span class="vs">vs</span>

                    
                </div>

                <div class="col-away">

                    <img src="../team_logos/2845.png" alt="แอสเตราส ตริโปลิส">

                    <span class="team-name">แอสเตราส ตริโปลิส</span>

                </div>

                <!-- Handicap column removed for simplified gameplay -->

                <div class="col-predict">

                    
                        <div class="predict-row-wrap">
                            <div class="predict-line1">
                                <div class="score-inputs">
                                    <input type="number" id="h_2973363" min="0" max="20" placeholder="0" onclick="requireLogin()">
                                    <span>-</span>
                                    <input type="number" id="a_2973363" min="0" max="20" placeholder="0" onclick="requireLogin()">
                                </div>
                                                                    <button class="submit-predict-btn" onclick="requireLogin()">ทายผล</button>
                                    <button class="special-badge" onclick="requireLogin()">⭐</button>
                                                            </div>
                            <div class="predict-line2">
                                <div class="bet-selector" id="bets_2973363">
                                    <span class="bet-selector-label">เหรียญ</span>
                                    <span class="bet-chip zero active" data-amount="0" onclick="selectBet('2973363', 0, this)">-</span>
                                    <span class="bet-chip" data-amount="10" onclick="selectBet('2973363', 10, this)">10</span>
                                    <span class="bet-chip" data-amount="25" onclick="selectBet('2973363', 25, this)">25</span>
                                    <span class="bet-chip" data-amount="50" onclick="selectBet('2973363', 50, this)">50</span>
                                    <span class="bet-chip" data-amount="100" onclick="selectBet('2973363', 100, this)">100</span>
                                </div>
                            </div>
                        </div>

                    
                </div>

            </div>

            
        </div>

        
        <div class="league-section " data-hot="1">

            <div class="league-header" style="border-left-color:#004488">

                <span><img src="/goalsi.png" alt="" width="22" height="22" class="site-inline-icon"> ออลสเวนส์คาน</span>

            </div>



            


            <div class="match-row" data-id="2912222" data-handicap="0">

                <div class="col-time">00:00</div>

                <div class="col-status ">ยังไม่เริ่ม</div>

                <div class="col-home">

                    <span class="team-name">เอล์ฟส์บอร์ก</span>

                    <img src="../team_logos/417.png" alt="เอล์ฟส์บอร์ก">

                </div>

                <div class="col-score">

                    
                    <span class="vs">vs</span>

                    
                </div>

                <div class="col-away">

                    <img src="../team_logos/2091.png" alt="มอลล์บี้ เอไอเอฟ">

                    <span class="team-name">มอลล์บี้ เอไอเอฟ</span>

                </div>

                <!-- Handicap column removed for simplified gameplay -->

                <div class="col-predict">

                    
                        <div class="predict-row-wrap">
                            <div class="predict-line1">
                                <div class="score-inputs">
                                    <input type="number" id="h_2912222" min="0" max="20" placeholder="0" onclick="requireLogin()">
                                    <span>-</span>
                                    <input type="number" id="a_2912222" min="0" max="20" placeholder="0" onclick="requireLogin()">
                                </div>
                                                                    <button class="submit-predict-btn" onclick="requireLogin()">ทายผล</button>
                                    <button class="special-badge" onclick="requireLogin()">⭐</button>
                                                            </div>
                            <div class="predict-line2">
                                <div class="bet-selector" id="bets_2912222">
                                    <span class="bet-selector-label">เหรียญ</span>
                                    <span class="bet-chip zero active" data-amount="0" onclick="selectBet('2912222', 0, this)">-</span>
                                    <span class="bet-chip" data-amount="10" onclick="selectBet('2912222', 10, this)">10</span>
                                    <span class="bet-chip" data-amount="25" onclick="selectBet('2912222', 25, this)">25</span>
                                    <span class="bet-chip" data-amount="50" onclick="selectBet('2912222', 50, this)">50</span>
                                    <span class="bet-chip" data-amount="100" onclick="selectBet('2912222', 100, this)">100</span>
                                </div>
                            </div>
                        </div>

                    
                </div>

            </div>

            
        </div>

        
        <div class="league-section " data-hot="1">

            <div class="league-header" style="border-left-color:#8EAD12">

                <span><img src="/goalsi.png" alt="" width="22" height="22" class="site-inline-icon"> โกปาลิเบร์ตาโดเรส</span>

            </div>



            


            <div class="match-row" data-id="2963574" data-handicap="0">

                <div class="col-time">09:00</div>

                <div class="col-status ended">จบ</div>

                <div class="col-home">

                    <span class="team-name">เรอัลอัตเลตีโก การ์ซิลาโซ่</span>

                    <img src="../team_logos/17014.png" alt="เรอัลอัตเลตีโก การ์ซิลาโซ่">

                </div>

                <div class="col-score">

                    
                    <span class="">2 - 3</span>

                    
                </div>

                <div class="col-away">

                    <img src="../team_logos/1960.png" alt="เดป.อินดิเพนเดนเต้ เมเดลลิน">

                    <span class="team-name">เดป.อินดิเพนเดนเต้ เมเดลลิน</span>

                </div>

                <!-- Handicap column removed for simplified gameplay -->

                <div class="col-predict">

                    
                        <div class="predict-disabled">
                            <div class="score-inputs disabled-inputs">
                                <input type="number" disabled value="-">
                                <span>:</span>
                                <input type="number" disabled value="-">
                            </div>
                            <span class="disabled-label">จบแล้ว</span>
                        </div>

                    
                </div>

            </div>

            


            <div class="match-row" data-id="2963578" data-handicap="0.5">

                <div class="col-time">09:00</div>

                <div class="col-status ended">จบ</div>

                <div class="col-home">

                    <span class="team-name">แอตเลติโก้ จูเนียร์ บาแรนคิลล่า</span>

                    <img src="../team_logos/1354.png" alt="แอตเลติโก้ จูเนียร์ บาแรนคิลล่า">

                </div>

                <div class="col-score">

                    
                    <span class="">3 - 2</span>

                    
                </div>

                <div class="col-away">

                    <img src="../team_logos/1963.png" alt="สปอร์ติ้งคริสตัล">

                    <span class="team-name">สปอร์ติ้งคริสตัล</span>

                </div>

                <!-- Handicap column removed for simplified gameplay -->

                <div class="col-predict">

                    
                        <div class="predict-disabled">
                            <div class="score-inputs disabled-inputs">
                                <input type="number" disabled value="-">
                                <span>:</span>
                                <input type="number" disabled value="-">
                            </div>
                            <span class="disabled-label">จบแล้ว</span>
                        </div>

                    
                </div>

            </div>

            


            <div class="match-row" data-id="2963576" data-handicap="-0.75">

                <div class="col-time">05:00</div>

                <div class="col-status ">ยังไม่เริ่ม</div>

                <div class="col-home">

                    <span class="team-name">เดปอร์ติโบ ลา กัวรา</span>

                    <img src="../team_logos/11005.png" alt="เดปอร์ติโบ ลา กัวรา">

                </div>

                <div class="col-score">

                    
                    <span class="vs">vs</span>

                    
                </div>

                <div class="col-away">

                    <img src="../team_logos/6145.png" alt="อินดิเพนเดนเต้ ลิวาดาเวีย">

                    <span class="team-name">อินดิเพนเดนเต้ ลิวาดาเวีย</span>

                </div>

                <!-- Handicap column removed for simplified gameplay -->

                <div class="col-predict">

                    
                        <div class="predict-row-wrap">
                            <div class="predict-line1">
                                <div class="score-inputs">
                                    <input type="number" id="h_2963576" min="0" max="20" placeholder="0" onclick="requireLogin()">
                                    <span>-</span>
                                    <input type="number" id="a_2963576" min="0" max="20" placeholder="0" onclick="requireLogin()">
                                </div>
                                                                    <button class="submit-predict-btn" onclick="requireLogin()">ทายผล</button>
                                    <button class="special-badge" onclick="requireLogin()">⭐</button>
                                                            </div>
                            <div class="predict-line2">
                                <div class="bet-selector" id="bets_2963576">
                                    <span class="bet-selector-label">เหรียญ</span>
                                    <span class="bet-chip zero active" data-amount="0" onclick="selectBet('2963576', 0, this)">-</span>
                                    <span class="bet-chip" data-amount="10" onclick="selectBet('2963576', 10, this)">10</span>
                                    <span class="bet-chip" data-amount="25" onclick="selectBet('2963576', 25, this)">25</span>
                                    <span class="bet-chip" data-amount="50" onclick="selectBet('2963576', 50, this)">50</span>
                                    <span class="bet-chip" data-amount="100" onclick="selectBet('2963576', 100, this)">100</span>
                                </div>
                            </div>
                        </div>

                    
                </div>

            </div>

            


            <div class="match-row" data-id="2963584" data-handicap="0.5">

                <div class="col-time">07:30</div>

                <div class="col-status ">ยังไม่เริ่ม</div>

                <div class="col-home">

                    <span class="team-name">ยูนิเวอร์ซิแดต คาโตลิก้า</span>

                    <img src="../team_logos/1096.png" alt="ยูนิเวอร์ซิแดต คาโตลิก้า">

                </div>

                <div class="col-score">

                    
                    <span class="vs">vs</span>

                    
                </div>

                <div class="col-away">

                    <img src="../team_logos/3517.png" alt="บาร์เซโลน่า เอสซี (เอกวาดอร์)">

                    <span class="team-name">บาร์เซโลน่า เอสซี (เอกวาดอร์)</span>

                </div>

                <!-- Handicap column removed for simplified gameplay -->

                <div class="col-predict">

                    
                        <div class="predict-row-wrap">
                            <div class="predict-line1">
                                <div class="score-inputs">
                                    <input type="number" id="h_2963584" min="0" max="20" placeholder="0" onclick="requireLogin()">
                                    <span>-</span>
                                    <input type="number" id="a_2963584" min="0" max="20" placeholder="0" onclick="requireLogin()">
                                </div>
                                                                    <button class="submit-predict-btn" onclick="requireLogin()">ทายผล</button>
                                    <button class="special-badge" onclick="requireLogin()">⭐</button>
                                                            </div>
                            <div class="predict-line2">
                                <div class="bet-selector" id="bets_2963584">
                                    <span class="bet-selector-label">เหรียญ</span>
                                    <span class="bet-chip zero active" data-amount="0" onclick="selectBet('2963584', 0, this)">-</span>
                                    <span class="bet-chip" data-amount="10" onclick="selectBet('2963584', 10, this)">10</span>
                                    <span class="bet-chip" data-amount="25" onclick="selectBet('2963584', 25, this)">25</span>
                                    <span class="bet-chip" data-amount="50" onclick="selectBet('2963584', 50, this)">50</span>
                                    <span class="bet-chip" data-amount="100" onclick="selectBet('2963584', 100, this)">100</span>
                                </div>
                            </div>
                        </div>

                    
                </div>

            </div>

            


            <div class="match-row" data-id="2963585" data-handicap="0">

                <div class="col-time">07:30</div>

                <div class="col-status ">ยังไม่เริ่ม</div>

                <div class="col-home">

                    <span class="team-name">ซีเอ เพนาโรล</span>

                    <img src="../team_logos/1890.png" alt="ซีเอ เพนาโรล">

                </div>

                <div class="col-score">

                    
                    <span class="vs">vs</span>

                    
                </div>

                <div class="col-away">

                    <img src="../team_logos/349.png" alt="สปอร์ตคลับ คอรินเทียนส์ เปาลิสตา">

                    <span class="team-name">สปอร์ตคลับ คอรินเทียนส์ เปาลิสตา</span>

                </div>

                <!-- Handicap column removed for simplified gameplay -->

                <div class="col-predict">

                    
                        <div class="predict-row-wrap">
                            <div class="predict-line1">
                                <div class="score-inputs">
                                    <input type="number" id="h_2963585" min="0" max="20" placeholder="0" onclick="requireLogin()">
                                    <span>-</span>
                                    <input type="number" id="a_2963585" min="0" max="20" placeholder="0" onclick="requireLogin()">
                                </div>
                                                                    <button class="submit-predict-btn" onclick="requireLogin()">ทายผล</button>
                                    <button class="special-badge" onclick="requireLogin()">⭐</button>
                                                            </div>
                            <div class="predict-line2">
                                <div class="bet-selector" id="bets_2963585">
                                    <span class="bet-selector-label">เหรียญ</span>
                                    <span class="bet-chip zero active" data-amount="0" onclick="selectBet('2963585', 0, this)">-</span>
                                    <span class="bet-chip" data-amount="10" onclick="selectBet('2963585', 10, this)">10</span>
                                    <span class="bet-chip" data-amount="25" onclick="selectBet('2963585', 25, this)">25</span>
                                    <span class="bet-chip" data-amount="50" onclick="selectBet('2963585', 50, this)">50</span>
                                    <span class="bet-chip" data-amount="100" onclick="selectBet('2963585', 100, this)">100</span>
                                </div>
                            </div>
                        </div>

                    
                </div>

            </div>

            
        </div>

        
        <div class="league-section " data-hot="1">

            <div class="league-header" style="border-left-color:#CC9933">

                <span><img src="/goalsi.png" alt="" width="22" height="22" class="site-inline-icon"> โคปา ซูดาเมริกาน่า</span>

            </div>



            


            <div class="match-row" data-id="2963671" data-handicap="0.25">

                <div class="col-time">05:00</div>

                <div class="col-status ">ยังไม่เริ่ม</div>

                <div class="col-home">

                    <span class="team-name">อคาเดเมี่ย พอร์โต้ คาเบลโล</span>

                    <img src="../team_logos/25114.png" alt="อคาเดเมี่ย พอร์โต้ คาเบลโล">

                </div>

                <div class="col-score">

                    
                    <span class="vs">vs</span>

                    
                </div>

                <div class="col-away">

                    <img src="../team_logos/3973.png" alt="ซีเอยูเวนตูเด้">

                    <span class="team-name">ซีเอยูเวนตูเด้</span>

                </div>

                <!-- Handicap column removed for simplified gameplay -->

                <div class="col-predict">

                    
                        <div class="predict-row-wrap">
                            <div class="predict-line1">
                                <div class="score-inputs">
                                    <input type="number" id="h_2963671" min="0" max="20" placeholder="0" onclick="requireLogin()">
                                    <span>-</span>
                                    <input type="number" id="a_2963671" min="0" max="20" placeholder="0" onclick="requireLogin()">
                                </div>
                                                                    <button class="submit-predict-btn" onclick="requireLogin()">ทายผล</button>
                                    <button class="special-badge" onclick="requireLogin()">⭐</button>
                                                            </div>
                            <div class="predict-line2">
                                <div class="bet-selector" id="bets_2963671">
                                    <span class="bet-selector-label">เหรียญ</span>
                                    <span class="bet-chip zero active" data-amount="0" onclick="selectBet('2963671', 0, this)">-</span>
                                    <span class="bet-chip" data-amount="10" onclick="selectBet('2963671', 10, this)">10</span>
                                    <span class="bet-chip" data-amount="25" onclick="selectBet('2963671', 25, this)">25</span>
                                    <span class="bet-chip" data-amount="50" onclick="selectBet('2963671', 50, this)">50</span>
                                    <span class="bet-chip" data-amount="100" onclick="selectBet('2963671', 100, this)">100</span>
                                </div>
                            </div>
                        </div>

                    
                </div>

            </div>

            


            <div class="match-row" data-id="2963676" data-handicap="2">

                <div class="col-time">05:00</div>

                <div class="col-status ">ยังไม่เริ่ม</div>

                <div class="col-home">

                    <span class="team-name">อัตเลติโก มิไนโร่</span>

                    <img src="../team_logos/343.png" alt="อัตเลติโก มิไนโร่">

                </div>

                <div class="col-score">

                    
                    <span class="vs">vs</span>

                    
                </div>

                <div class="col-away">

                    <img src="../team_logos/1916.png" alt="เซียนเซียโน่">

                    <span class="team-name">เซียนเซียโน่</span>

                </div>

                <!-- Handicap column removed for simplified gameplay -->

                <div class="col-predict">

                    
                        <div class="predict-row-wrap">
                            <div class="predict-line1">
                                <div class="score-inputs">
                                    <input type="number" id="h_2963676" min="0" max="20" placeholder="0" onclick="requireLogin()">
                                    <span>-</span>
                                    <input type="number" id="a_2963676" min="0" max="20" placeholder="0" onclick="requireLogin()">
                                </div>
                                                                    <button class="submit-predict-btn" onclick="requireLogin()">ทายผล</button>
                                    <button class="special-badge" onclick="requireLogin()">⭐</button>
                                                            </div>
                            <div class="predict-line2">
                                <div class="bet-selector" id="bets_2963676">
                                    <span class="bet-selector-label">เหรียญ</span>
                                    <span class="bet-chip zero active" data-amount="0" onclick="selectBet('2963676', 0, this)">-</span>
                                    <span class="bet-chip" data-amount="10" onclick="selectBet('2963676', 10, this)">10</span>
                                    <span class="bet-chip" data-amount="25" onclick="selectBet('2963676', 25, this)">25</span>
                                    <span class="bet-chip" data-amount="50" onclick="selectBet('2963676', 50, this)">50</span>
                                    <span class="bet-chip" data-amount="100" onclick="selectBet('2963676', 100, this)">100</span>
                                </div>
                            </div>
                        </div>

                    
                </div>

            </div>

            


            <div class="match-row" data-id="2963672" data-handicap="2">

                <div class="col-time">07:00</div>

                <div class="col-status ">ยังไม่เริ่ม</div>

                <div class="col-home">

                    <span class="team-name">ราซิ่ง คลับ</span>

                    <img src="../team_logos/299.png" alt="ราซิ่ง คลับ">

                </div>

                <div class="col-score">

                    
                    <span class="vs">vs</span>

                    
                </div>

                <div class="col-away">

                    <img src="../team_logos/4787.png" alt="คาราคาส เอฟซี">

                    <span class="team-name">คาราคาส เอฟซี</span>

                </div>

                <!-- Handicap column removed for simplified gameplay -->

                <div class="col-predict">

                    
                        <div class="predict-row-wrap">
                            <div class="predict-line1">
                                <div class="score-inputs">
                                    <input type="number" id="h_2963672" min="0" max="20" placeholder="0" onclick="requireLogin()">
                                    <span>-</span>
                                    <input type="number" id="a_2963672" min="0" max="20" placeholder="0" onclick="requireLogin()">
                                </div>
                                                                    <button class="submit-predict-btn" onclick="requireLogin()">ทายผล</button>
                                    <button class="special-badge" onclick="requireLogin()">⭐</button>
                                                            </div>
                            <div class="predict-line2">
                                <div class="bet-selector" id="bets_2963672">
                                    <span class="bet-selector-label">เหรียญ</span>
                                    <span class="bet-chip zero active" data-amount="0" onclick="selectBet('2963672', 0, this)">-</span>
                                    <span class="bet-chip" data-amount="10" onclick="selectBet('2963672', 10, this)">10</span>
                                    <span class="bet-chip" data-amount="25" onclick="selectBet('2963672', 25, this)">25</span>
                                    <span class="bet-chip" data-amount="50" onclick="selectBet('2963672', 50, this)">50</span>
                                    <span class="bet-chip" data-amount="100" onclick="selectBet('2963672', 100, this)">100</span>
                                </div>
                            </div>
                        </div>

                    
                </div>

            </div>

            


            <div class="match-row" data-id="2963674" data-handicap="-0.25">

                <div class="col-time">07:30</div>

                <div class="col-status ">ยังไม่เริ่ม</div>

                <div class="col-home">

                    <span class="team-name">บลูมมิ่ง(N)</span>

                    <img src="../team_logos/4480.png" alt="บลูมมิ่ง(N)">

                </div>

                <div class="col-score">

                    
                    <span class="vs">vs</span>

                    
                </div>

                <div class="col-away">

                    <img src="../team_logos/4793.png" alt="การาโบโบ เอฟซี">

                    <span class="team-name">การาโบโบ เอฟซี</span>

                </div>

                <!-- Handicap column removed for simplified gameplay -->

                <div class="col-predict">

                    
                        <div class="predict-row-wrap">
                            <div class="predict-line1">
                                <div class="score-inputs">
                                    <input type="number" id="h_2963674" min="0" max="20" placeholder="0" onclick="requireLogin()">
                                    <span>-</span>
                                    <input type="number" id="a_2963674" min="0" max="20" placeholder="0" onclick="requireLogin()">
                                </div>
                                                                    <button class="submit-predict-btn" onclick="requireLogin()">ทายผล</button>
                                    <button class="special-badge" onclick="requireLogin()">⭐</button>
                                                            </div>
                            <div class="predict-line2">
                                <div class="bet-selector" id="bets_2963674">
                                    <span class="bet-selector-label">เหรียญ</span>
                                    <span class="bet-chip zero active" data-amount="0" onclick="selectBet('2963674', 0, this)">-</span>
                                    <span class="bet-chip" data-amount="10" onclick="selectBet('2963674', 10, this)">10</span>
                                    <span class="bet-chip" data-amount="25" onclick="selectBet('2963674', 25, this)">25</span>
                                    <span class="bet-chip" data-amount="50" onclick="selectBet('2963674', 50, this)">50</span>
                                    <span class="bet-chip" data-amount="100" onclick="selectBet('2963674', 100, this)">100</span>
                                </div>
                            </div>
                        </div>

                    
                </div>

            </div>

            
        </div>

        
        <div class="league-section " data-hot="1">

            <div class="league-header" style="border-left-color:#6969e3">

                <span><img src="/goalsi.png" alt="" width="22" height="22" class="site-inline-icon"> เดนมาร์ค แซซ ลิกาเอน</span>

            </div>



            


            <div class="match-row" data-id="2988435" data-handicap="-0.25">

                <div class="col-time">23:30</div>

                <div class="col-status ">ยังไม่เริ่ม</div>

                <div class="col-home">

                    <span class="team-name">บรอนด์บี้ ไอเอฟ</span>

                    <img src="../team_logos/230.png" alt="บรอนด์บี้ ไอเอฟ">

                </div>

                <div class="col-score">

                    
                    <span class="vs">vs</span>

                    
                </div>

                <div class="col-away">

                    <img src="../team_logos/227.png" alt="เอฟซี โคเปนเฮเก้น">

                    <span class="team-name">เอฟซี โคเปนเฮเก้น</span>

                </div>

                <!-- Handicap column removed for simplified gameplay -->

                <div class="col-predict">

                    
                        <div class="predict-row-wrap">
                            <div class="predict-line1">
                                <div class="score-inputs">
                                    <input type="number" id="h_2988435" min="0" max="20" placeholder="0" onclick="requireLogin()">
                                    <span>-</span>
                                    <input type="number" id="a_2988435" min="0" max="20" placeholder="0" onclick="requireLogin()">
                                </div>
                                                                    <button class="submit-predict-btn" onclick="requireLogin()">ทายผล</button>
                                    <button class="special-badge" onclick="requireLogin()">⭐</button>
                                                            </div>
                            <div class="predict-line2">
                                <div class="bet-selector" id="bets_2988435">
                                    <span class="bet-selector-label">เหรียญ</span>
                                    <span class="bet-chip zero active" data-amount="0" onclick="selectBet('2988435', 0, this)">-</span>
                                    <span class="bet-chip" data-amount="10" onclick="selectBet('2988435', 10, this)">10</span>
                                    <span class="bet-chip" data-amount="25" onclick="selectBet('2988435', 25, this)">25</span>
                                    <span class="bet-chip" data-amount="50" onclick="selectBet('2988435', 50, this)">50</span>
                                    <span class="bet-chip" data-amount="100" onclick="selectBet('2988435', 100, this)">100</span>
                                </div>
                            </div>
                        </div>

                    
                </div>

            </div>

            
        </div>

        
    
</div>
</main>



<!-- Footer -->
<footer class="site-footer" role="contentinfo">
    <div class="footer-container">
        <div class="footer-section">
            <h2 class="footer-brand-title">
                <img src="/goalsi.png" alt="" width="28" height="28" class="footer-brand-icon">
                <span>Goal.si</span>
            </h2>
            <p>เกมทายผลบอล สะสมแต้ม ลุ้นเงินรางวัลทุกเดือน</p>
            <p class="footer-seo-text">ร่วมสนุกกับเกมทายผลบอลของ Goal.si ทายผลรายคู่ เช็กอินรับแต้ม ดูอันดับผู้เล่น และติดตามรางวัลรวมแบบโปร่งใส เหมาะสำหรับแฟนบอลที่ชอบทั้งความมันและความท้าทาย</p>
        </div>
        
        <div class="footer-section footer-section-nav">
            <h3 class="footer-heading">เมนูหลัก</h3>
            <nav class="footer-nav" aria-label="เมนูล่าง">
                <ul class="footer-links">
                    <li><a href="/">📊 ผลบอลสด</a></li>
                    <li><a href="/fixture">📅 โปรแกรมบอล</a></li>
                    <li><a href="/premier-League-rank">🏆 ตารางคะแนน</a></li>
                    <li><a href="/parser-finish">🎬 ผลบอลเมื่อคืน</a></li>
                    <li><a href="/broadcast" class="footer-live">🔴 ดูบอลสด</a></li>
                    <li><a href="/game" class="footer-game">🎯 ทายบอลได้เงิน</a></li>
                </ul>
            </nav>
        </div>
        
        <div class="footer-section">
            <h3 class="footer-heading">คำค้นยอดนิยม</h3>
            <ul class="footer-keywords">
                                    <li><a href="/game">ทายบอลได้เงิน</a></li>
                                    <li><a href="/game">เกมทายผลฟุตบอล</a></li>
                                    <li><a href="/game/checkin.php">เช็กอินรับแต้ม</a></li>
                                    <li><a href="/game/rules.php">กฎกติกาเกม</a></li>
                                    <li><a href="/game/rewards.php">ของรางวัล</a></li>
                                    <li><a href="/">ผลบอลสด</a></li>
                            </ul>
        </div>
    </div>
    
    <div class="footer-bottom">
        <p>&copy; 2026 Goal.si - ผลบอลสด ผลบอลเมื่อคืน โปรแกรมบอล ตารางคะแนน ไฮไลท์ฟุตบอล ดูบอลสด</p>
        <p class="footer-legal">
            <a href="/contact">ติดต่อเรา</a> &nbsp;|&nbsp;
            <a href="/terms">เงื่อนไขการใช้บริการ</a> &nbsp;|&nbsp;
            <a href="/privacy">นโยบายความเป็นส่วนตัว</a>
        </p>
    </div>

<!-- Statcounter: ท้าย footer เพื่อลด layout shift ตอนโหลดสคริปต์ -->
<script type="text/javascript">
var sc_project=13067763;
var sc_invisible=1;
var sc_security="1561d359";
</script>
<script type="text/javascript" src="https://www.statcounter.com/counter/counter.js" async></script>
<noscript><div class="statcounter"><a title="hit counter" href="https://statcounter.com/" target="_blank"><img class="statcounter" src="https://c.statcounter.com/13067763/0/1561d359/1/" width="1" height="1" alt="hit counter" referrerPolicy="no-referrer-when-downgrade"></a></div></noscript>
</footer>

<style>
.site-footer {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
    color: #e0e0e0;
    margin-top: 40px;
    padding: 30px 0 0;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
    content-visibility: auto;
    contain-intrinsic-size: auto 280px;
}

.footer-container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 15px 30px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
}

.footer-brand-title {
    color: #fff;
    font-size: 1.3rem;
    margin-bottom: 12px;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.footer-brand-icon {
    width: 28px;
    height: 28px;
    object-fit: contain;
    border-radius: 50%;
    flex: 0 0 auto;
}

.footer-heading {
    color: #fff;
    font-size: 1rem;
    margin-bottom: 12px;
    font-weight: 600;
}

.footer-section p {
    color: #b0b0b0;
    font-size: 0.9rem;
    line-height: 1.6;
}

.footer-seo-text {
    font-size: 0.85rem;
    color: #a0a0b0;
    margin-top: 10px;
    line-height: 1.55;
}

.footer-seo-text strong {
    color: #c0c0d0;
    font-weight: 600;
}

.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(130px, 1fr));
    gap: 8px 10px;
}

.footer-links li {
    margin: 0;
}

.footer-links a {
    color: #e0e0e0;
    text-decoration: none;
    font-size: 0.9rem;
    transition: color 0.25s, background 0.25s, border-color 0.25s, transform 0.25s;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 8px 10px;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,0.1);
    background: rgba(255,255,255,0.04);
}

.footer-links a:hover {
    color: #3498db;
    border-color: rgba(52,152,219,0.45);
    background: rgba(52,152,219,0.08);
    transform: translateX(2px);
}

.footer-live { color: #e74c3c !important; }
.footer-live:hover { color: #ff6b6b !important; border-color: rgba(231,76,60,0.55) !important; background: rgba(231,76,60,0.1) !important; }
.footer-game { color: #f1c40f !important; }
.footer-game:hover { color: #f9e154 !important; border-color: rgba(241,196,15,0.55) !important; background: rgba(241,196,15,0.1) !important; }

.footer-keywords {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.footer-keywords li {
    margin: 0;
}

.footer-keywords a {
    display: inline-block;
    background: rgba(255,255,255,0.1);
    padding: 5px 12px;
    border-radius: 15px;
    font-size: 0.8rem;
    color: #b0b0b0;
    text-decoration: none;
    border: 1px solid transparent;
    transition: color 0.22s, background 0.22s, border-color 0.22s;
}

.footer-keywords a:hover {
    color: #d7ebff;
    background: rgba(52,152,219,0.18);
    border-color: rgba(52,152,219,0.35);
}

.footer-bottom {
    background: rgba(0,0,0,0.3);
    padding: 15px;
    text-align: center;
    border-top: 1px solid rgba(255,255,255,0.1);
}

.footer-bottom p {
    margin: 0;
    color: #888;
    font-size: 0.85rem;
}

.footer-legal {
    margin-top: 10px !important;
}

.footer-legal a {
    color: #a0a0b0;
    text-decoration: none;
}

.footer-legal a:hover {
    color: #3498db;
    text-decoration: underline;
}

@media (max-width: 768px) {
    h1.seo-title {
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
        font-size: clamp(0.82rem, 3.6vw, 1rem) !important;
        line-height: 1.2 !important;
        letter-spacing: -0.2px;
        padding: 10px 12px !important;
        margin: 8px 0 12px 0 !important;
        gap: 6px !important;
    }
    h1.seo-title::before {
        font-size: 1em !important;
    }

    .footer-container {
        grid-template-columns: 1fr;
        gap: 25px;
    }
    
    .footer-section {
        text-align: center;
    }
    
    .footer-keywords {
        justify-content: center;
    }

    .footer-section-nav {
        display: block;
        text-align: left;
    }

    .footer-links {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-width: none;
        margin: 0 auto;
        gap: 8px;
    }

    .footer-links a {
        justify-content: flex-start;
        text-align: left;
        font-size: 0.82rem;
        padding: 7px 6px;
    }
}
</style>


<script>

let specialPicks = new Set();

let selectedResults = {}; // Store selected result for each match

let betAmounts = {}; // Store selected bet amount for each match



function selectBet(matchId, amount, el) {

    betAmounts[matchId] = amount;

    // Update UI - remove active from siblings, add to clicked

    const container = document.getElementById('bets_' + matchId);

    if (container) {

        container.querySelectorAll('.bet-chip').forEach(c => c.classList.remove('active'));

        el.classList.add('active');

    }

}



async function doCheckin() {

    try {

        const res = await fetch('api/checkin.php', { method: 'POST' });

        const data = await res.json();

        if (data.success) {

            Swal.fire({

                icon: 'success',

                title: 'เช็คอินสำเร็จ!',

                html: `<div style="font-size:1.3rem;font-weight:700;color:#f59e0b">+${data.gold_earned} เหรียญ</div><div style="color:#6b7280;margin-top:4px">วันที่ ${data.day_number}/7</div>`,

                confirmButtonColor: '#10b981'

            }).then(() => window.location.reload());

        } else {

            Swal.fire({ icon: 'info', title: 'เช็คอินแล้ว', text: data.error || 'คุณเช็คอินวันนี้แล้ว', confirmButtonColor: '#6b7280' });

        }

    } catch (e) {

        Swal.fire({ icon: 'error', title: 'เกิดข้อผิดพลาด', text: e.message, confirmButtonColor: '#ef4444' });

    }

}



function requireLogin() {

    Swal.fire({

        title: 'กรุณาเข้าสู่ระบบ',

        text: 'คุณต้องเข้าสู่ระบบก่อนจึงจะสามารถทายผลได้',

        icon: 'info',

        showCancelButton: true,

        confirmButtonText: 'เข้าสู่ระบบ',

        cancelButtonText: 'ยกเลิก',

        confirmButtonColor: '#10b981'

    }).then((result) => {

        if (result.isConfirmed) {

            window.location.href = 'login.php';

        }

    });

}



function selectResult(matchId, result) {

    // Update UI

    const row = document.querySelector(`[data-id="${matchId}"]`);

    const buttons = row.querySelectorAll('.result-btn');

    buttons.forEach(btn => {

        if (btn.dataset.result === result) {

            btn.classList.add('selected');

        } else {

            btn.classList.remove('selected');

        }

    });

    

    // Store selection

    selectedResults[matchId] = result;

}



function toggleSpecial(matchId) {

    const btn = document.getElementById('sp_' + matchId);

    

    // Toggle state

    if (specialPicks.has(matchId)) {

        specialPicks.delete(matchId);

        btn.classList.remove('active');

        // Reset style

        btn.style.background = '';

        btn.style.color = '';

        btn.style.borderColor = '';

        btn.style.boxShadow = '';

    } else {

        // Limit to 3

        if (specialPicks.size >= 3) {

            Swal.fire({

                icon: 'warning',

                title: 'ครบโควต้าแล้ว',

                text: 'เลือกคู่เต็งได้สูงสุด 3 คู่/วัน',

                confirmButtonColor: '#f59e0b'

            });

            return;

        }

        

        specialPicks.add(matchId);

        btn.classList.add('active');

    }

}



async function submitPrediction(matchId, homeTeam, awayTeam, handicap) {

    const homeInput = document.getElementById('h_' + matchId);

    const awayInput = document.getElementById('a_' + matchId);



    if (!homeInput || !awayInput) return;



    const hVal = homeInput.value.trim();

    const aVal = awayInput.value.trim();



    if (hVal === '' || aVal === '') {

        Swal.fire({

            icon: 'warning',

            title: 'กรุณากรอกสกอร์',

            text: 'ใส่สกอร์ทั้งทีมเหย้าและทีมเยือนก่อนกดทายผล',

            confirmButtonColor: '#10b981'

        });

        return;

    }



    const pointsBet = betAmounts[matchId] || 0;

    const payload = {

        match_id: matchId,

        home_team: homeTeam,

        away_team: awayTeam,

        predicted_home: parseInt(hVal, 10),

        predicted_away: parseInt(aVal, 10),

        is_special: specialPicks.has(matchId) ? 1 : 0,

        points_bet: pointsBet

    };



    // Confirm if betting เหรียญ

    if (pointsBet > 0) {

        const confirmResult = await Swal.fire({

            icon: 'question',

            title: 'ยืนยันเดิมพัน',

            html: `<div style="text-align:center">
                <div style="font-size:1.1rem;margin-bottom:8px"><b>${homeTeam}</b> ${hVal} - ${aVal} <b>${awayTeam}</b></div>
                <div style="background:#1e293b;color:#fbbf24;display:inline-block;padding:8px 20px;border-radius:99px;font-weight:700;font-size:1.2rem">💰 ${pointsBet} เหรียญ</div>
                <div style="margin-top:10px;font-size:0.85rem;color:#6b7280">ทายถูก ×1.5 | สกอร์เป๊ะ ×3</div>
            </div>`,

            showCancelButton: true,

            confirmButtonText: 'ยืนยันเดิมพัน',

            cancelButtonText: 'ยกเลิก',

            confirmButtonColor: '#2563eb',

            cancelButtonColor: '#6b7280'

        });

        if (!confirmResult.isConfirmed) return;

    }



    try {

        const res = await fetch('api/predict.php', {

            method: 'POST',

            headers: { 'Content-Type': 'application/json' },

            body: JSON.stringify(payload)

        });



        const data = await res.json();



        if (!data.success) {

            Swal.fire({

                icon: 'error',

                title: 'ไม่สามารถบันทึกได้',

                text: data.error || 'เกิดข้อผิดพลาดไม่ทราบสาเหตุ',

                confirmButtonColor: '#ef4444'

            });

            return;

        }



        let successText = `คุณทายผลคู่ ${homeTeam} ${hVal} - ${aVal} ${awayTeam}`;

        if (pointsBet > 0) {

            successText += `\nเดิมพัน ${pointsBet} เหรียญ`;

        }

        Swal.fire({

            icon: 'success',

            title: 'บันทึกแล้ว!',

            text: successText,

            confirmButtonColor: '#10b981'

        }).then(() => {

            window.location.reload();

        });

    } catch (e) {

        Swal.fire({

            icon: 'error',

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

            text: e.message || 'ไม่สามารถเชื่อมต่อเซิร์ฟเวอร์ได้',

            confirmButtonColor: '#ef4444'

        });

    }

}

</script>

</body>

</html>