<?php include("header.php"); ?>
<!-- ================= HERO SECTION ================= -->
<div class="hero-bg">
    <div class="hero-card">
        <h1>ยินดีต้อนรับ</h1>
        <p>วัดอินทขีลสะดือเมือง จังหวัดเชียงใหม่</p>
    </div>
</div>

<!-- ================= LOGIN POPUP ================= -->
<div id="loginModal" class="modal">
  <div class="modal-box">
    <span class="close" onclick="closeLogin()">×</span>

    <h3>เข้าสู่ระบบ</h3>

    <form method="post" action="login_process.php">
      <input type="text" name="username" placeholder="Username" required>
      <input type="password" name="password" placeholder="Password" required>
      <button type="submit">Login</button>
    </form>


    <p class="switch">
      ยังไม่มีบัญชี ?
      <button type="button" class="link-btn" onclick="openRegister()">
        สมัครสมาชิก
      </button>
    </p>
  </div>
</div>

<!-- ================= REGISTER POPUP ================= -->
<div id="registerModal" class="modal">
  <div class="modal-box">
    <span class="close" onclick="closeRegister()">×</span>

    <h3>สมัครสมาชิก</h3>

    <form method="post" action="register.php">
      <input type="text" name="username" placeholder="Username" required>
      <input type="password" name="password" placeholder="Password" required>
      <input type="password" name="confirm" placeholder="ยืนยันรหัสผ่าน" required>
      <button type="submit">สมัครสมาชิก</button>
    </form>

    <p class="switch">
      มีบัญชีแล้ว ?
      <button type="button" class="link-btn" onclick="backToLogin()">
        เข้าสู่ระบบ
      </button>
    </p>
  </div>
</div>

<!-- ================= SCRIPT ================= -->
<script>
function openLogin() {
  document.getElementById("loginModal").style.display = "flex";
}

function closeLogin() {
  document.getElementById("loginModal").style.display = "none";
}

function openRegister() {
  closeLogin();
  document.getElementById("registerModal").style.display = "flex";
}

function closeRegister() {
  document.getElementById("registerModal").style.display = "none";
}

function backToLogin() {
  closeRegister();
  openLogin();
}



</script>


<?php include("footer.php"); ?>
