'use client';

import Link from 'next/link';
import Logo from '@/components/icons/Logo';
import { usePathname } from 'next/navigation';

export default function Footer() {
  const pathname = usePathname();

  if (pathname?.startsWith('/admin')) {
    return null;
  }

  return (
    <footer className="mx-auto px-6">
      <div className="grid grid-cols-3 gap-8 py-12 transition-colors duration-150 border-b lg:grid-cols-12 border-zinc-600">
        <div className="col-span-1 lg:col-span-2 lg:col-start-4">
          <ul className="flex flex-col flex-initial md:flex-1 text-center">
            <li className="py-3 md:py-0 md:pb-4">
              <Link
                href="/"
                className="transition duration-150 ease-in-out hover:text-zinc-600"
              >
                Начало
              </Link>
            </li>
            <li className="py-3 md:py-0 md:pb-4">
              <Link
                href="/about"
                className="transition duration-150 ease-in-out hover:text-zinc-600"
              >
                За Нас
              </Link>
            </li>
            <li className="py-3 md:py-0 md:pb-4">
              <Link
                href="/careers"
                className="transition duration-150 ease-in-out hover:text-zinc-600"
              >
                Наемаме
              </Link>
            </li>
            <li className="py-3 md:py-0 md:pb-4">
              <Link
                href="/menu"
                className="transition duration-150 ease-in-out hover:text-zinc-600"
              >
                Меню
              </Link>
            </li>
          </ul>
        </div>
        <div className="col-span-1 lg:col-span-2">
          <Link
            href="/"
            className="flex items-center font-bold"
          >
            <span className="rounded-full">
              <Logo />
            </span>
          </Link>
        </div>
        <div className="col-span-1 lg:col-span-2">
          <ul className="flex flex-col flex-initial md:flex-1 text-center">
            <li className="py-3 md:py-0 md:pb-4">
              <p className="font-bold transition duration-150 ease-in-out hover:text-zinc-600">
                Легални
              </p>
            </li>
            <li className="py-3 md:py-0 md:pb-4">
              <Link
                href="/"
                className="transition duration-150 ease-in-out hover:text-zinc-600"
              >
                Поверителност
              </Link>
            </li>
            <li className="py-3 md:py-0 md:pb-4">
              <Link
                href="/"
                className="transition duration-150 ease-in-out hover:text-zinc-600"
              >
                Условия
              </Link>
            </li>
          </ul>
        </div>
      </div>
      <div className="py-12 space-y-4 text-center text-zinc-600">
        &copy; {new Date().getFullYear()} Вкъщи Бар. Всички права запазени.
      </div>
    </footer>
  );
}