import { inject as service } from '@ember/service';
import { action } from '@ember/object';
import Component from '@ember/component';
import {
  validator, buildValidations
}
from 'ember-cp-validations';

let Validations = buildValidations({
  options: [
    validator('collection', true),
    validator('length', {
      dependentKeys: ['model.options.[]', 'model.intl.locale'],
      min: 1,
      // it's impossible to delete all text options so this case could be ignored
      // for validation error message
      descriptionKey: 'create.options.error.notEnoughDates'
    }),
    validator('valid-collection', {
      dependentKeys: ['model.options.[]', 'model.options.@each.title']
    })
  ]
});

export default class CreateOptionsComponent extends Component.extend(Validations) {
  shouldShowErrors = false;

  // consumed by validator
  @service intl;

  @action
  previousPage() {
    this.onPrevPage();
  }

  @action
  submit() {
    if (this.get('validations.isValid')) {
      this.onNextPage();
    } else {
      this.set('shouldShowErrors', true);
    }
  }

  init() {
    super.init(...arguments);

    this.intl.locale;
  }
}