/**
 * Copyright 2013-2019  GenieACS Inc.
 *
 * This file is part of GenieACS.
 *
 * GenieACS is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * GenieACS is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with GenieACS.  If not, see <http://www.gnu.org/licenses/>.
 */

import m, { ClosureComponent, Component } from "mithril";
import * as notifications from "./notifications";

export async function init(): Promise<Record<string, unknown>> {
  return m.request({ url: "init" });
}

export const component: ClosureComponent = (vnode): Component => {
  let options = vnode.attrs;
  const selected = new Set<string>();
  for (const [k, v] of Object.entries(options)) if (v) selected.add(k);

  return {
    view: () => {
      document.title = "Initialization wizard - GenieACS";

      const checkboxes = [
        "users",
        "presets",
        "filters",
        "device",
        "index",
        "overview",
      ].map((s) => {
        if (!options[s]) selected.delete(s);
        return m("input", {
          type: "checkbox",
          checked: selected.has(s),
          disabled: !options[s],
          style: "display: inline; margin-right: 0.5em;",
          onclick: (e) => {
            if (e.target.checked) selected.add(s);
            else selected.delete(s);
          },
        });
      });

      return m(".wizard-dialog", [
        m("h1", "Initialization wizard"),
        m(
          "p",
          "This wizard will seed the database with a minimal initial configuration to serve as a starting point. Select what you want to initialize and click 'ABRACADABRA!'.",
        ),
        m("div", m("label", checkboxes[0], "Users, roles and permissions")),
        m("div", m("label", checkboxes[1], "Presets and provisions")),
        m(
          "div",
          m("label", checkboxes[2], "Devices predefined search filters"),
        ),
        m("div", m("label", checkboxes[3], "Device details page")),
        m("div", m("label", checkboxes[4], "Devices listing page")),
        m("div", m("label", checkboxes[5], "Overview page")),
        m(
          "button.primary",
          {
            style: "margin: 10px;",
            disabled: selected.size === 0,
            onclick: (e) => {
              e.target.disabled = true;

              const opts = {};
              for (const s of selected) opts[s] = true;

              m.request({
                method: "POST",
                url: "init",
                body: opts,
              })
                .then(() => {
                  setTimeout(() => {
                    m.request({ url: "init" })
                      .then((o) => {
                        e.target.disabled = false;
                        options = o;
                        notifications.push(
                          "success",
                          "Initialization complete",
                          {
                            "Open Sesame!": () => {
                              m.route.set("/login");
                              window.location.reload();
                            },
                          },
                        );
                      })
                      .catch((err) => {
                        notifications.push("error", err.message);
                      });
                  }, 3000);
                  if (opts["users"]) {
                    alert(
                      "An administrator user has been created for you. Use admin/admin to log in. Don't forget to change the default password.",
                    );
                  }
                })
                .catch((err) => {
                  notifications.push("error", err.message);
                });
            },
          },
          "ABRACADABRA!",
        ),
      ]);
    },
  };
};