import { _t } from "../../../../translation";
import { DateCriterionValue, GenericDateCriterion } from "../../../../types/generic_criterion";
import { ValueAndLabel } from "../../../../types/misc";
import { Select } from "../../../select/select";
import { CalendarButton } from "../calendar_button/calendar_button";
import { CriterionForm } from "../criterion_form";
import { CriterionInput } from "../criterion_input/criterion_input";

const DATES_VALUES: Record<DateCriterionValue, string> = {
  today: _t("today"),
  yesterday: _t("yesterday"),
  tomorrow: _t("tomorrow"),
  lastWeek: _t("in the past week"),
  lastMonth: _t("in the past month"),
  lastYear: _t("in the past year"),
  exactDate: _t("exact date"),
};

export class DateCriterionForm extends CriterionForm<GenericDateCriterion> {
  static template = "o-spreadsheet-DataValidationDateCriterion";
  static components = { CriterionInput, Select, CalendarButton };

  get currentDateValue() {
    return this.props.criterion.dateValue || "exactDate";
  }

  onValueChanged(value: string) {
    this.updateCriterion({
      values: [value],
      dateValue: this.currentDateValue,
    });
  }

  onDateValueChanged(dateValue: DateCriterionValue) {
    this.updateCriterion({ dateValue });
  }

  get dateValues(): ValueAndLabel[] {
    return Object.keys(DATES_VALUES).map((key) => ({
      value: key,
      label: DATES_VALUES[key],
    }));
  }
}