From af900ff950c664b42082671291a4d4e3452c214c Mon Sep 17 00:00:00 2001
From: Akash Das <76689571+akash70629@users.noreply.github.com>
Date: Mon, 28 Oct 2024 19:09:04 +0530
Subject: [PATCH] Update book.html

---
 book.html | 33 +++++++++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)

diff --git a/book.html b/book.html
index 03e806b4..203e2f9f 100644
--- a/book.html
+++ b/book.html
@@ -380,6 +380,39 @@ <h2>Book Your Trip</h2>
                     <input type="date" id="dates" name="dates" required />
                     <div class="error" id="datesError"></div>
                 </div>
+
+<script>
+            // Function to set the minimum date to today
+            function setMinDate() {
+                const today = new Date();
+                const dd = String(today.getDate()).padStart(2, '0');
+                const mm = String(today.getMonth() + 1).padStart(2, '0'); // January is 0!
+                const yyyy = today.getFullYear();
+
+                // Format the date as YYYY-MM-DD
+                const minDate = yyyy + '-' + mm + '-' + dd;
+                document.getElementById("dates").setAttribute("min", minDate);
+            }
+
+            // Call the function when the document is loaded
+            document.addEventListener("DOMContentLoaded", setMinDate);
+
+            // Optional: Validate the date on form submission
+            document.querySelector("form").addEventListener("submit", function(event) {
+                const selectedDate = new Date(document.getElementById("dates").value);
+                const today = new Date();
+                today.setHours(0, 0, 0, 0); // Set time to midnight for comparison
+
+                if (selectedDate < today) {
+                    event.preventDefault(); // Prevent form submission
+                    document.getElementById("datesError").innerText = "Please select a date that is today or in the future.";
+                } else {
+                    document.getElementById("datesError").innerText = ""; // Clear any previous error message
+                }
+            });
+        </script>
+
+                
                 <div class="form-group">
                     <label for="transport">Mode of Transport:</label>
                     <select id="transport" name="transport" required>