<div class="menu-content mobile-only">
  <div id="main-content" style="background: var(--content-box-background)">
    <div id="mobile-content" style="padding: 24px; box-shadow: rgba(0, 0, 0, 0.35) 0px -50px 36px -28px inset;">
      <div class="mobile-provider-group">

        <div class="provider-item" onclick="loadGamePRAGMATIC('slot','PRAGMATIC')">
          <img src="tslot-pp.png" alt="PragmaticPlay">
        </div>

        <div class="provider-item" onclick="loadGamePGSOFT('slot','PGSOFT')">
          <img src="pg.png" alt="PGSoft">
        </div>

        <div class="provider-item" onclick="loadGameHABANERO('slot','HABANERO')">
          <img src="hb.png" alt="Habanero">
        </div>

        <div class="provider-item" onclick="loadGameBOOONGO('slot','BOOONGO')">
          <img src="boongo-removebg-preview.png" alt="Booongo">
        </div>

        <div class="provider-item" onclick="loadGamePLAYSON('slot','PLAYSON')">
          <img src="playson.png" alt="Playson">
        </div>

        <div class="provider-item" onclick="loadGameCQ9('slot','CQ9')">
          <img src="cq9.png" alt="CQ9">
        </div>

        <div class="provider-item" onclick="loadGameEVOPLAY('slot','EVOPLAY')">
          <img src="evo.png" alt="EvoPlay">
        </div>

        <div class="provider-item" onclick="loadGameTOPTREND('slot','TOPTREND')">
          <img src="top.png" alt="TopTrend">
        </div>

        <div class="provider-item" onclick="loadGameGENESIS('slot','GENESIS')">
          <img src="genesis.png" alt="Genesis">
        </div>

        <div class="provider-item" onclick="loadGameMICROGAMING('slot','MICROGAMING')">
          <img src="Desain_tanpa_judul__77_-removebg-preview.png" alt="MicroGaming">
        </div>

        <div class="provider-item" onclick="loadGameREDTIGER('slot','REDTIGER')">
          <img src="red.png" alt="RedTiger">
        </div>

        <div class="provider-item" onclick="loadGameGMW('slot','GMW')">
          <img src="gmw.png" alt="GMW">
        </div>

        <div class="provider-item" onclick="loadGameGAMEART('slot','GAMEART')">
          <img src="game.png" alt="GameArt">
        </div>

        <div class="provider-item" onclick="loadGameHACKSAW('slot','HACKSAW')">
          <img src="Desain_tanpa_judul__78_-removebg-preview (1).png" alt="Hacksaw">
        </div>

        <div class="provider-item" onclick="loadGameNAGA('slot','NAGA')">
          <img src="naga2.png" alt="Naga">
        </div>

        <div class="provider-item" onclick="loadGameSPRIBE('slot','SPRIBE')">
          <img src="spribe.png" alt="Spribe">
        </div>

      </div>
    </div>
  </div>
</div>


<script>
function requireLogin() {
  alert("Silakan login terlebih dahulu untuk memainkan game ini.");
  // di sini bisa diarahkan ke halaman login kalau mau:
  // window.location.href = "login.php";
}

function loadGamePRAGMATIC(type, provider) {
  requireLogin();
}

function loadGamePGSOFT(type, provider) {
  requireLogin();
}

function loadGameHABANERO(type, provider) {
  requireLogin();
}

function loadGameBOOONGO(type, provider) {
  requireLogin();
}

function loadGamePLAYSON(type, provider) {
  requireLogin();
}

function loadGameCQ9(type, provider) {
  requireLogin();
}

function loadGameEVOPLAY(type, provider) {
  requireLogin();
}

function loadGameTOPTREND(type, provider) {
  requireLogin();
}

function loadGameGENESIS(type, provider) {
  requireLogin();
}

function loadGameMICROGAMING(type, provider) {
  requireLogin();
}

function loadGameREDTIGER(type, provider) {
  requireLogin();
}

function loadGameGMW(type, provider) {
  requireLogin();
}

function loadGameGAMEART(type, provider) {
  requireLogin();
}

function loadGameHACKSAW(type, provider) {
  requireLogin();
}

function loadGameNAGA(type, provider) {
  requireLogin();
}

function loadGameSPRIBE(type, provider) {
  requireLogin();
}
</script>

