import type { Metadata } from 'next'
import Link from 'next/link'
import { db } from '@/lib/db'
import { requireUser } from '@/lib/auth/current'
import { listChannels } from '@/lib/chat/service'
import { de } from '@/lib/i18n/de'
import { StampMark } from '@/components/StampMark'
import { NewChannelForm } from './NewChannelForm'

export const metadata: Metadata = { title: de.channel.heading }
export const dynamic = 'force-dynamic'

/**
 * Freie Kanäle: Räume für Absprachen, die zu keiner Akte gehören.
 *
 * Ein Kanal über der Stufe des Lesers taucht nicht auf. Anders als bei Akten
 * ist die Existenz eines Kanals aber kein Geheimnis für die, die seine Stufe
 * haben — ein Raum, den man erraten müsste, wäre keiner.
 */
export default async function ChannelListPage() {
  const user = await requireUser()

  const [kanaele, levels] = await Promise.all([
    listChannels(user.permissions),
    db.clearanceLevelConfig.findMany({ orderBy: { level: 'asc' } }),
  ])
  const levelName = new Map(levels.map((l) => [l.level, l.name]))
  const darfAnlegen = user.permissions.isAdmin || user.permissions.permissions.has('case.create')

  return (
    <main className="mx-auto max-w-5xl px-6 py-10">
      <h1 className="font-condensed">{de.channel.heading}</h1>
      <p className="mt-2 max-w-(--container-measure) text-sm text-text-dim">
        {de.channel.intro}
      </p>

      {kanaele.length === 0 ? (
        <p className="mt-10 text-text-dim">{de.channel.empty}</p>
      ) : (
        <ul className="mt-6 border-t border-line">
          {kanaele.map((kanal) => (
            <li key={kanal.id} className="border-b border-line">
              <Link
                href={`/kanaele/${kanal.key}`}
                prefetch
                className="flex flex-wrap items-baseline gap-x-4 gap-y-1 py-3 text-text no-underline"
              >
                <span className="font-mono text-xs text-text-dim">#{kanal.key}</span>
                <span className="grow">{kanal.name}</span>
                {kanal.minClearance > 0 ? (
                  <StampMark
                    level={kanal.minClearance}
                    name={levelName.get(kanal.minClearance) ?? de.common.unknown}
                  />
                ) : null}
              </Link>
            </li>
          ))}
        </ul>
      )}

      {darfAnlegen ? (
        <div className="mt-8">
          <NewChannelForm
            levels={levels.filter((l) => l.level <= user.permissions.clearanceLevel)}
          />
        </div>
      ) : null}
    </main>
  )
}