import { ReactiveCache } from '/imports/reactiveCache';
import { TAPi18n } from '/imports/i18n';

// Shared helpers for both support templates
const supportHelpers = {
  supportTitle() {
    const setting = ReactiveCache.getCurrentSetting();
    return setting && setting.supportTitle ? setting.supportTitle : TAPi18n.__('support');
  },
  supportContent() {
    const setting = ReactiveCache.getCurrentSetting();
    return setting && setting.supportPageText ? setting.supportPageText : TAPi18n.__('support-info-not-added-yet');
  },
  isSupportEnabled() {
    const setting = ReactiveCache.getCurrentSetting();
    return setting && setting.supportPageEnabled;
  },
  isSupportPublic() {
    const setting = ReactiveCache.getCurrentSetting();
    return setting && setting.supportPagePublic;
  }
};

// Main support page component
BlazeComponent.extendComponent({
  onCreated() {
    this.error = new ReactiveVar('');
    this.loading = new ReactiveVar(false);

    Meteor.subscribe('setting');
  },
  ...supportHelpers
}).register('support');

// Header bar component
BlazeComponent.extendComponent({
  onCreated() {
    Meteor.subscribe('setting');
  },
  ...supportHelpers
}).register('supportHeaderBar');