/* eslint @typescript-eslint/no-base-to-string: off */
import { FlatTemplatable, tempstream } from "tempstream";
import { attribute } from "../../sanitize.js";
import { FormField } from "../fields/field.js";
import { FormControlContext } from "./form-control.js";
import { FormFieldControl } from "./form-field-control.js";

export class HiddenInput extends FormFieldControl {
	constructor(public field: FormField) {
		super([field]);
	}

	async render(fctx: FormControlContext): Promise<FlatTemplatable> {
		const { raw } = await this.field.getParsedValue(
			fctx.ctx,
			fctx.data.raw_values
		);
		return tempstream`<input type="hidden" name="${
			this.field.name
		}" value="${attribute((raw || "").toString())}" form="${
			fctx.form_id
		}">`;
	}
}