<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tour Website</title>
<link rel="stylesheet" href="/css/styles.css">
</head>
<body>
<header>
<h1>Welcome to Our Tour Website</h1>
<nav>
<a href="/">Home</a>
<a href="/about">About</a>
<a href="/contact">Contact</a>
<% if (session.userId) { %> <!-- ตรวจสอบว่า userId อยู่ใน session หรือไม่ -->
<a href="/profile"><%= session.userName %></a> <!-- แสดงชื่อผู้ใช้ -->
<a href="/logout">Logout</a>
<% } else { %>
<a href="/login">Login</a> <!-- ถ้ายังไม่ได้ login -->
<% } %>
</nav>
</header>
<section>
<h2>Available Tours</h2>
<ul>
<% tours.forEach(tour => { %>
<li>
<a href="/tour/<%= tour.id %>"><%= tour.name %></a> - <%= tour.price %> THB
</li>
<% }) %>
</ul>
</section>
<footer>
<p>© 2025 Tour Website</p>
</footer>
</body>
</html>