import { AdminHeader } from "@/components/admin/utils/admin-header";
import { ManageNavigation } from "@/components/admin/layout/manage-navigation";

export default function ManageLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <div className="min-h-screen bg-gradient-to-br from-slate-950 via-slate-900 to-slate-950 relative overflow-hidden">
      {/* Background Effects */}
      <div className="absolute inset-0 bg-[radial-gradient(ellipse_at_top,_var(--tw-gradient-stops))] from-blue-900/20 via-slate-900 to-slate-950" />
      <div className="absolute inset-0 bg-grid-white/5 bg-[size:50px_50px]" />
      <div className="absolute inset-0 bg-gradient-to-t from-slate-950 via-transparent to-transparent" />

      <div className="relative z-10 container mx-auto px-6 py-6 max-w-7xl space-y-6">
        {/* Header */}
        <AdminHeader />

        {/* Navigation */}
        <ManageNavigation />

        {/* Main Content */}
        {children}
      </div>
    </div>
  );
}