"use client"

import { useLocale } from "@/lib/i18n/context"
import { Shield } from "lucide-react"
import Link from "next/link"

export function Footer() {
  const { locale } = useLocale()

  return (
    <footer className="border-t border-border/50 bg-card/30">
      <div className="mx-auto max-w-7xl px-4 py-8 lg:px-8">
        <div className="flex flex-col items-center gap-6 text-center">
          {/* Logo */}
          <Link href="/" className="flex items-center gap-2">
            <div className="flex h-8 w-8 items-center justify-center rounded-lg bg-primary/10">
              <Shield className="h-4 w-4 text-primary" />
            </div>
            <span className="text-lg font-bold text-foreground">
              Derin<span className="text-primary">devlet</span>
            </span>
          </Link>

          {/* Links */}
          <nav className="flex flex-wrap items-center justify-center gap-6 text-sm">
            <Link href="/about" className="text-muted-foreground transition-colors hover:text-foreground">
              {locale === "tr" ? "Hakkimizda" : "About"}
            </Link>
            <Link href="/rules" className="text-muted-foreground transition-colors hover:text-foreground">
              {locale === "tr" ? "Kurallar" : "Rules"}
            </Link>
            <Link href="/privacy" className="text-muted-foreground transition-colors hover:text-foreground">
              {locale === "tr" ? "Gizlilik" : "Privacy"}
            </Link>
            <Link href="/contact" className="text-muted-foreground transition-colors hover:text-foreground">
              {locale === "tr" ? "Iletisim" : "Contact"}
            </Link>
          </nav>

          {/* Copyright */}
          <div className="flex flex-col gap-1 text-xs text-muted-foreground">
            <p>
              &copy; {new Date().getFullYear()} Derindevlet.org &mdash;{" "}
              {locale === "tr" ? "Tum haklari saklidir." : "All rights reserved."}
            </p>
            <p className="text-muted-foreground/70">
              {locale === "tr"
                ? "Bu platformdaki gorusler yazarlarina aittir."
                : "Views expressed on this platform belong to their authors."}
            </p>
          </div>
        </div>
      </div>
    </footer>
  )
}
