import Link from 'next/link'
import EventTabs from '@/components/EventTabs'
import { requireEvent } from '@/lib/auth'

export default async function EventLayout({ children, params }: { children: React.ReactNode; params: Promise<{ id: string }> }) {
  const { id } = await params
  const { event } = await requireEvent(id)
  return (
    <div>
      <Link href="/panel" className="text-sm text-gray-400 hover:text-gray-700">← Eventos</Link>
      <div className="mb-4 mt-1 flex flex-wrap items-center gap-3">
        <h1 className="truncate text-2xl font-bold md:text-3xl">{event.name}</h1>
        {!event.alcoholAllowed && <span className="chip border border-emerald-200 bg-emerald-50 text-emerald-700">● Modo menores · sin alcohol</span>}
      </div>
      <EventTabs eventId={event.id} />
      {children}
    </div>
  )
}