<script>
function initWhatsappLinkSync() {
  const phoneInput = document.querySelector('input[name="phone"]');
  const whatsappInput = document.querySelector('input[name="whatsapp"]');

  if (!phoneInput || !whatsappInput) return;

  const updateWhatsappField = () => {
    const rawNumber = phoneInput.value.replace(/\D/g, ''); // удаляем всё кроме цифр

    if (rawNumber.length === 11 && rawNumber.startsWith('7')) {
      const waNumber = rawNumber.slice(1); // убираем ведущую "7"
      whatsappInput.value = `https://wa.me/${waNumber}`;
    } else if (rawNumber.length === 10) {
      whatsappInput.value = `https://wa.me/${rawNumber}`;
    } else {
      whatsappInput.value = '';
    }
  };

  // следим за изменениями в реальном времени
  phoneInput.addEventListener('input', updateWhatsappField);
  phoneInput.addEventListener('change', updateWhatsappField);
  updateWhatsappField(); // запуск при инициализации
}

// Ждём, когда DOM полностью готов
document.addEventListener("DOMContentLoaded", function () {
  const observer = new MutationObserver(() => {
    const phoneInput = document.querySelector('input[name="phone"]');
    const whatsappInput = document.querySelector('input[name="whatsapp"]');
    if (phoneInput && whatsappInput) {
      initWhatsappLinkSync();
      observer.disconnect(); // Останавливаем слежку
    }
  });

  // Слушаем всё тело, так как поля могут появиться позже
  observer.observe(document.body, { childList: true, subtree: true });
});
</script>

<style>
    input[name="whatsapp"] {
    display: none;
}
</style>