<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <link rel="icon" href="https://portal.telgather.com/h/imgs/icon_tog.png" />
    <title>Telgather Portal</title>

    <meta
      name="viewport"
      content="width=device-width,user-scalable=no,initial-scale=1,minimum-scale=1,maximum-scale=1,minimal-ui=true"
    />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="full-screen" content="yes" />
    <meta name="screen-orientation" content="portrait" />
    <meta name="x5-fullscreen" content="true" />
    <meta name="360-fullscreen" content="true" />
    <meta name="renderer" content="webkit" />
    <meta name="force-rendering" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

    <link rel="stylesheet" type="text/css" href="./index.css" />

    <script src="./libs/ethers.umd.min.js"></script>
    <script type="module" crossorigin src="./libs/pog.js"></script>

    <script type="text/javascript" src="./libs/vconsole.min.js"></script>
    <script
      name="OpenADLineJsSDK"
      version="1.0"
      type="text/javascript"
      src="https://protocol.openad.network/line/sdk.loader.js?v=1.0"
    ></script>
    <script src="//www.googletagservices.com/tag/js/gpt.js"></script>
  </head>
  <body style="overflow: hidden">
    <%- include(cocosToolBar, {config: config}) %>
    <div id="content" class="content" style="overflow: hidden">
      <div class="contentWrap">
        <div id="GameDiv" class="wrapper">
          <div id="Cocos3dGameContainer">
            <canvas
              id="GameCanvas"
              tabindex="-1"
              style="background-color: ''"
            ></canvas>
          </div>
          <div id="splash">
            <div class="progress-bar stripes"><span></span></div>
          </div>
          <div id="bulletin">
            <div id="sceneIsEmpty" class="inner"><%=tip_sceneIsEmpty%></div>
          </div>
          <div class="error" id="error">
            <div class="title">
              Error <i>(Please open the console to see detailed errors)</i>
            </div>
            <div class="error-main"></div>
            <div class="error-stack"></div>
          </div>
        </div>
      </div>
    </div>
    <%- include(cocosTemplate, {}) %>
    <script type="text/javascript">
      const ads_init = function () {
        window.openAdNative = {
          adInfo: {
            zoneId: 429, // please check your parameter zoneId
            publisherId: 15, // please check your parameter publisherId
            eventId: 0, // Reserved Parameter
          },
          interAdInfo: {
            zoneId: 430, // please check your parameter zoneId
            publisherId: 15, // please check your parameter publisherId
            eventId: 0, // Reserved Parameter
          },
          adParams: {
            line: {
              type: "LMA", // LMA, LWA
              liffId: "2007001592-ozOgMXpb", // when type = LMA / LWA, liffId is required
              prototype: window.liff, // when type = LMA / LWA, prototype is required. line.prototype must contain two methods: getProfile and openWindow, whether you are using liff SDK js or npm installation package;
            },
            wallet: {
              // If you have a web3 wallet components, Optional
              type: "eth", // eth: eth wallet, kaia: line wallet, ton: ton wallet;
              provider: null, // here is a provider object after wallet initialization.
              components: "", // web3 wallet components name
            },
          },

          wallet: {
            // 当line.type === 'web'时，wallet对象必填
            type: "kaia", // 类型，eth: eth wallet, kaia: line wallet, ton: ton wallet
            provider: null, // 已经初始化的web3钱包的组件provider
            components: "", // web3钱包组件的名称
          },
          // userInfo object
          // please add reasonable user IDs for your end users.
          // otherwise, OpenAD statistics may be inaccurate,
          // which may affect your incentives
          userInfo: {
            userId: "1", // user ID , If there is no data, please leave it blank
            firstName: "11", // firstName or userId , If there is no data, please leave it blank
            lastName: "", // lastName or userId , If there is no data, please leave it blank
            username: "1", // userName or userId , If there is no data, please leave it blank
            displayName: "1", // userName or userId , If there is no data, please leave it blank
          },
          // If the user is already logged in, initialize user data
          initUserInfo: function (data) {
            this.userInfo.userId = data.userId;
            this.userInfo.firstName = data.firstName;
            this.userInfo.lastName = data.lastName;
            this.userInfo.username = data.username;
            this.userInfo.displayName = data.username;
          },
          // Close AD
          destroy: function (adInfo) {
            console.log("window.destroy:");
            document.querySelector(`.openADJsSDKBanner`).innerHTML = "";
          },
        };
        console.log("window.openADJsSDK:", window.OpenADLineJsSDK);

        console.log("window.openAdNative:", window.openAdNative);
      };

      window.addEventListener("DOMContentLoaded", ads_init);
    </script>

    <!-- /23296944437/rewarded -->
    <div id="div-gpt-ad-1747208248493-0">
      <script></script>
    </div>
  </body>
</html>
