<!doctype html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <title>TradeBeyond</title>
    <link rel="preload" href="/cbx-instance-static/images/tradebeyond-black-logo.svg" as="image" />
    <link rel="preload" href="/cbx-instance-static/images/login-logo.svg" as="image" />
    <link rel="preload" href="/cbx-instance-static/images/footer.svg" as="image" />
    <link rel="stylesheet" href="/cbx-instance-static/css/aws_instance.css" />
    <script src="/cbx-instance-static/js/aws_instance_start.js" defer></script>
  </head>

  <body class="box-border w-screen h-screen background">
    <div class="w-screen h-screen flex flex-col items-center font-roboto">
      <div class="flex-none flex w-full max-w-[1546px] h-[58px] py-[3px] px-[36px] justify-between">
        <a class="flex w-[180px] min-w-[180px] relative top-0 left-0 items-center" href="https://tradebeyond.com/">
          <img src="/cbx-instance-static/images/tradebeyond-black-logo.svg" alt="TradeBeyond Logo" />
        </a>

        <div class="flex flex-nowrap items-center">
          <a class="text-light-black text-base mr-[30px]" href="https://tradebeyond.com/contact-us/#support">
            Support
          </a>

          <a class="text-light-black text-base whitespace-nowrap" href="https://tradebeyond.com/contact-us/">
            Contact Us
          </a>
        </div>
      </div>

      <div
        class="absolute top-[15vh] w-[444px] py-[40px] z-[99] content-box-shadow bg-white rounded-xl focus:bg-slate-500"
      >
        <div tabindex="1" class="flex flex-col items-start mx-[47px]">
          <div class="w-[350px] flex flex-col items-center">
            <div class="w-full pb-[32px] flex justify-center">
              <h2 class="text-card_title font-bold text-dark-black">Environment Startup</h2>
            </div>

            <div class="w-full flex justify-start flex-col mb-[11px]">
              <p class="text-sub-body-grey text-sm_input font-normal mb-[2px]">Server Name</p>

              <div class="w-full h-[40px] flex justify-center items-center border border-light-grey rounded-[2px]">
                <p class="text-main-body text-sm_input">nexus-qa.tradebeyond.com</p>
              </div>
            </div>

            <div id="loading" class="loading w-full h-[90px] mt-[21px] mb-[11px] hidden flex justify-center">
              <div class="flex justify-center w-full">
                <div class="loader"></div>
              </div>
            </div>

            <div id="msg2" class="w-full text-center hidden">
              <div class="message text-sm_input text-main-body">
                <p>Starting the server...</p>
                <br />
                <p>Kindly wait a few moments until it's ready. Once the server is up, you will be redirected to the CBX login page automatically.</p>
                <br />
                <p>Please refrain from closing this page!</p>
              </div>
            </div>

            <div id="form-container" class="w-full">
              <form class="form-horizontal w-full" action="/startInstance" method="post" id="start-instance">
                <div class="form-group w-full">
                  <div class="input-group w-full">
                    <input class="form-control" type="hidden" name="service" id="service" value="nexus-qa.tradebeyond.com" />

                    <input
                      class="form-control"
                      type="hidden"
                      name="request-url"
                      id="request-url"
                      value="http://nexus-qa.tradebeyond.com/sitemap.xml"
                    />

                    <input
                      class="form-control"
                      type="hidden"
                      name="remote-addr"
                      id="remote-addr"
                      value="216.73.216.150"
                    />
                    <label for="name" class="flex items-center relative w-full">
                      <input
                        type="text"
                        name="name"
                        id="name"
                        value=""
                        class="form-control peer block border border-light-grey focus:border-primary-blue focus:ring-0 w-full h-[40px] py-[12px] px-[8px] mb-[16px] rounded-sm placeholder-light-grey placeholder:text-xs placeholder:font-light text-dark-black text-sm_input"
                        placeholder="Your Name (for information purpose)"
                        autocapitalize="none"
                        spellcheck="true"
                        autofocus
                      />
                    </label>
                  </div>
                </div>

                <div class="form-group w-full">
                  <div class="input-group w-full">
                    <button
                      class="w-full h-[40px] bg-primary-blue text-white text-sm rounded-[2px] hover:bg-dark-blue active:bg-dark-blue focus:outline-none focus:ring focus:ring-active-blue"
                      type="button"
                      id="start-btn"
                    >
                      Start Environment
                    </button>
                  </div>
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>

      <div class="flex-none w-full h-auto mt-auto">
        <img
          class="w-full"
          src="/cbx-instance-static/images/footer.svg"
          alt="Decorative
          image"
        />
      </div>

      <div
        class="flex-none relative w-full px-[40px] pb-[44px] pt-5 flex flex-col items-center text-xss font-light bg-dark-blue"
      >
        <span class="text-white max-w-[1005px] mb-[16px]">
          Attention: Please note that transactions over the internet may be subject to interruption, delayed
          transmission due to internet traffic, or incorrect data transmission due to the nature of the internet.
          TradeBeyond cannot assume responsibility for malfunctions in communications facilities not under our control
          or problems caused by your computing environment that may affect your usage of the CBX application.
        </span>

        <span class="text-white">
          © 1995-2026 Copyright by TradeBeyond. All rights reserved
        </span>
      </div>
    </div>
  </body>
</html>
