import { Navigate } from 'react-router'
import { tokenStorage } from '@/apis'
import { Logo } from '@/components'
import { LoginForm, usePreLoginBranding } from '@/features/auth'

export function LoginPage() {
  // 초청 링크의 session_id(없으면 직전 로그인 캐시)로 회사 브랜딩을 먼저 그린다.
  const branding = usePreLoginBranding()

  // 이미 로그인된 상태면 목록으로
  if (tokenStorage.hasToken()) {
    return <Navigate to="/list" replace />
  }

  return (
    <main className="flex min-h-svh w-full items-center justify-center bg-surface px-6">
      <div className="flex w-full max-w-sm flex-col items-center gap-6">
        {/* 브랜드 락업 */}
        <div className="flex flex-col items-center gap-2">
          <Logo size="lg" serviceName={branding?.service_name} logoUrl={branding?.logo_url} />
          <p className="text-[13px] font-medium tracking-[-0.26px] text-neutral-60">
            negotium B2B 구매협상 솔루션 · 공급사 포털
          </p>
        </div>

        {/* 로그인 카드 */}
        <div className="w-full rounded-2xl border border-border bg-white p-8 shadow-sm">
          <h1 className="mb-6 text-center text-xl font-bold tracking-[-0.4px] text-neutral-90">
            로그인
          </h1>
          <LoginForm />
        </div>

        {/* 푸터 — 문의처(회사 설정 branding.helpdesk, 미등록이면 생략) + 솔루션/제작사 표기(고정) */}
        <div className="flex flex-col items-center gap-1">
          {(branding?.helpdesk ?? []).map((line) => (
            <p key={line} className="text-xs font-medium text-neutral-60">
              문의: {line}
            </p>
          ))}
          <p className="text-[11px] font-medium text-neutral-50">
            © {new Date().getFullYear()} negotium · Made by AI O2O
          </p>
        </div>
      </div>
    </main>
  )
}

export default LoginPage