import { getCurrentUser } from '@/lib/auth';
import { hasPageAccess } from '@/lib/permissions';
import { redirect } from 'next/navigation';
import DashboardLayout from '@/components/DashboardLayout';
import BudgetContent from '@/components/BudgetContent';

export default async function BudgetPage() {
  const user = await getCurrentUser();
  if (!user) {
    redirect('/login');
  }

  const hasAccess = await hasPageAccess(user.id, '/dashboard/budget');
  if (!hasAccess) {
    redirect('/dashboard/parametres');
  }

  return (
    <DashboardLayout user={user}>
      <div className="p-3 sm:p-4 md:p-6 lg:p-8">
        <h1 className="text-xl sm:text-2xl md:text-3xl font-semibold text-cblack mb-1 sm:mb-2">
          Budget
        </h1>
        <p className="text-xs md:text-sm text-cgray mb-4 sm:mb-6 md:mb-8">
          Gérer le budget alloué par prescripteur
        </p>
        <BudgetContent />
      </div>
    </DashboardLayout>
  );
}