export const dynamic = 'force-dynamic'

import { redirect } from 'next/navigation'
import { createClient } from '@/lib/supabase/server'
import { ApiKeyForm } from '@/components/settings/api-key-form'

export default async function SettingsPage() {
  const supabase = await createClient()
  const { data: { user } } = await supabase.auth.getUser()
  if (!user) redirect('/login')

  const { data: profile } = await supabase.from('users').select('role').eq('id', user.id).single()
  if (!profile || profile.role !== 'admin') redirect('/hse/dashboard')

  const { data: settings } = await supabase
    .from('app_settings')
    .select('key, value, updated_at')

  const settingsMap = Object.fromEntries(
    (settings ?? []).map(s => [s.key, { set: Boolean(s.value), updated_at: s.updated_at }])
  )

  return (
    <main className="max-w-2xl mx-auto px-4 py-6">
      <h1 className="text-2xl font-bold text-gray-900 mb-2">Settings</h1>
      <p className="text-sm text-gray-500 mb-6">
        API keys are stored securely in the database. Leave blank to use environment variables.
      </p>
      <ApiKeyForm settings={settingsMap} />
    </main>
  )
}