Project Round 3

public/css/styles.css

@@ -111,6 +111,22 @@ ul li span {
   background-color: #007bb5;
 }
 
+.btn-delete {
+  display: inline-block;
+  padding: 10px 20px;
+  background-color: #ff0000;
+  color: white;
+  text-decoration: none;
+  border-radius: 5px;
+  margin-top: 20px;
+  font-size: 1rem;
+  transition: background-color 0.3s ease;
+}
+
+.btn-delete:hover {
+  background-color: #e72323;
+}
+
 footer {
   background-color: #333;
   color: white;

routes/tourRoutes.js

@@ -17,4 +17,7 @@ router.get('/logout', tourController.Logout); // ออกจากระบบ
 router.get('/create', tourController.getCreateTour); // หน้าสร้างทัวร์
 router.post('/create', tourController.createTour); // บันทึกทัวร์ลงฐานข้อมูล
 
+//แก้ไขทัวร์
+router.get('/edit/:id', tourController.getTourDetails); // หน้ารายละเอียดของทัวร์
+
 module.exports = router;

views/index.ejs

@@ -37,6 +37,7 @@
           
           <% if (session.userId) { %>  <!-- ตรวจสอบว่าเป็นผู้ใช้ที่ล็อกอินแล้วหรือไม่ -->
             <a href="/edit/<%= tour.id %>" class="btn-edit">Edit</a> <!-- ปุ่มสำหรับแก้ไขทัวร์ -->
+            <a href="/delete/<%= tour.id %>" class="btn-delete">Delete</a>
           <% } %>
         </li>
       <% }) %>