document.addEventListener('DOMContentLoaded', function () {
  const root = document.getElementById('sub_edu');
  if (!root) return;

  const radios = root.querySelectorAll('input[name="pay_method"]');
  const bankBox = root.querySelector('#bank_box');
  const cardBox = root.querySelector('#card_box');

  if (!radios.length || !bankBox || !cardBox) return;

  function togglePayBox() {
    const checked = root.querySelector('input[name="pay_method"]:checked');
    const selected = checked ? checked.value : 'bank';

    bankBox.style.display = (selected === 'bank') ? 'block' : 'none';
    cardBox.style.display = (selected === 'card') ? 'block' : 'none';
  }

  radios.forEach(r => r.addEventListener('change', togglePayBox));
  togglePayBox();
});