let container = document.getElementById("sickodds-odds-table");
let showAmericanOdds = false;

if (container !== null) {
  container.innerHTML = `<div class="comparison-table-new odds-comparison">
  <div class="table-head">
    <div class="first-row">
      <div class="cell game-col">Game</div>
      <div class="cell date-col">Date &amp; Tournament</div>
      <div class="cell odds-col">Teams &amp; Odds</div>
      <div class="cell">Bet Now</div>
    </div>
    <div class="cell second-row">
      <div class="switcher-box">
        American Odds Format:
        <label class="switcher">
          <input type="checkbox" kl_vkbd_parsed="true" id="so-american-check" />
          <span class="slider round"></span>
        </label>
      </div>
    </div>
  </div>
  <div class="table-body">

    
    <div class="table-row">
      <div class="cell game-icon">
        <img
          src="https://sickodds-content.s3.us-east-2.amazonaws.com/starcraft-2-pin.png"
          alt="Starcraft"
          title="Starcraft"
          height="28"
          width="28"
        />
      </div>
      <div class="cell date-event">World Team League 2024 Summer Code S<br />03:34:32</div>
      <div class="cell odd-cell">
        <div class="odd-data">
          <div class="odds-box">
            <div class="odd-numbers">
              <a
                href="https://gtly.to/kFhq8Zc9V"
                rel="nofollow noopener"
                target="_blank"
                data-odd-us="+155"
                data-odd-normal="2.74"
                title="ggbets-odds"
                class="thirstylink"
                data-linkid="145"
                >

                <span class="so-decimal">2.74</span>
                <span class="so-american" style="display: none;">174</span>
                </a
              >
            </div>
            Starlight Twinkle
          </div>
          
          <div class="odds-box">
            <div class="odd-numbers highlight-odd">
              <a
                href="https://gtly.to/kFhq8Zc9V"
                rel="nofollow noopener"
                target="_blank"
                data-odd-us="-222"
                data-odd-normal="2.74"
                title="ggbets-odds"
                class="thirstylink"
                data-linkid="145"
                >
                
                    <span class="so-decimal">1.36</span>
                    <span class="so-american" style="display: none;">-277</span>
                
                </a>
            </div>
            Mystery Gaming
          </div>
        </div>
      </div>
      <div class="cell conversion-cell">
        <a
          href="https://gtly.to/kFhq8Zc9V"
          class="conv-new thirstylink"
          rel="nofollow noopener"
          target="_blank"
          title="ggbets-odds"
          data-linkid="145"
          >Bet Now</a
        >
      </div>
    </div>
    
    <div class="table-row">
      <div class="cell game-icon">
        <img
          src="https://sickodds-content.s3.us-east-2.amazonaws.com/starcraft-2-pin.png"
          alt="Starcraft"
          title="Starcraft"
          height="28"
          width="28"
        />
      </div>
      <div class="cell date-event">World Team League 2024 Summer Code S<br />05:34:32</div>
      <div class="cell odd-cell">
        <div class="odd-data">
          <div class="odds-box">
            <div class="odd-numbers highlight-odd">
              <a
                href="https://gtly.to/kFhq8Zc9V"
                rel="nofollow noopener"
                target="_blank"
                data-odd-us="+155"
                data-odd-normal="1.34"
                title="ggbets-odds"
                class="thirstylink"
                data-linkid="145"
                >

                <span class="so-decimal">1.34</span>
                <span class="so-american" style="display: none;">-294</span>
                </a
              >
            </div>
            Twisted Fairy
          </div>
          
          <div class="odds-box">
            <div class="odd-numbers">
              <a
                href="https://gtly.to/kFhq8Zc9V"
                rel="nofollow noopener"
                target="_blank"
                data-odd-us="-222"
                data-odd-normal="1.34"
                title="ggbets-odds"
                class="thirstylink"
                data-linkid="145"
                >
                
                    <span class="so-decimal">2.83</span>
                    <span class="so-american" style="display: none;">183</span>
                
                </a>
            </div>
            Shopify Rebellion
          </div>
        </div>
      </div>
      <div class="cell conversion-cell">
        <a
          href="https://gtly.to/kFhq8Zc9V"
          class="conv-new thirstylink"
          rel="nofollow noopener"
          target="_blank"
          title="ggbets-odds"
          data-linkid="145"
          >Bet Now</a
        >
      </div>
    </div>
    
    <div class="table-row">
      <div class="cell game-icon">
        <img
          src="https://sickodds-content.s3.us-east-2.amazonaws.com/starcraft-2-pin.png"
          alt="Starcraft"
          title="Starcraft"
          height="28"
          width="28"
        />
      </div>
      <div class="cell date-event">ESL SC2 Masters 2024 Spring: Europe<br />05:34:32</div>
      <div class="cell odd-cell">
        <div class="odd-data">
          <div class="odds-box">
            <div class="odd-numbers highlight-odd">
              <a
                href="https://gtly.to/kFhq8Zc9V"
                rel="nofollow noopener"
                target="_blank"
                data-odd-us="+155"
                data-odd-normal="1.22"
                title="ggbets-odds"
                class="thirstylink"
                data-linkid="145"
                >

                <span class="so-decimal">1.22</span>
                <span class="so-american" style="display: none;">-454</span>
                </a
              >
            </div>
            Harstem
          </div>
          
          <div class="odds-box">
            <div class="odd-numbers">
              <a
                href="https://gtly.to/kFhq8Zc9V"
                rel="nofollow noopener"
                target="_blank"
                data-odd-us="-222"
                data-odd-normal="1.22"
                title="ggbets-odds"
                class="thirstylink"
                data-linkid="145"
                >
                
                    <span class="so-decimal">3.84</span>
                    <span class="so-american" style="display: none;">284</span>
                
                </a>
            </div>
            HeRoMaRinE
          </div>
        </div>
      </div>
      <div class="cell conversion-cell">
        <a
          href="https://gtly.to/kFhq8Zc9V"
          class="conv-new thirstylink"
          rel="nofollow noopener"
          target="_blank"
          title="ggbets-odds"
          data-linkid="145"
          >Bet Now</a
        >
      </div>
    </div>
    
    <div class="table-row">
      <div class="cell game-icon">
        <img
          src="https://sickodds-content.s3.us-east-2.amazonaws.com/starcraft-2-pin.png"
          alt="Starcraft"
          title="Starcraft"
          height="28"
          width="28"
        />
      </div>
      <div class="cell date-event">ESL SC2 Masters 2024 Spring: Europe<br />06:34:32</div>
      <div class="cell odd-cell">
        <div class="odd-data">
          <div class="odds-box">
            <div class="odd-numbers highlight-odd">
              <a
                href="https://gtly.to/kFhq8Zc9V"
                rel="nofollow noopener"
                target="_blank"
                data-odd-us="+155"
                data-odd-normal="1.4"
                title="ggbets-odds"
                class="thirstylink"
                data-linkid="145"
                >

                <span class="so-decimal">1.4</span>
                <span class="so-american" style="display: none;">-250</span>
                </a
              >
            </div>
            Reynor
          </div>
          
          <div class="odds-box">
            <div class="odd-numbers">
              <a
                href="https://gtly.to/kFhq8Zc9V"
                rel="nofollow noopener"
                target="_blank"
                data-odd-us="-222"
                data-odd-normal="1.4"
                title="ggbets-odds"
                class="thirstylink"
                data-linkid="145"
                >
                
                    <span class="so-decimal">2.73</span>
                    <span class="so-american" style="display: none;">173</span>
                
                </a>
            </div>
            Clem
          </div>
        </div>
      </div>
      <div class="cell conversion-cell">
        <a
          href="https://gtly.to/kFhq8Zc9V"
          class="conv-new thirstylink"
          rel="nofollow noopener"
          target="_blank"
          title="ggbets-odds"
          data-linkid="145"
          >Bet Now</a
        >
      </div>
    </div>
    
    <div class="table-row">
      <div class="cell game-icon">
        <img
          src="https://sickodds-content.s3.us-east-2.amazonaws.com/starcraft-2-pin.png"
          alt="Starcraft"
          title="Starcraft"
          height="28"
          width="28"
        />
      </div>
      <div class="cell date-event">ESL SC2 Masters 2024 Spring: Europe<br />07:34:32</div>
      <div class="cell odd-cell">
        <div class="odd-data">
          <div class="odds-box">
            <div class="odd-numbers">
              <a
                href="https://gtly.to/kFhq8Zc9V"
                rel="nofollow noopener"
                target="_blank"
                data-odd-us="+155"
                data-odd-normal="4.93"
                title="ggbets-odds"
                class="thirstylink"
                data-linkid="145"
                >

                <span class="so-decimal">4.93</span>
                <span class="so-american" style="display: none;">393</span>
                </a
              >
            </div>
            MaxPax
          </div>
          
          <div class="odds-box">
            <div class="odd-numbers highlight-odd">
              <a
                href="https://gtly.to/kFhq8Zc9V"
                rel="nofollow noopener"
                target="_blank"
                data-odd-us="-222"
                data-odd-normal="4.93"
                title="ggbets-odds"
                class="thirstylink"
                data-linkid="145"
                >
                
                    <span class="so-decimal">1.14</span>
                    <span class="so-american" style="display: none;">-714</span>
                
                </a>
            </div>
            Spirit
          </div>
        </div>
      </div>
      <div class="cell conversion-cell">
        <a
          href="https://gtly.to/kFhq8Zc9V"
          class="conv-new thirstylink"
          rel="nofollow noopener"
          target="_blank"
          title="ggbets-odds"
          data-linkid="145"
          >Bet Now</a
        >
      </div>
    </div>
    
    <div class="table-row">
      <div class="cell game-icon">
        <img
          src="https://sickodds-content.s3.us-east-2.amazonaws.com/starcraft-2-pin.png"
          alt="Starcraft"
          title="Starcraft"
          height="28"
          width="28"
        />
      </div>
      <div class="cell date-event">ESL SC2 Masters 2024 Spring: Americas<br />09:34:32</div>
      <div class="cell odd-cell">
        <div class="odd-data">
          <div class="odds-box">
            <div class="odd-numbers">
              <a
                href="https://gtly.to/kFhq8Zc9V"
                rel="nofollow noopener"
                target="_blank"
                data-odd-us="+155"
                data-odd-normal="2.53"
                title="ggbets-odds"
                class="thirstylink"
                data-linkid="145"
                >

                <span class="so-decimal">2.53</span>
                <span class="so-american" style="display: none;">152</span>
                </a
              >
            </div>
            Kelazhur
          </div>
          
          <div class="odds-box">
            <div class="odd-numbers highlight-odd">
              <a
                href="https://gtly.to/kFhq8Zc9V"
                rel="nofollow noopener"
                target="_blank"
                data-odd-us="-222"
                data-odd-normal="2.53"
                title="ggbets-odds"
                class="thirstylink"
                data-linkid="145"
                >
                
                    <span class="so-decimal">1.46</span>
                    <span class="so-american" style="display: none;">-217</span>
                
                </a>
            </div>
            Astrea
          </div>
        </div>
      </div>
      <div class="cell conversion-cell">
        <a
          href="https://gtly.to/kFhq8Zc9V"
          class="conv-new thirstylink"
          rel="nofollow noopener"
          target="_blank"
          title="ggbets-odds"
          data-linkid="145"
          >Bet Now</a
        >
      </div>
    </div>
    
    <div class="table-row">
      <div class="cell game-icon">
        <img
          src="https://sickodds-content.s3.us-east-2.amazonaws.com/starcraft-2-pin.png"
          alt="Starcraft"
          title="Starcraft"
          height="28"
          width="28"
        />
      </div>
      <div class="cell date-event">ESL SC2 Masters 2024 Spring: Americas<br />10:34:32</div>
      <div class="cell odd-cell">
        <div class="odd-data">
          <div class="odds-box">
            <div class="odd-numbers highlight-odd">
              <a
                href="https://gtly.to/kFhq8Zc9V"
                rel="nofollow noopener"
                target="_blank"
                data-odd-us="+155"
                data-odd-normal="1.69"
                title="ggbets-odds"
                class="thirstylink"
                data-linkid="145"
                >

                <span class="so-decimal">1.69</span>
                <span class="so-american" style="display: none;">-144</span>
                </a
              >
            </div>
            Future
          </div>
          
          <div class="odds-box">
            <div class="odd-numbers">
              <a
                href="https://gtly.to/kFhq8Zc9V"
                rel="nofollow noopener"
                target="_blank"
                data-odd-us="-222"
                data-odd-normal="1.69"
                title="ggbets-odds"
                class="thirstylink"
                data-linkid="145"
                >
                
                    <span class="so-decimal">2.05</span>
                    <span class="so-american" style="display: none;">104</span>
                
                </a>
            </div>
            DisK
          </div>
        </div>
      </div>
      <div class="cell conversion-cell">
        <a
          href="https://gtly.to/kFhq8Zc9V"
          class="conv-new thirstylink"
          rel="nofollow noopener"
          target="_blank"
          title="ggbets-odds"
          data-linkid="145"
          >Bet Now</a
        >
      </div>
    </div>
    
    <div class="table-row">
      <div class="cell game-icon">
        <img
          src="https://sickodds-content.s3.us-east-2.amazonaws.com/starcraft-2-pin.png"
          alt="Starcraft"
          title="Starcraft"
          height="28"
          width="28"
        />
      </div>
      <div class="cell date-event">ESL SC2 Masters 2024 Spring: Americas<br />11:34:32</div>
      <div class="cell odd-cell">
        <div class="odd-data">
          <div class="odds-box">
            <div class="odd-numbers highlight-odd">
              <a
                href="https://gtly.to/kFhq8Zc9V"
                rel="nofollow noopener"
                target="_blank"
                data-odd-us="+155"
                data-odd-normal="1.34"
                title="ggbets-odds"
                class="thirstylink"
                data-linkid="145"
                >

                <span class="so-decimal">1.34</span>
                <span class="so-american" style="display: none;">-294</span>
                </a
              >
            </div>
            TriGGeR
          </div>
          
          <div class="odds-box">
            <div class="odd-numbers">
              <a
                href="https://gtly.to/kFhq8Zc9V"
                rel="nofollow noopener"
                target="_blank"
                data-odd-us="-222"
                data-odd-normal="1.34"
                title="ggbets-odds"
                class="thirstylink"
                data-linkid="145"
                >
                
                    <span class="so-decimal">3.0</span>
                    <span class="so-american" style="display: none;">200</span>
                
                </a>
            </div>
            Scarlett
          </div>
        </div>
      </div>
      <div class="cell conversion-cell">
        <a
          href="https://gtly.to/kFhq8Zc9V"
          class="conv-new thirstylink"
          rel="nofollow noopener"
          target="_blank"
          title="ggbets-odds"
          data-linkid="145"
          >Bet Now</a
        >
      </div>
    </div>
    


  </div>
</div>`;

  const check = document.getElementById("so-american-check");

  check.addEventListener("click", function (e) {
    const americanOdds = document.getElementsByClassName("so-american");
    const decOdds = document.getElementsByClassName("so-decimal");

    if (showAmericanOdds) {
      showAmericanOdds = false;

      for (let i = 0; i < americanOdds.length; i++) {
        const el = americanOdds[i];
        el.style.display = "none";
      }

      for (let i = 0; i < decOdds.length; i++) {
        const el = decOdds[i];
        el.style.display = "inline";
      }
    } else {
      showAmericanOdds = true;

      for (let i = 0; i < americanOdds.length; i++) {
        const el = americanOdds[i];
        el.style.display = "inline";
      }

      for (let i = 0; i < decOdds.length; i++) {
        const el = decOdds[i];
        el.style.display = "none";
      }
    }
  });
}