import { auth } from "@/lib/auth";
import { redirect } from "next/navigation";

export default async function ProfilePage() {
  const session = await auth();
  if (!session?.user) redirect("/login");

  return (
    <div className="card max-w-2xl space-y-4 p-6">
      <h1 className="text-2xl font-bold">الملف الشخصي</h1>
      <div className="grid gap-3 sm:grid-cols-2">
        <div>
          <div className="text-xs text-muted">الاسم</div>
          <div className="font-semibold">{session.user.name}</div>
        </div>
        <div>
          <div className="text-xs text-muted">البريد</div>
          <div className="font-semibold">{session.user.email}</div>
        </div>
        <div>
          <div className="text-xs text-muted">الأدوار</div>
          <div className="font-semibold">{session.user.roles.join("، ")}</div>
        </div>
        <div>
          <div className="text-xs text-muted">عدد الصلاحيات</div>
          <div className="font-semibold">{session.user.permissions.length}</div>
        </div>
      </div>
    </div>
  );
}