/*
 This file is part of GNU Taler
 (C) 2021-2023 Taler Systems S.A.

 GNU Taler is free software; you can redistribute it and/or modify it under the
 terms of the GNU General Public License as published by the Free Software
 Foundation; either version 3, or (at your option) any later version.

 GNU Taler 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 General Public License for more details.

 You should have received a copy of the GNU General Public License along with
 GNU Taler; see the file COPYING.  If not, see <http://www.gnu.org/licenses/>
 */

/**
 *
 * @author Sebastian Javier Marchano (sebasjm)
 */
import { ErrorType, useTranslationContext } from "@gnu-taler/web-util/browser";
import { createHashHistory } from "history";
import { Fragment, h, VNode } from "preact";
import { Router, Route, route } from "preact-router";
import { useEffect, useState } from "preact/hooks";
import {
  NotificationCard,
  NotYetReadyAppMenu,
} from "./components/menu/index.js";
import { useBackendContext } from "./context/backend.js";
import { useBackendInstancesTestForAdmin } from "./hooks/backend.js";
import { InstanceRoutes } from "./InstanceRoutes.js";
import LoginPage from "./paths/login/index.js";
import { INSTANCE_ID_LOOKUP } from "./utils/constants.js";
import { HttpStatusCode } from "@gnu-taler/taler-util";
import { Settings } from "./paths/settings/index.js";

/**
 * Check if admin against /management/instances
 * @returns 
 */
export function ApplicationReadyRoutes(): VNode {
  const { i18n } = useTranslationContext();
  const [unauthorized, setUnauthorized] = useState(false)
  const {
    url: backendURL,
    updateLoginStatus: updateLoginStatus2,
  } = useBackendContext();

  function updateLoginStatus(url: string, token: string | undefined) {
    console.log("updateing", url, token)
    updateLoginStatus2(url, token)
    setUnauthorized(false)
  }

  const result = useBackendInstancesTestForAdmin();

  const clearTokenAndGoToRoot = () => {
    route("/");
  };
  const [showSettings, setShowSettings] = useState(false)
  // useEffect(() => {
  //   setUnauthorized(FF)
  // }, [FF])
  const unauthorizedAdmin = !result.loading && !result.ok && result.type === ErrorType.CLIENT && result.status === HttpStatusCode.Unauthorized

  if (showSettings) {
    return <Fragment>
      <NotYetReadyAppMenu onShowSettings={() => setShowSettings(true)} title="UI Settings" onLogout={clearTokenAndGoToRoot} isPasswordOk={false} />
      <Settings />
    </Fragment>
  }

  if (result.loading) {
    return <NotYetReadyAppMenu onShowSettings={() => setShowSettings(true)} title="Loading..." isPasswordOk={false} />;
  }

  let admin = result.ok || unauthorizedAdmin;
  let instanceNameByBackendURL: string | undefined;

  if (!admin) {
    // * the testing against admin endpoint failed and it's not 
    // an authorization problem
    // * merchant backend will return this SPA under the main
    // endpoint or /instance/<id> endpoint
    // => trying to infer the instance id
    const path = new URL(backendURL).pathname;
    const match = INSTANCE_ID_LOOKUP.exec(path);
    if (!match || !match[1]) {
      // this should be rare because
      // query to /config is ok but the URL
      // does not match our pattern
      return (
        <Fragment>
          <NotYetReadyAppMenu onShowSettings={() => setShowSettings(true)} title="Error" onLogout={clearTokenAndGoToRoot} isPasswordOk={false} />
          <NotificationCard
            notification={{
              message: i18n.str`Couldn't access the server.`,
              description: i18n.str`Could not infer instance id from url ${backendURL}`,
              type: "ERROR",
            }}
          />
          <LoginPage onConfirm={updateLoginStatus} />
        </Fragment>
      );
    }

    instanceNameByBackendURL = match[1];
  }

  console.log(unauthorized, unauthorizedAdmin)
  if (unauthorized || unauthorizedAdmin) {
    return <Fragment>
      <NotYetReadyAppMenu onShowSettings={() => setShowSettings(true)} title="Login" onLogout={clearTokenAndGoToRoot} isPasswordOk={false} />
      <NotificationCard
        notification={{
          message: i18n.str`Access denied`,
          description: i18n.str`Check your token is valid`,
          type: "ERROR",
        }}
      />
      <LoginPage onConfirm={updateLoginStatus} />
    </Fragment>
  }

  const history = createHashHistory();
  return (
    <Router history={history}>
      <Route
        default
        component={DefaultMainRoute}
        admin={admin}
        onUnauthorized={() => setUnauthorized(true)}
        onLoginPass={() => {
          console.log("ahora si")
          setUnauthorized(false)
        }}
        instanceNameByBackendURL={instanceNameByBackendURL}
      />
    </Router>
  );
}

function DefaultMainRoute({
  instance,
  admin,
  onUnauthorized,
  onLoginPass,
  instanceNameByBackendURL,
  url, //from preact-router
}: any): VNode {
  const [instanceName, setInstanceName] = useState(
    instanceNameByBackendURL || instance || "default",
  );

  return (
    <InstanceRoutes
      admin={admin}
      path={url}
      onUnauthorized={onUnauthorized}
      onLoginPass={onLoginPass}
      id={instanceName}
      setInstanceName={setInstanceName}
    />
  );
}