import React from 'react';
import { GetServerSideProps } from 'next';
import { checkAuth } from '@/lib/auth';
import { useRouter } from 'next/router';
import dynamic from 'next/dynamic';

const LoginPageComponentClientSide = dynamic(() => import('@/components/LoginPageComponent'), {
    ssr: false,
});

interface Props {
    isAuthenticated: boolean;
}

const LoginPage: React.FC<Props> = ({ isAuthenticated }) => {
    const router = useRouter();

    if (isAuthenticated) {
        router.push('/');
        return null; 
    }

    return <LoginPageComponentClientSide />;
};

export const getServerSideProps: GetServerSideProps = async (context) => {
    const authResult = await checkAuth(context);

    if (authResult.isAuthenticated) {
        return {
            redirect: {
                destination: '/',
                permanent: false,
            },
        };
    }

    return {
        props: { isAuthenticated: authResult.isAuthenticated },
    };
};

export default LoginPage;