import { useLocation } from "wouter";

export default function Footer() {
  const [, setLocation] = useLocation();
  
  return (
    <footer className="fixed bottom-0 left-0 right-0 bg-gray-900 border-t border-gray-700 z-40">
        <div className="max-w-7xl mx-auto px-4 py-4">
          {/* Logo and Social Icons */}
          <div className="flex items-center justify-between mb-3">
            <div className="flex items-center">
              <img 
                src="/attached_assets/sapiens_white_logo.png" 
                alt="SAPIENS" 
                className="h-16 cursor-pointer hover:opacity-80 transition-opacity"
                data-testid="footer-logo"
                onClick={() => setLocation("/")}
              />
            </div>
            <div className="flex items-center">
              <a href="#" className="text-xs text-gray-400 hover:text-white cursor-pointer" data-testid="contact-us-link">
                Contact Us
              </a>
            </div>
          </div>

          {/* Copyright, Partnership and Links */}
          <div className="flex flex-col md:flex-row justify-between items-start md:items-center pt-3 border-t border-gray-700">
            <p className="text-xs text-gray-400 mb-2 md:mb-0" data-testid="copyright-text">
              © 2025 - SAPIENS AI Limited. All Rights Reserved.
            </p>
            <p className="text-xs text-gray-500 mb-2 md:mb-0" data-testid="partnership-text">
              In partnership with Nostra
            </p>
            <div className="flex space-x-3">
              <a href="#" className="text-xs text-gray-400 hover:text-white" data-testid="link-terms">Terms And Conditions</a>
              <a href="#" className="text-xs text-gray-400 hover:text-white" data-testid="link-privacy">Privacy Policy</a>
              <a href="#" className="text-xs text-gray-400 hover:text-white" data-testid="link-risk">Risk Warning</a>
            </div>
          </div>
        </div>
    </footer>
  );
}