import type { Metadata } from "next";
import { redirect } from "next/navigation";

import { getAdminSession, getUserSession } from "@/lib/session";

import { loginAction } from "./actions";

export const metadata: Metadata = {
  title: "鹅梯 FeieProxy",
};

export default async function LoginPage({
  searchParams,
}: {
  searchParams: Promise<{ error?: string }>;
}) {
  const [adminSession, userSession] = await Promise.all([
    getAdminSession(),
    getUserSession(),
  ]);
  if (adminSession) {
    redirect("/admin/dashboard");
  }
  if (userSession) {
    redirect("/me");
  }

  const params = await searchParams;

  return (
    <main className="login-shell login-shell--immersive">
      <div aria-hidden="true" className="login-backdrop">
        <span className="login-orb login-orb--one" />
        <span className="login-orb login-orb--two" />
        <span className="login-orb login-orb--three" />
      </div>
      <section className="login-stage">
        <article className="login-card login-card--form login-card--brand">
          <div className="section-title">
            <div>
              <span className="eyebrow">FEIEPROXY ACCESS</span>
              <h1>鹅梯 FeieProxy</h1>
            </div>
            <span className="status-pill status-pill--neutral">家宽节点</span>
          </div>
          <p className="page-lede">
            统一管理多节点鉴权、流量同步与 Clash 订阅。管理员进入控制台，普通用户进入自助页查看剩余流量并生成订阅链接。
          </p>
          <form action={loginAction} className="stack-lg login-form">
            <label className="field">
              <span>用户名</span>
              <input name="username" type="text" placeholder="admin" required />
            </label>
            <label className="field">
              <span>密码</span>
              <input name="password" type="password" required />
            </label>
            {params.error ? (
              <p className="error-banner">用户名或密码错误。</p>
            ) : null}
            <button className="primary-button" type="submit">
              登录控制台
            </button>
          </form>
          <p className="login-note">管理员与普通用户共用入口，系统会自动跳转到对应面板。</p>
        </article>
      </section>
    </main>
  );
}