.mobile-sticky-footer{ display: none; position: fixed; left: 0; bottom:0;width: 100%;z-index: 999; background: grey; padding: 7px 0; } .gt_enquire_btn{ text-transform: uppercase; background: #1397d5; color: #1a2b48 !important; font-size: 15px; font-weight: bold; letter-spacing: .2em; border-radius: 0; padding: 10px 20px !important; } .mobile-sticky-footer img{max-width: 52px;} @media(max-width: 767px){ .mobile-sticky-footer{ display: flex;align-items: center; justify-content: space-around; } } document.addEventListener("DOMContentLoaded", function () { const modal = document.getElementById("vtl-enquire-modal"); if (!modal) return; const overlay = modal.querySelector(".vtl-modal-overlay"); const closeBtn = modal.querySelector(".vtl-close"); const form = document.getElementById("vtl-enquiry-form"); const openButtons = document.querySelectorAll(".vtl-btn-enquire"); openButtons.forEach(btn => { btn.addEventListener("click", function () { modal.classList.add("is-show"); }); }); if (overlay) { overlay.addEventListener("click", () => { modal.classList.remove("is-show"); }); } if (closeBtn) { closeBtn.addEventListener("click", () => { modal.classList.remove("is-show"); }); } if (form) { const submitBtn = form.querySelector(".vtl-submit-btn"); let originalBtnText = submitBtn ? submitBtn.textContent : ''; form.addEventListener("submit", function (e) { e.preventDefault(); // Nếu đang loading thì bỏ qua (chống double click) if (submitBtn && submitBtn.dataset.loading === "1") { return; } const formData = new FormData(form); formData.append('action', 'vtl_save_enquiry'); // tên hook PHP // Bật trạng thái loading if (submitBtn) { submitBtn.dataset.loading = "1"; submitBtn.disabled = true; submitBtn.classList.add("is-loading"); submitBtn.textContent = "Sending..."; } fetch('/wp-admin/admin-ajax.php', { method: 'POST', body: formData }) .then(res => res.json()) .then(data => { if (data.success) { alert('Thank you! We received your enquiry.'); form.reset(); modal.classList.remove('is-show'); } else { alert('Error: ' + (data.data || 'Something went wrong')); } }) .catch(err => { console.error(err); alert('System error, please try again later.'); }) .finally(() => { // Tắt trạng thái loading if (submitBtn) { submitBtn.dataset.loading = "0"; submitBtn.disabled = false; submitBtn.classList.remove("is-loading"); submitBtn.textContent = originalBtnText; } }); }); } }); .vtl-enquire-btn, .vtl-btn-enquire { background: #1397d5; color: #fff; border: none; padding: 13px 18px; border-radius: 6px; font-size: 14px; font-weight: 600; cursor: pointer; transition: .25s; } .vtl-btn-enquire:hover { background: #e86f00; } /* Modal */ .vtl-modal { position: fixed; inset: 0; display: none; z-index: 9999; } .vtl-modal.is-show { display: block; } .vtl-modal-overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.5); } .vtl-modal-box { position: relative; max-width: 420px; margin: 60px auto; background: #fff; border-radius: 10px; padding: 22px; box-shadow: 0 10px 30px rgba(0,0,0,0.25); } .vtl-modal-title { font-size: 20px; font-weight: 700; margin-bottom: 16px; } .vtl-field { margin-bottom: 12px; } .vtl-field input, .vtl-field textarea, .vtl-field select { width: 100%; border: 1px solid #ddd; border-radius: 6px; padding: 7px 10px; font-size: 14px; } .vtl-submit-btn { width: 100%; border: none; border-radius: 6px; padding: 8px 15px; background: #1e88e5; color: #fff; font-weight: 600; margin-top: 10px; cursor: pointer; } .vtl-submit-btn:hover { background: #166fbd; } .vtl-close { position: absolute; top: 10px; right: 12px; background: none; border: none; font-size: 22px; cursor: pointer; line-height: 1; } .icon_social{ display: flex; align-items: center; width: 100%; justify-content: center; gap: 10px; } .icon_social .elementor-social-icons-wrapper{ display: flex; align-items: center; gap: 8px; }