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

// Shared helpers for both accessibility templates
const accessibilityHelpers = {
  accessibilityTitle() {
    const setting = AccessibilitySettings.findOne({});
    return setting && setting.title ? setting.title : TAPi18n.__('accessibility-title');
  },
  accessibilityContent() {
    const setting = AccessibilitySettings.findOne({});
    return setting && setting.body ? setting.body : TAPi18n.__('accessibility-content');
  },
  isAccessibilityEnabled() {
    const setting = AccessibilitySettings.findOne({});
    return setting && setting.enabled;
  }
};

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

    Meteor.subscribe('setting');
    Meteor.subscribe('accessibilitySettings');
  },
  ...accessibilityHelpers
}).register('accessibility');

// Header bar component
BlazeComponent.extendComponent({
  onCreated() {
    Meteor.subscribe('accessibilitySettings');
  },
  ...accessibilityHelpers
}).register('accessibilityHeaderBar');