import Link from "next/link";
import type { Lang } from "@/i18n/types";
import type { Dict } from "@/i18n/dictionaries";

export function SiteFooter({ lang, dict }: { lang: Lang; dict: Dict }) {
  return (
    <footer className="border-t border-appBorder bg-appSurface/40">
      <div className="container-app py-10">
        <div className="grid gap-8 md:grid-cols-3">
          <div>
            <div className="text-lg font-semibold tracking-tight">
              {dict.brand}
            </div>
            <p className="mt-2 text-sm text-appMuted">
              {lang === "ar"
                ? "حلول رقمية فاخرة تركز على النتائج والتحويل."
                : "Premium digital solutions focused on results and conversion."}
            </p>
          </div>

          <div className="text-sm">
            <div className="font-semibold text-appText">
              {lang === "ar" ? "روابط" : "Links"}
            </div>
            <div className="mt-3 grid gap-2 text-appMuted">
              <Link href={`/${lang}/services`} className="hover:text-appText">
                {dict.nav.services}
              </Link>
              <Link href={`/${lang}/portfolio`} className="hover:text-appText">
                {dict.nav.portfolio}
              </Link>
              <Link href={`/${lang}/about`} className="hover:text-appText">
                {dict.nav.about}
              </Link>
              <Link href={`/${lang}/contact`} className="hover:text-appText">
                {dict.nav.contact}
              </Link>
            </div>
          </div>

          <div className="text-sm">
            <div className="font-semibold text-appText">
              {lang === "ar" ? "تواصل" : "Contact"}
            </div>
            <div className="mt-3 grid gap-2 text-appMuted">
              <a className="hover:text-appText" href="mailto:hello@raqmiatplus.com">
                {dict.footer.email}: hello@raqmiatplus.com
              </a>
              <a
                className="hover:text-appText"
                href="https://wa.me/966544666050"
                target="_blank"
                rel="noopener noreferrer"
              >
                {lang === "ar" ? "واتساب" : "WhatsApp"}: +966 54 466 6050
              </a>
            </div>
          </div>
        </div>

        <div className="mt-10 flex flex-col gap-2 border-t border-appBorder pt-6 text-xs text-appMuted sm:flex-row sm:items-center sm:justify-between">
          <div>
            © {new Date().getFullYear()} {dict.brand} — {dict.footer.rights}
          </div>
          <div>
            {lang === "ar"
              ? "جاهز للربط مع API/SMTP وتهيئة الاستضافة."
              : "Ready for API/SMTP integration and deployment."}
          </div>
        </div>
      </div>
    </footer>
  );
}