Bỏ qua nội dung document.addEventListener("DOMContentLoaded", function () {
const popularPlaces = [
"Sân bay Nội Bài (Hà Nội)",
"Sân bay Tân Sơn Nhất (TP.HCM)",
"Sân bay Đà Nẵng",
"Sân bay Cam Ranh (Khánh Hòa)",
"Sân bay Phú Quốc",
"Sân bay Cát Bi (Hải Phòng)",
"Sân bay Vinh (Nghệ An)",
"Sân bay Phú Bài (Huế)",
"Sân bay Liên Khương (Đà Lạt)",
"Sân bay Cần Thơ",
"Sân bay Đồng Hới (Quảng Bình)",
"Sân bay Thọ Xuân (Thanh Hóa)",
"Sân bay Chu Lai (Quảng Nam)",
"Sân bay Pleiku (Gia Lai)",
"Sân bay Buôn Ma Thuột (Đắk Lắk)",
"Sân bay Tuy Hòa (Phú Yên)",
"Sân bay Rạch Giá (Kiên Giang)",
"Sân bay Cà Mau",
"Hà Nội",
"TP Hồ Chí Minh",
"Đà Nẵng",
"Hạ Long (Quảng Ninh)",
"Hải Phòng",
"Ninh Bình",
"Thanh Hóa",
"Nghệ An",
"Huế",
"Quảng Bình",
"Quảng Trị",
"Quảng Nam",
"Quảng Ngãi",
"Bình Định",
"Phú Yên",
"Khánh Hòa (Nha Trang)",
"Đà Lạt (Lâm Đồng)",
"Bình Thuận (Phan Thiết)",
"Đồng Nai",
"Bình Dương",
"Tây Ninh",
"Long An",
"Tiền Giang",
"Bến Tre",
"Vĩnh Long",
"Cần Thơ",
"An Giang",
"Kiên Giang",
"Cà Mau"
];function cleanText(str) {
return str
.normalize("NFD")
.replace(/[\u0300-\u036f]/g, "")
.replace(/đ/g, "d")
.replace(/Đ/g, "D")
.toLowerCase();
}function setupSuggest(inputName, boxId) {
const input = document.querySelector('input[name="' + inputName + '"]');
const box = document.getElementById(boxId);if (!input || !box) {
console.log("Không tìm thấy:", inputName, boxId);
return;
}input.setAttribute("autocomplete", "off");function showSuggest() {
const keyword = cleanText(input.value.trim());let results = popularPlaces.filter(item =>
cleanText(item).includes(keyword)
);if (keyword === "") {
results = popularPlaces.slice(0, 10);
}box.innerHTML = "";results.slice(0, 10).forEach(item => {
const div = document.createElement("div");
div.className = "address-suggest-item";
div.innerText = item;div.addEventListener("click", function () {
input.value = item;
box.style.display = "none";
});box.appendChild(div);
});box.style.display = results.length ? "block" : "none";
}input.addEventListener("focus", showSuggest);
input.addEventListener("keyup", showSuggest);
input.addEventListener("input", showSuggest);
}setupSuggest("diemdon", "pickup-suggest");
setupSuggest("diemden", "dropoff-suggest");document.addEventListener("click", function (e) {
if (!e.target.closest(".address-suggest") && !e.target.closest('input[name="diemdon"]') && !e.target.closest('input[name="diemden"]')) {
document.querySelectorAll(".address-suggest").forEach(box => {
box.style.display = "none";
});
}
});
}); 
