import { Controller } from "stimulus"

export default class extends Controller {
  static targets = ["checkout", "guest"];
  static values = {
    distributor: String,
    session: { type: String, default: "guest-checkout" }
  };

  connect() {
    if(!this.hasGuestTarget) { return }

    if(this.usingGuestCheckout()) {
      this.showCheckout();
    }
  }

  login() {
    window.dispatchEvent(new Event("login:modal:open"))
  }

  showCheckout() {
    this.checkoutTarget.style.display = "block";
    this.guestTarget.style.display = "none";
  }

  guestSelected() {
    this.showCheckout();
    sessionStorage.setItem(this.sessionValue, this.distributorValue);
  }

  usingGuestCheckout() {
    return sessionStorage.getItem(this.sessionValue) === this.distributorValue
  }
}