import type { Metadata } from 'next'
import { notFound } from 'next/navigation'
import { requireUser } from '@/lib/auth/current'
import { AccessError } from '@/lib/errors'
import { loadChatView } from '@/lib/chat/load'
import { db } from '@/lib/db'
import { visibleChannelWhere } from '@/lib/access/chatFilter'
import { de } from '@/lib/i18n/de'
import { Chat } from '@/components/chat/Chat'

export const dynamic = 'force-dynamic'

export async function generateMetadata({
  params,
}: {
  params: Promise<{ key: string }>
}): Promise<Metadata> {
  const { key } = await params
  return { title: `#${key}` }
}

export default async function ChannelPage({ params }: { params: Promise<{ key: string }> }) {
  const user = await requireUser()
  const { key } = await params

  const kanal = await db.channel.findFirst({
    where: { AND: [visibleChannelWhere(user.permissions), { key, isArchived: false }] },
    select: { id: true, key: true, name: true, description: true },
  })
  // Kein Zugriff heisst 404.
  if (!kanal) notFound()

  let ansicht
  try {
    ansicht = await loadChatView(user.permissions, { kind: 'channel', key: kanal.key })
  } catch (error) {
    if (error instanceof AccessError) notFound()
    throw error
  }

  return (
    <main className="mx-auto max-w-5xl px-6 py-10">
      <header>
        <span className="font-mono text-xs text-text-dim">#{kanal.key}</span>
        <h1 className="mt-1 font-condensed">{kanal.name}</h1>
        {kanal.description ? (
          <p className="mt-2 max-w-(--container-measure) text-sm text-text-dim">
            {kanal.description}
          </p>
        ) : null}
      </header>

      <div className="mt-8">
        <Chat
          scope={{ kind: 'channel', key: kanal.key, channelId: kanal.id }}
          topic={`channel:${kanal.id}`}
          initial={ansicht.messages}
          initialReactions={ansicht.reactions}
          currentUserId={user.id}
          lastReadAt={ansicht.lastReadAt}
          // Ein Vermerk gehört in eine Akte. Ein Kanal hat keine.
          canAdopt={false}
          mentionNames={ansicht.mentionNames}
        />
      </div>

      <p className="mt-4 text-2xs text-text-dim">{de.chat.hint}</p>
    </main>
  )
}