<header id="header-top">
  <div class="nav-tops">
    <div class="container">
      <ul class="lang-header-desktop">
        <li><i class="fab fa-weixin"></i></li>
        <li><i class="fab fa-facebook-square"></i></li>
        <li><i class="fab fa-twitter-square"></i></li>
      </ul>
    </div>
  </div>

  <!-- Mobile -->
  <nav class="navbar d-lg-none navbar-dark fixed-top">
    <div class="container-fluid">
      <div class="offcanvas bg-dark offcanvas-end" tabindex="-1" id="mobileNavbar" aria-labelledby="mobileNavbarLabel">
        <div class="offcanvas-header d-flex justify-content-end">
          <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
        </div>
        <div class="offcanvas-body">
          <ul class="navbar-nav justify-content-end flex-grow-1 pe-3">
            <li class="nav-item">
              <span class="nav-link active" id="home-m" aria-current="page" onclick="pageUrl('main')">Home</span>
            </li>

            <li class="nav-item">
              <span class="nav-link active" id="result-m" aria-current="page" onclick="pageUrl('result')">Result</span>
            </li>

            <li class="nav-item">
              <span class="nav-link active" id="about-m" aria-current="page" onclick="pageUrl('about')">About Us</span>
            </li>

          </ul>
        </div>
      </div>
    </div>
  </nav>

  <!-- Desktop -->
  <nav class="nav-desktop">
    <div class="container">
      <div class="d-flex align-items-center justify-content-around">
        <div class="logo">
          <img src="<?php echo ftab('content_logo', 'content_web', 'content_logo'); ?>" alt="Vietnam Lottery">
        </div>
        <ul class="nav-desktop-list">
          <li onclick="pageUrl('main')"><i class="fas fa-home"></i> Home</li>
          <li onclick="pageUrl('result')">Results</li>
          <li onclick="pageUrl('about')">About Us</li>
        </ul>

        <div class="d-lg-none d-block">
          <button class="btn btn-warning" type="button" data-bs-toggle="offcanvas" data-bs-target="#mobileNavbar" aria-controls="mobileNavbar">
            <i class="fas fa-bars"></i>
          </button>
        </div>

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


</header>

<main>
  <button id="live-btn" onclick="pageUrl('livedraw')" class="btn-livedraw">Live Draw Vietnam Today</button>
  <img src="<?php echo fwtab('contents_img', 'content_img', 'contents_img', 'id', '2'); ?>" class="bg-vietnam" alt="Vietnam Lottery" />
  <div class="container">


    <div class="row g-1">
      <div class="col-lg-2 d-none d-lg-block">
        <div class="page-content-1">
          <img src="<?php echo fwtab('contents_img', 'content_img', 'contents_img', 'id', '3'); ?>" class="img-fluid mb-2 rounded" alt="Vietnam Lottery">
          <img src="<?php echo fwtab('contents_img', 'content_img', 'contents_img', 'id', '27'); ?>" class="img-fluid mb-2 rounded" alt="Vietnam Lottery">
          <img src="<?php echo fwtab('contents_img', 'content_img', 'contents_img', 'id', '28'); ?>" class="img-fluid rounded" alt="Vietnam Lottery">
        </div>
      </div>

      <div class="col-lg-8 order-1 order-lg-2">

        <div class="bg-timer-header rounded-top">
          <div class="d-flex justify-content-around align-items-center">
            <div>
              <div class="d-flex align-items-center">
                <div id="next-draws" class="mx-3">
                  <i class="fas icon-time fa-hourglass-half"></i> Next Draw :
                </div>

                <div class="counter-time">
                  <span id="hour1">0</span><span id="hour2">0</span> <span>:</span> <span id="minute1">0</span><span id="minute2">0</span> <span>:</span> <span id="second1">0</span><span id="second2">0</span>
                </div>
              </div>
            </div>

            <div>
              <div class="d-flex btn-lang fw-bold">
                <div onclick="btnLang('en')" id="en" class="">
                  EN <span class="text-light">|</span>
                </div>

                <div onclick="btnLang('cn')" id="cn" class="mx-1">
                  VN
                </div>
              </div>
            </div>

          </div>
        </div>

        <div class="page-content-2">
          <div id="root"></div>
        </div>
      </div>

      <div class="col-lg-2 order-3 order-lg-3">
        <div class="page-content-3">

          <div class="card mb-3">
            <div class="card-body text-center text-dark">
              <img src="images/powerball.png" class="img-fluid" alt="Vietnam Lottery">
              <h6>Power Ball</h6>
              <h5>₫20.000.000</h5>
            </div>
          </div>

          <div class="card mb-3">
            <div class="card-body text-center text-dark">
              <img src="images/megamillions.png" class="img-fluid" alt="Vietnam Lottery">
              <h6>Mega Million</h6>
              <h5>₫5.000.000</h5>
            </div>
          </div>

          <div class="card mb-3">
            <div class="card-body text-center text-dark">
              <img src="images/superenalotto.png" class="img-fluid" alt="Vietnam Lottery">
              <h6>Superena Lotto</h6>
              <h5>₫15.000.000</h5>
            </div>
          </div>

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

<footer>
  <div class="container">
    <div class="row">

      <div class="col-lg-12 text-center">
        <h6 id="payment-text" class="text-uppercase">We Accept Payment method:</h6>
        <img src="images/bank-vietnam.png" class="img-fluid bg-white rounded d-block mx-auto" alt="Vietnam Lottery"/>
        <hr>
        <div id="footer-text" class="text-start">
          <h1 style="text-align:center;">VIETNAM LOTTERY</h1>
          <p>Play in Vietnam or from other countries around the world for your chance to win. Taking part is easy – just pick four numbers plus a Lucky Ball. The overall odds of winning a prize are 1 in 3</p>
          <p>Playing Vietnam Lottery is easy. Discover how to take part, whether you want to choose your own numbers or select a Quick Pick.</p>
          <p>Lottery games are based on chance and should be played for entertainment only, not investment purposes. Odds and payout vary by game.</p>
          <hr>
          <p>Our operating hours are from 8 AM to 10 PM, Monday to Sunday. However, for specific days and details, please visit our Contact Us page. Currently, Vietnam Lottery is only open to the public for prize claims.</p>
          <p>In Vietnam, you must be 18 years or older to play games like Scratch-it and jackpot games such as Fireball. You must be 21 years or older to participate in other activities.</p>
          <p>Concerned about your own or someone else's gambling? Contact us now <b>+84-563-514-880</b></p>
          <p class="copyright-text" style="text-align: center;">Copyright © <?php echo date("Y"); ?> <a href="/" style="text-decoration: none;color: #ffff00;">Vietnam Lottery</a>. All Rights Reserved.</p>
        </div>
      </div>

      <div class="col-lg-12 d-flex justify-content-between align-self-center">
        <img src="images/wla.png" class="w-25 d-block mx-auto" alt="Vietnam Lottery">
        <img src="<?php echo fwtab('contents_img', 'content_img', 'contents_img', 'id', '1'); ?>" class="w-25 d-block mx-auto" alt="Vietnam Lottery">
      </div>

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