import Link from "next/link"
import { getSiteContents } from "@/lib/data"
import { Instagram, Youtube } from "lucide-react"
import { FaTiktok } from "react-icons/fa"

export async function Footer() {
    const siteSettings = await getSiteContents()

    return (
        <footer className="w-full border-t bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60 py-12 md:py-24 lg:py-32">
            <div className="container grid gap-8 px-4 md:px-6 lg:grid-cols-4">
                <div className="flex flex-col gap-2">
                    <Link href="/" className="flex items-center gap-2">
                        <span className="text-xl font-bold tracking-tighter">{siteSettings.site_title || "PARAKASA"}</span>
                    </Link>
                    <p className="text-sm text-muted-foreground">
                        {siteSettings.site_description || "Yüksek güvenlikli çelik kasa ve para sayma sistemleri için güvenilir çözüm ortağınız."}
                    </p>
                </div>
                <div className="flex flex-col gap-2">
                    <h3 className="font-semibold">Ürünler</h3>
                    <Link href="#" className="text-sm hover:underline underline-offset-4">
                        Ev Tipi Kasalar
                    </Link>
                    <Link href="#" className="text-sm hover:underline underline-offset-4">
                        Ofis Tipi Kasalar
                    </Link>
                    <Link href="#" className="text-sm hover:underline underline-offset-4">
                        Otel Kasaları
                    </Link>
                    <Link href="#" className="text-sm hover:underline underline-offset-4">
                        Para Sayma Makineleri
                    </Link>
                </div>
                <div className="flex flex-col gap-2">
                    <h3 className="font-semibold">Kurumsal</h3>
                    <Link href="#" className="text-sm hover:underline underline-offset-4">
                        Hakkımızda
                    </Link>
                    <Link href="#" className="text-sm hover:underline underline-offset-4">
                        Referanslar
                    </Link>
                    <Link href="#" className="text-sm hover:underline underline-offset-4">
                        Bayilik Başvurusu
                    </Link>
                    <Link href="#" className="text-sm hover:underline underline-offset-4">
                        İletişim
                    </Link>
                </div>
                <div className="flex flex-col gap-2">
                    <h3 className="font-semibold">Bize Ulaşın</h3>
                    <p className="text-sm text-muted-foreground whitespace-pre-wrap">
                        {siteSettings.contact_address || "İstanbul, Türkiye"}
                    </p>
                    <p className="text-sm text-muted-foreground">
                        {siteSettings.contact_phone || "+90 212 000 00 00"}
                    </p>
                    <p className="text-sm text-muted-foreground">
                        {siteSettings.contact_email}
                    </p>
                    <div className="flex gap-4 mt-4">
                        {siteSettings.social_instagram && (
                            <Link href={siteSettings.social_instagram} target="_blank" className="text-muted-foreground hover:text-foreground">
                                <Instagram className="h-5 w-5" />
                            </Link>
                        )}
                        {siteSettings.social_youtube && (
                            <Link href={siteSettings.social_youtube} target="_blank" className="text-muted-foreground hover:text-foreground">
                                <Youtube className="h-5 w-5" />
                            </Link>
                        )}
                        {siteSettings.social_tiktok && (
                            <Link href={siteSettings.social_tiktok} target="_blank" className="text-muted-foreground hover:text-foreground">
                                <FaTiktok className="h-5 w-5" />
                            </Link>
                        )}
                    </div>
                </div>
            </div>
            <div className="container px-4 md:px-6 mt-8 pt-8 border-t text-center text-sm text-muted-foreground">
                © {new Date().getFullYear()} {siteSettings.site_title || "ParaKasa"}. Tüm hakları saklıdır.
            </div>
        </footer>
    )
}
