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

export default async function DashboardLayout({ children }: { children: React.ReactNode }) {
  const session = await getSession();
  if (!session) redirect("/login");

  return (
    <div className="flex min-h-screen">
      <Sidebar userRole={session.role} />
      <main className="flex-1 flex flex-col">
        <header className="bg-white border-b px-8 py-4 flex items-center justify-between shadow-sm">
          <div />
          <div className="text-sm text-gray-600">
            <span className="font-medium text-gray-900">{session.name}</span>
            <span className="ml-2 px-2 py-0.5 rounded-full text-xs font-medium bg-brand-100 text-brand-700">
              {session.role === "master" ? "Administrador" : "Contador"}
            </span>
          </div>
        </header>
        <div className="flex-1 p-8 bg-gray-50">
          {children}
        </div>
      </main>
    </div>
  );
}