HTMLify

document.addEventListener('DOMContentLoaded', () => {const navItems = document.querySelectorAll('.nav-item');const views = document.querySelectorAll('.view');navItems.forEach(item => {item.addEventListener('click', () => {navItems.forEach(nav => nav.classList.remove('active'));views.forEach(view => view.classList.remove('active'));item.classList.add('active');const target = item.getAttribute('data-target');document.getElementById(target).classList.add('active');});});const pttButton = document.getElementById('ptt-button');const pttState = document.getElementById('ptt-state');if(pttButton) {pttButton.addEventListener('mousedown', () => {pttButton.classList.add('transmitting');pttState.textContent = 'TRANSMITTING...';});pttButton.addEventListener('mouseup', () => {pttButton.classList.remove('transmitting');pttState.textContent = 'READY';});pttButton.addEventListener('touchstart', (e) => {e.preventDefault();pttButton.classList.add('transmitting');pttState.textContent = 'TRANSMITTING...';});pttButton.addEventListener('touchend', (e) => {e.preventDefault();pttButton.classList.remove('transmitting');pttState.textContent = 'READY';});}const openConnectModal = document.getElementById('open-connect-modal');const closeModal = document.getElementById('close-modal');const connectModal = document.getElementById('connect-modal');if(openConnectModal) {openConnectModal.addEventListener('click', () => connectModal.classList.add('active'));closeModal.addEventListener('click', () => connectModal.classList.remove('active'));}const openAdminBtn = document.getElementById('open-admin-btn');const closeAdminBtn = document.getElementById('close-admin-btn');const adminModal = document.getElementById('admin-modal');if(openAdminBtn) {openAdminBtn.addEventListener('click', () => adminModal.classList.add('active'));closeAdminBtn.addEventListener('click', () => adminModal.classList.remove('active'));}const btnSendOtp = document.getElementById('btn-send-otp');const stepPhone = document.getElementById('step-phone');const stepOtp = document.getElementById('step-otp');if(btnSendOtp) {btnSendOtp.addEventListener('click', () => {stepPhone.classList.remove('active');stepOtp.classList.add('active');});}const btnVerifyOtp = document.getElementById('btn-verify-otp');const stepProfile = document.getElementById('step-profile');if(btnVerifyOtp) {btnVerifyOtp.addEventListener('click', () => {stepOtp.classList.remove('active');stepProfile.classList.add('active');});}const btnComplete = document.getElementById('btn-complete');if(btnComplete) {btnComplete.addEventListener('click', () => {window.location.href = 'index.html';});}});