import { CartBaseController } from './cart_base_controller'

export default class extends CartBaseController {
  static targets = [ 'form', 'username' ]

  connect () {
    if (!this.hasUsernameTarget) return
    if (!this.hasFormTarget) return

    this.formTarget.addEventListener('focusout', event => {
      if (!this.formTarget.checkValidity()) {
        this.formTarget.classList.add('was-validated')
        return
      }

      this.formTarget.classList.remove('was-validated')

      const username = this.usernameTarget.value.trim()
      if (username.length === 0) return

      this.email = username
    })
  }
}