Topup Form

<div style="max-width:400px;margin:auto;padding:20px;border:1px solid #ddd;border-radius:10px;">

  <h2 style="text-align:center;">Top Up Now</h2>

  <label>Player ID</label>

  <input type="text" id="playerId" placeholder="Enter your Player ID" style="width:100%;padding:10px;margin:10px 0;border-radius:5px;border:1px solid #ccc;">

  <button onclick="submitTopup()" style="width:100%;padding:12px;background:#ff6600;color:white;border:none;border-radius:5px;font-size:16px;">

    Buy Now

  </button>

</div>

<script>

function submitTopup() {

  var id = document.getElementById("playerId").value;

  if(id === "") {

    alert("Please enter your Player ID");

  } else {

    alert("Topup request sent for ID: " + id);

  }

}

</script>