export const dynamic = 'force-dynamic'

import { createClient } from '@/lib/supabase/server'
import { redirect } from 'next/navigation'
import { Sidebar } from '@/components/layout/sidebar'

export default async function ProtectedLayout({
  children,
}: {
  children: React.ReactNode
}) {
  const supabase = await createClient()
  const {
    data: { user },
  } = await supabase.auth.getUser()

  if (!user) redirect('/login')

  const { data: profile } = await supabase
    .from('users')
    .select('role, name, email')
    .eq('id', user.id)
    .single()

  return (
    <div className="min-h-screen bg-gray-50">
      <Sidebar
        role={profile?.role ?? 'reporter'}
        userName={profile?.name ?? user.email ?? ''}
        userEmail={profile?.email ?? user.email ?? ''}
      />
      <div className="sm:ml-60 pb-16 sm:pb-0">
        {children}
      </div>
    </div>
  )
}