document.addEventListener('DOMContentLoaded', () => {
const loginTrigger = document.getElementById('BottomNavLoginTrigger');
const loginPopup = document.getElementById('LoginPopup');
const closeLogin = document.getElementById('CloseLogin');
const submitPhone = document.getElementById('SubmitPhoneLogin');
const phoneInput = document.getElementById('MobileNumberInput');
// Open Popup
if (loginTrigger) {
loginTrigger.addEventListener('click', (e) => {
e.preventDefault();
loginPopup.style.display = 'block';
});
}
// Close Popup
if (closeLogin) {
closeLogin.addEventListener('click', () => {
loginPopup.style.display = 'none';
});
}
// Handle Submit & Redirect
if (submitPhone) {
submitPhone.addEventListener('click', () => {
const phone = phoneInput.value.trim();
if (phone.length === 10 && /^\d+$/.test(phone)) {
// Redirect to Shopify's native login page
// Note: Shopify's "New Customer Accounts" usually handles the number entry
// after the redirect, but this takes them to the right spot instantly.
window.location.href = `/account/login`;
} else {
alert("Please enter a valid 10-digit mobile number.");
}
});
}
// Close on outside click
window.addEventListener('click', (e) => {
if (e.target == loginPopup) {
loginPopup.style.display = 'none';
}
});
});
