import type { Metadata } from 'next'
import { redirect } from 'next/navigation'
import { signIn } from '@/auth'
import { getCurrentUser } from '@/lib/auth/current'
import { de } from '@/lib/i18n/de'

export const metadata: Metadata = { title: de.auth.signIn }
export const dynamic = 'force-dynamic'

export default async function SignInPage() {
  if (await getCurrentUser()) redirect('/uebersicht')

  async function anmelden() {
    'use server'
    await signIn('discord', { redirectTo: '/uebersicht' })
  }

  return (
    <main id="inhalt" className="mx-auto max-w-(--container-measure) px-6 py-16">
      <h1 className="font-condensed">{de.app.name}</h1>
      <p className="mt-2 text-text-dim">{de.auth.intro}</p>

      <form action={anmelden} className="mt-8">
        <button
          type="submit"
          className="border border-line bg-raised px-4 py-2 font-condensed text-sm text-accent"
        >
          {de.auth.signIn}
        </button>
      </form>
    </main>
  )
}