import { Link } from "react-router-dom";
import { Leaf } from "lucide-react";

export default function Footer() {
  const tahunSekarang = new Date().getFullYear();

  return (
    <footer className="bg-primary text-primary-foreground mt-auto">
      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-10">
        <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
          <div>
            <div className="flex items-center gap-2.5 mb-3">
              <div className="w-8 h-8 bg-white/20 rounded-lg flex items-center justify-center">
                <Leaf className="w-4 h-4 text-white" />
              </div>

              <div>
                <p className="text-sm font-bold">Transparansi Dana MBG</p>
              </div>
            </div>

            <p className="text-sm text-white/70 leading-relaxed">
              Platform transparansi dan akuntabilitas pengelolaan dana Makan
              Bergizi Gratis nasional.
            </p>
          </div>

          <div>
            <h4 className="font-semibold text-sm mb-3">Tautan</h4>

            <ul className="space-y-2 text-sm text-white/70">
              <li>
                <Link to="/" className="hover:text-white transition-colors">
                  Beranda
                </Link>
              </li>

              <li>
                <Link
                  to="/daftar-sppg"
                  className="hover:text-white transition-colors"
                >
                  Daftar SPPG
                </Link>
              </li>

              <li>
                <Link
                  to="/statistik"
                  className="hover:text-white transition-colors"
                >
                  Statistik
                </Link>
              </li>

              <li>
                <Link
                  to="/pengaduan"
                  className="hover:text-white transition-colors"
                >
                  Pengaduan
                </Link>
              </li>
            </ul>
          </div>

          <div>
            <h4 className="font-semibold text-sm mb-3">Kontak</h4>

            <ul className="space-y-2 text-sm text-white/70">
              <li>Email: info@transparansi-mbg.go.id</li>
              <li>Telepon: +6281232323</li>
              <li>Sumatera Barat, Payakumbuh</li>
            </ul>
          </div>
        </div>

        <div className="border-t border-white/20 mt-8 pt-6 text-center text-sm text-white/50">
          © {tahunSekarang} Transparansi Dana MBG Nasional. Semua hak
          dilindungi.
        </div>
      </div>
    </footer>
  );
}