import type { Metadata } from 'next';
import { requireUser } from '@/lib/auth/session';
import { PageHeader } from '@/components/account/page-header';
import { Card, CardHeader } from '@/components/ui/primitives';
import { PrefsForm } from './prefs-form';

export const metadata: Metadata = { title: 'Notification settings', robots: { index: false } };

export default async function NotificationSettingsPage() {
  const u = await requireUser('/account/notifications');
  const p = (u.preferences ?? {}) as Record<string, unknown>;
  return (
    <>
      <PageHeader title="Notifications" description="Choose what reaches your inbox and your e-mail. In-app notifications are always kept in your inbox." />
      <Card>
        <CardHeader title="E-mail preferences" subtitle={`Sent to ${u.email}`} />
        <div className="p-4">
          <PrefsForm prefs={{ emailAlerts: p.emailAlerts !== false, newLoginEmails: p.newLoginEmails !== false, digest: (p.digest as string) ?? 'weekly', digestWeekday: Number(p.digestWeekday ?? 1), quietStart: (p.quietStart as number | null) ?? null, quietEnd: (p.quietEnd as number | null) ?? null, marketMoves: p.marketMoves === true }} />
        </div>
      </Card>
    </>
  );
}