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

export const metadata: Metadata = { title: 'Data & privacy', robots: { index: false } };

export default async function DataPage() {
  await requireUser('/account/data');
  return (
    <>
      <PageHeader title="Data & privacy" description="Your collections are private by default and never sold. Export everything or delete your account at any time." />
      <div className="grid gap-4 lg:grid-cols-2">
        <Card>
          <CardHeader title="Export my data" subtitle="One JSON file: profile, collections, items, watchlists, alerts, saved searches, targets, notifications." />
          <div className="p-4">
            <a href="/api/account/export" className={btnSecondary} download>
              Download JSON export
            </a>
            <p className="mt-3 text-xs text-subtle">Per-collection CSV exports are available on each collection page.</p>
          </div>
        </Card>
        <Card>
          <CardHeader title="Delete account" subtitle="Soft-deleted immediately, permanently purged after 30 days. Signing in during the grace period cancels the deletion." />
          <div className="p-4">
            <DeleteAccountForm />
          </div>
        </Card>
      </div>
    </>
  );
}