import Link from "next/link";
import { PhoneCall } from "lucide-react";
import { getSiteContactSettings } from "@/lib/site-settings";

export async function Footer() {
  const contact = await getSiteContactSettings();

  return (
    <footer className="border-t border-white/10 bg-kiln-black">
      <div className="footer-main site-container grid w-full grid-cols-1 gap-8 py-10 md:grid-cols-3">
        <div className="justify-self-start">
          <p className="text-3xl font-semibold tracking-[0.18em] text-kiln-flame">КИЛН</p>
          <p className="mt-3 max-w-md text-kiln-milk/72">Обсерватория вкуса.</p>
          <div className="mt-4 h-px w-1/2 min-w-[180px] bg-white/10" />
          <div className="mt-4 text-sm text-kiln-milk/70">
            <p className="mb-2 text-kiln-milk">Реквизиты</p>
            <p className="grid gap-1"><span>ООО «КИЛН»</span><span>ИНН 7840117342 / КПП 784001001</span><span>ОГРН 1247800130192</span><span>Почта: bar@kiln.spb.ru</span><span>Юр. адрес: {contact.address}</span></p>
          </div>
        </div>
        <div className="grid justify-self-start content-start gap-3 text-sm md:justify-self-center">
          <Link href="/legend">О нас</Link>
          <Link href="/menu">Меню</Link>
          <Link href="/bar">Барная карта</Link>
          <Link href="/gallery">Галерея</Link>
          <Link href="/contacts">Контакты</Link>
          <Link href="/delivery-payment">Оплата и доставка</Link>
        </div>
        <div className="footer-contacts grid content-start gap-3 text-left text-sm">
          <a className="flex items-center gap-2" href="https://max.ru/" target="_blank" rel="noreferrer">
            {/* eslint-disable-next-line @next/next/no-img-element */}
            <img src="/icons/max.svg" alt="" className="h-5 w-5 object-contain" /> MAX
          </a>
          <a className="flex items-center gap-2" href="https://t.me/" target="_blank" rel="noreferrer">
            {/* eslint-disable-next-line @next/next/no-img-element */}
            <img src="/icons/telegram.svg" alt="" className="h-5 w-5 object-contain" /> TG
          </a>
          <a className="flex items-center gap-2" href="mailto:bar@kiln.spb.ru">
            {/* eslint-disable-next-line @next/next/no-img-element */}
            <img src="/icons/contact.svg" alt="" className="h-5 w-5 object-contain" /> Обратная связь
          </a>
          <a className="flex items-center gap-2" href={contact.phoneHref}>
            <PhoneCall size={20} /> {contact.phone}
          </a>
        </div>
      </div>
      <div className="footer-subfooter border-t border-white/10">
        <div className="site-container flex justify-center gap-8 py-4 text-xs text-kiln-milk/60">
          <Link href="/privacy" className="transition-colors hover:text-kiln-milk">Политика конфиденциальности</Link>
          <Link href="/personal-data-consent" className="transition-colors hover:text-kiln-milk">Политика обработки персональных данных</Link>
        </div>
      </div>
    </footer>
  );
}
