import { getSession } from "../../../lib/auth/session";
import SettingsClient from "./settings-client";

export default async function SettingsPage() {
  const session = await getSession();
  if (!session) {
    return (
      <main className="max-w-5xl mx-auto px-6 py-16">
        <div className="card text-center py-12">
          <div className="text-6xl mb-4">🔒</div>
          <h1 className="text-2xl font-bold mb-2 text-slate-900 dark:text-white">Authentication Required</h1>
          <p className="text-gray-600 dark:text-gray-400">Please sign in to access settings.</p>
        </div>
      </main>
    );
  }

  return (
    <main className="max-w-4xl mx-auto px-6 py-16">
      <div className="mb-8">
        <div className="inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-primary/10 text-primary text-xs font-semibold mb-4">
          ⚙️ Settings
        </div>
        <h1 className="text-3xl md:text-4xl font-bold text-slate-900 dark:text-white">
          Account Settings
        </h1>
        <p className="text-gray-600 dark:text-gray-400 mt-2">Manage your profile, security, and preferences</p>
      </div>
      <SettingsClient />
    </main>
  );
}