'use client'

import Link from 'next/link'

import Image from 'next/image'

import LoginForm from './components/LoginForm'
import { siteConfig } from '@/src/utils/siteConfig'

export default function LoginPage() {
  return (
    <div className="space-y-2">
      <div className="flex justify-center items-center">
        <Image
          src={`/logos/${siteConfig.IESTP_LOGO}`}
          width={100}
          height={100}
          alt={`Logo ${siteConfig.IESTP_NAME}`}
        />
      </div>

      <h2 className="text-2xl font-bold text-center">{siteConfig.APP_NAME}</h2>

      <LoginForm />

      <div className="text-center">
        <Link
          href="/auth/forgot-password"
          className="text-sm text-primary hover:underline">
          ¿Olvidaste tu contraseña?
        </Link>
      </div>
    </div>
  )
}