const orgCreditsSelect = document.getElementById('org-credits-select')
const orgCreditsNumber = document.getElementById('org-credits-number')
const orgCreditsLink = document.getElementById('org-credits-purchase-link')

orgCreditsNumber.innerText = orgCreditsSelect.selectedOptions[0].dataset.credits

const changeOrgCredits = (event) => {
  const selectedOrgCreditsCount = event.target.selectedOptions[0].dataset.credits
  const selectedOrgId = event.target.selectedOptions[0].value

  orgCreditsNumber.innerText = selectedOrgCreditsCount
  orgCreditsLink.href = `/credits/purchase?organization_id=${selectedOrgId}`
}

orgCreditsSelect.addEventListener('change', changeOrgCredits)