import type { Metadata } from 'next'
import { auth } from '@/auth'
import LogoutButton from '@/components/auth/LogoutButton'
import { redirect } from 'next/navigation'

export const metadata: Metadata = {
  title: 'Moje konto | Twoja Łódka',
  description: 'Panel konta użytkownika.',
}

export default async function ProfilPage() {
  const session = await auth()
  if (!session?.user) redirect('/logowanie')

  return (
    <div className="min-h-screen bg-gradient-to-b from-slate-100 to-slate-200 px-4 pb-16 pt-28">
      <div className="mx-auto max-w-2xl rounded-2xl border border-gray-200 bg-white p-8 shadow-lg">
        <h1 className="text-2xl font-bold text-gray-900">Moje konto</h1>
        <p className="mt-2 text-sm text-gray-600">
          Jesteś zalogowany jako <span className="font-medium text-gray-900">{session.user.email}</span>
        </p>
        {session.user.name ? (
          <p className="mt-1 text-sm text-gray-600">
            Nazwa: <span className="font-medium text-gray-900">{session.user.name}</span>
          </p>
        ) : null}
        <p className="mt-6 text-sm text-gray-500">
          W kolejnych krokach tutaj pojawią się m.in. Twoje ogłoszenia i ustawienia — po podpięciu łódek do bazy
          danych.
        </p>
        <div className="mt-8">
          <LogoutButton />
        </div>
      </div>
    </div>
  )
}