import { ajax } from "discourse/lib/ajax";
import BadgeSelectController from "discourse/mixins/badge-select-controller";

export default Ember.Component.extend(BadgeSelectController, {
  classNames: ["badge-title"],

  saved: false,
  saving: false,

  actions: {
    save() {
      this.setProperties({ saved: false, saving: true });

      const badge_id = this.selectedUserBadgeId || 0;

      ajax(this.get("user.path") + "/preferences/badge_title", {
        type: "PUT",
        data: { user_badge_id: badge_id }
      }).then(
        () => {
          this.setProperties({
            saved: true,
            saving: false,
            "user.title": this.get("selectedUserBadge.badge.name")
          });
        },
        () => {
          bootbox.alert(I18n.t("generic_error"));
        }
      );
    }
  }
});