import Image from 'next/image';
import { redirect } from 'next/navigation';
import LoginForm from '@/components/admin/LoginForm';
import { isAuthenticated } from '@/lib/auth';
import { isSupabaseConfigured } from '@/lib/env';

export const dynamic = 'force-dynamic';

export const metadata = { title: 'Panel Girişi' };

export default async function LoginPage() {
  if (await isAuthenticated()) redirect('/admin');
  const supabase = isSupabaseConfigured();

  return (
    <div className="flex min-h-screen items-center justify-center bg-cocoa-900 px-5 py-12">
      <div className="w-full max-w-sm">
        <div className="mb-8 flex justify-center">
          <Image
            src="/images/logo-light.png"
            alt="BUEL Gurme"
            width={190}
            height={200}
            className="h-24 w-auto"
          />
        </div>
        <div className="rounded-2xl bg-cream-50 p-7 shadow-lift sm:p-8">
          <h1 className="font-display text-2xl">Yönetim paneli</h1>
          <p className="mt-1.5 text-sm text-cocoa-500">
            {supabase ? 'Supabase hesabınızla giriş yapın.' : 'Panel şifrenizle giriş yapın.'}
          </p>
          <LoginForm supabase={supabase} />
        </div>
        <p className="mt-6 text-center text-xs text-cream-200/40">
          © {new Date().getFullYear()} BUEL Gurme
        </p>
      </div>
    </div>
  );
}