import { e } from "./helper.ts"
import { try_load_admin_panel } from "./admin.ts"

export function pw_modal() {
    let inp_name: HTMLInputElement, inp_pw: HTMLInputElement, error_msg: HTMLSpanElement;
    return e("dialog", {},
        e("form", { method: "dialog" },
            inp_name = e("input", { type: "text", placeholder: "Username" }),
            inp_pw = e("input", { type: "password", placeholder: "Password" }),
            e("button", {
                onclick: ev => {
                    ev.preventDefault()
                    try_load_admin_panel(inp_name.value, inp_pw.value).catch(err => {
                        error_msg.textContent = err
                    })
                }
            }, "Login"),
            error_msg = e("span", { class: "error-msg" }, ""),
        )
    )
}