lib_plankton.zoo_page.register(
	"password_change_init",
	(parameters, target_element) => {
		target_element.appendChild(template_request("password_change_init"));
		
		target_element.querySelector(".password_change_init-title").textContent = lib_plankton.translate.get("page.password_change_init.title");
		target_element.querySelector(".password_change_init-info").textContent = lib_plankton.translate.get("page.password_change_init.info");

		update_nav({"mode": null});
		
		const form = new lib_plankton.zoo_form.class_form<
			{
				identifier : string;
			},
			{
				identifier : string;
			}
		>(
			x => x,
			x => x,
			new lib_plankton.zoo_input.class_input_group(
				[
					{
						"name": "identifier",
						"input": new lib_plankton.zoo_input.class_input_text(),
						"label": lib_plankton.translate.get("page.password_change_init.identifier"),
					},
				]
			),
			[
				{
					"label": lib_plankton.translate.get("page.password_change_init.submit"),
					"procedure": async (get_value, get_representation) => {
						target_element.querySelector(".password_change_init-stat").textContent = lib_plankton.translate.get("page.password_change_init.status.wait");
						const value = await get_value();
						(
							_espe.backend.member_password_change_initialize(value.identifier)
							.then(
								() => {
									target_element.querySelector(".password_change_init-stat").textContent = lib_plankton.translate.get("page.password_change_init.status.success");
								}
							)
							.catch(
								(error) => {
									target_element.querySelector(".password_change_init-stat").textContent = lib_plankton.translate.get("page.password_change_init.status.fail");
								}
							)
						);
					},
				}
			]
		);
		form.setup(target_element.querySelector(".password_change_init-form") as HTMLElement);
	}
);