import EmptyState from "@/components/EmptyState";
import InviteUserPanel from "@/components/InviteUserPanel";
import AccountSettingsPanel from "@/components/settings/AccountSettingsPanel";
import { getServerSession } from "next-auth";
import { authOptions } from "@/lib/auth";
import { canInviteUsers } from "@/lib/roles";

export default async function SettingsPage() {
  const session = await getServerSession(authOptions);
  const canManageInvites = canInviteUsers(session?.user?.role);

  return (
    <div className="space-y-5">
      <header>
        <h1 className="text-display">Configuración</h1>
        <p className="text-body-lg text-benell-text-soft">Cuenta personal, notificaciones y permisos</p>
      </header>
      <AccountSettingsPanel />
      {canManageInvites ? <InviteUserPanel /> : null}
      <EmptyState
        title="Configuración avanzada"
        description="Próximamente podrás administrar reglas detalladas por área y preferencias operativas."
      />
    </div>
  );
}