/* eslint @typescript-eslint/no-explicit-any: "off" */
import type { Context } from "koa";
import { Field } from "sealious";
import { FlatTemplatable } from "tempstream";

export type ListFilterRender = (
	value: string,
	field: Field<any>,
	ctx: Context
) => FlatTemplatable;

export type DefaultListFilter = {
	render: ListFilterRender;
	prepareValue?: (filter_value: unknown) => unknown;
};

export const BooleanListFilter = {
	render: (value: string, field: Field<any>) => {
		return /* HTML */ `<label>
			${field.name}
			<select name="filter[${field.name}]" autocomplete="off">
				<option value="true" ${value == "true" ? "selected" : ""}>
					True
				</option>
				<option value="false" ${value == "false" ? "selected" : ""}>
					False
				</option>
				<option
					value=""
					${value == "null" ||
					value == "" ||
					value == "undefined" ||
					value == undefined
						? "selected"
						: ""}
				>
					-
				</option>
			</select>
		</label>`;
	},
};

export const SimpleTextFilter = {
	render: (value: string, field: Field<any>) => {
		return /* HTML */ `<label>
			${field.name}
			<input
				type="text"
				name="filter[${field.name}]"
				autocomplete="off"
				${value ? `value="${value}"` : value}
			/>
		</label>`;
	},
	prepareValue: (value: string) => {
		return { regex: `.*${value}.*` };
	},
};

export const DefaultListFilters = {
	boolean: BooleanListFilter,
	text: SimpleTextFilter,
	fallback: SimpleTextFilter,
} as Record<"boolean" | "text" | "fallback", DefaultListFilter>;