'use client';

import { UILink } from '../ui';
import { useRouter } from 'next/navigation';

const Footer = () => {
  const router = useRouter();

  const handleContactClick = () => {
    const registerSection = document.getElementById('register');

    if (window.location.pathname === '/') {
      // Ya estamos en home, scroll directo
      registerSection?.scrollIntoView({ behavior: 'smooth' });
    } else {
      // Navegar al home con query param
      router.push('/?scroll=register');
    }
  };

  return (
    <div className="bg-background show-on-desktop mb-16 px-20 pt-16 pb-12">
      <div className="border-y-foreground malek-containter flex items-center gap-80 border-2 border-x-0 py-12">
        <div className="flex flex-col gap-8 text-sm font-bold uppercase">
          <UILink href="/">Home</UILink>
          <button
            className="text-text-primary text-xs font-bold transition-opacity duration-200 hover:opacity-70 focus-visible:ring-2 focus-visible:outline-none lg:text-sm"
            onClick={handleContactClick}
          >
            CONTACTO
          </button>
        </div>
        <div className="flex flex-col gap-8 text-base">
          <p>Figueroa alcorta 3351</p>
          <p>Buenos Aires, Argentina</p>
        </div>
      </div>
    </div>
  );
};

export default Footer;