import ThemeSwitcher from "@app/components/ThemeSwitcher";
import { Separator } from "@app/components/ui/separator";
import { priv } from "@app/lib/api";
import { pullEnv } from "@app/lib/pullEnv";
import { build } from "@server/build";
import { GetLicenseStatusResponse } from "@server/routers/license/types";
import { AxiosResponse } from "axios";
import { Metadata } from "next";
import { getTranslations } from "next-intl/server";
import { cache } from "react";

export const metadata: Metadata = {
    title: `Auth - ${process.env.BRANDING_APP_NAME || "Pangolin"}`,
    description: ""
};

type AuthLayoutProps = {
    children: React.ReactNode;
};

export default async function AuthLayout({ children }: AuthLayoutProps) {
    const env = pullEnv();
    const t = await getTranslations();
    let hideFooter = false;

    if (build == "enterprise") {
        const licenseStatusRes = await cache(
            async () =>
                await priv.get<AxiosResponse<GetLicenseStatusResponse>>(
                    "/license/status"
                )
        )();
        if (
            env.branding.hideAuthLayoutFooter &&
            licenseStatusRes.data.data.isHostLicensed &&
            licenseStatusRes.data.data.isLicenseValid
        ) {
            hideFooter = true;
        }
    }

    return (
        <div className="h-full flex flex-col">
            <div className="flex justify-end items-center p-3 space-x-2">
                <ThemeSwitcher />
            </div>

            <div className="flex-1 flex md:items-center justify-center">
                <div className="w-full max-w-md p-3">{children}</div>
            </div>

            {!hideFooter && (
                <footer className="hidden md:block w-full mt-12 py-3 mb-6 px-4">
                    <div className="container mx-auto flex flex-wrap justify-center items-center h-3 space-x-4 text-xs text-neutral-400 dark:text-neutral-600">
                        <a
                            href="https://pangolin.net"
                            target="_blank"
                            rel="noopener noreferrer"
                            aria-label="Built by Fossorial"
                            className="flex items-center space-x-2 whitespace-nowrap"
                        >
                            <span>
                                © {new Date().getFullYear()} Fossorial, Inc.
                            </span>
                        </a>
                        <Separator orientation="vertical" />
                        <a
                            href="https://pangolin.net"
                            target="_blank"
                            rel="noopener noreferrer"
                            aria-label="Built by Fossorial"
                            className="flex items-center space-x-2 whitespace-nowrap"
                        >
                            <span>
                                {process.env.BRANDING_APP_NAME || "Pangolin"}
                            </span>
                        </a>
                        <Separator orientation="vertical" />
                        <span>
                            {build === "oss"
                                ? t("communityEdition")
                                : build === "enterprise"
                                  ? t("enterpriseEdition")
                                  : t("pangolinCloud")}
                        </span>
                        {build === "saas" && (
                            <>
                                <Separator orientation="vertical" />
                                <a
                                    href="https://pangolin.net/terms-of-service.html"
                                    target="_blank"
                                    rel="noopener noreferrer"
                                    aria-label="GitHub"
                                    className="flex items-center space-x-2 whitespace-nowrap"
                                >
                                    <span>{t("terms")}</span>
                                </a>
                                <Separator orientation="vertical" />
                                <a
                                    href="https://pangolin.net/privacy-policy.html"
                                    target="_blank"
                                    rel="noopener noreferrer"
                                    aria-label="GitHub"
                                    className="flex items-center space-x-2 whitespace-nowrap"
                                >
                                    <span>{t("privacy")}</span>
                                </a>
                            </>
                        )}
                        <Separator orientation="vertical" />
                        <a
                            href="https://docs.pangolin.net"
                            target="_blank"
                            rel="noopener noreferrer"
                            aria-label="Built by Fossorial"
                            className="flex items-center space-x-2 whitespace-nowrap"
                        >
                            <span>{t("docs")}</span>
                        </a>
                        <Separator orientation="vertical" />
                        <a
                            href="https://github.com/fosrl/pangolin"
                            target="_blank"
                            rel="noopener noreferrer"
                            aria-label="GitHub"
                            className="flex items-center space-x-2 whitespace-nowrap"
                        >
                            <span>{t("github")}</span>
                        </a>
                    </div>
                </footer>
            )}
        </div>
    );
}
