<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Booking List</title>
<link rel="stylesheet" href="/css/booklist.css">
</head>
<body>
<h1>Booking List</h1>
<table border="1">
<thead>
<tr>
<th>Booking User</th>
<th>Tour Title</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
<% bookings.forEach(booking => { %>
<tr>
<td><%= booking.user_name %></td> <!-- ชื่อผู้จอง -->
<td><%= booking.tour_name %></td> <!-- tour_title -->
<td>
<a href="/edit-booking/<%= booking.booking_id %>" class="btn-edit">Edit</a> <!-- ปุ่มแก้ไข -->
<a href="/delete-booking/<%= booking.booking_id %>" class="btn-delete">Delete</a> <!-- ปุ่มลบ -->
</td>
</tr>
<% }) %>
</tbody>
</table>
<a href="/" class="btn-back">Back</a>
</body>
</html>