import { Term } from "./Term.js";
import { ValueRequirement } from "./ValueRequirement.js";

export class Mechanism extends Term {
	separator = ":";
	placeholder = null;

	constructor(key) {
		super(key);
	}

	getInputQualifier() {
		return document.getElementById(this.id + "-qualifier").value;
	}

	getInputValue() {
		return document.getElementById(this.id + "-value")?.value;
	}

	getInputHtml() {
		const noValue = this.valueRequirement === ValueRequirement.PROHIBITED;
		const placeholder = this.placeholder
			+ (this.valueRequirement === ValueRequirement.OPTIONAL ? " (Optional)" : "");

		return `
			<select id="${this.id}-qualifier">
				${this.isRequired ? "" : `<option value="">&lt;not set&gt;</option>`}
				<option value="+">Pass</option>
				<option value="-">Fail</option>
				<option value="~">Soft fail</option>
				<option value="?">Neutral</option>
			</select>
			${noValue ? "" : `<input id="${this.id}-value" type="text" placeholder="${placeholder}">`}
		`;
	}
}