'use client';
import Link from 'next/link';
import { usePathname } from 'next/navigation';

export function SiteFooter() {
  const pathname = usePathname();
  if (pathname?.includes('/manage') || pathname?.startsWith('/admin') || pathname?.startsWith('/ops')) return null;

  return (
    <footer className="flagship-footer">
      <div className="flagship-container">
        <div className="footer-columns-grid">
          {/* Brand Column */}
          <div className="footer-brand-col">
            <Link className="brand" href="/" aria-label="MotorSignal home">
              <span className="brand-mark">
                <span className="material-symbols-outlined" style={{ fontSize: '18px', fontWeight: 'bold' }}>
                  show_chart
                </span>
              </span>
              <span style={{ fontFamily: 'Space Grotesk', fontWeight: 700, letterSpacing: '0.04em' }}>MOTORSIGNAL</span>
            </Link>
            <p className="footer-desc">
              High-performance precision telemetry and tactical ride intelligence for modern racers, track engineers,
              and two-wheeled enthusiasts worldwide.
            </p>
            <div className="footer-status-pill">
              <span className="status-dot" />
              <span className="font-label-caps" style={{ color: '#b9cacb' }}>
                Grid Network 99.98% Available
              </span>
            </div>
          </div>

          {/* Product Links */}
          <div className="footer-link-group">
            <h4>PRODUCT</h4>
            <ul>
              <li><Link href="/features">Live Cockpit</Link></li>
              <li><Link href="/features">Telemetry Trace</Link></li>
              <li><Link href="/features">Lean Angle HUD</Link></li>
              <li><Link href="/pricing">Pricing Tiers</Link></li>
            </ul>
          </div>

          {/* Hardware Links */}
          <div className="footer-link-group">
            <h4>HARDWARE</h4>
            <ul>
              <li><Link href="/pricing">OBD-II CAN Link</Link></li>
              <li><Link href="/features">10Hz GPS Module</Link></li>
              <li><Link href="/features">6-Axis IMU Unit</Link></li>
              <li><Link href="/pricing">Mount Specs</Link></li>
            </ul>
          </div>

          {/* Ecosystem Links */}
          <div className="footer-link-group">
            <h4>ECOSYSTEM</h4>
            <ul>
              <li><Link href="/group-rides">Group Rides</Link></li>
              <li><Link href="/download">Mobile App</Link></li>
              <li><Link href="/features">Telemetry API</Link></li>
              <li><Link href="/features">Webhooks</Link></li>
            </ul>
          </div>

          {/* Compliance Links */}
          <div className="footer-link-group">
            <h4>COMPLIANCE</h4>
            <ul>
              <li><Link href="/privacy">Privacy Policy</Link></li>
              <li><Link href="/terms">Terms of Service</Link></li>
              <li><Link href="/privacy">Security &amp; Trust</Link></li>
              <li><Link href="/features">FIM Data Standard</Link></li>
            </ul>
          </div>
        </div>

        {/* Bottom Baseline Bar */}
        <div className="footer-bottom-bar">
          <p>© 2025 MotorSignal Technologies Inc. All machine rights reserved.</p>
          <div className="footer-sys-info font-code-mono">
            <span>LATENCY: 18ms</span>
            <span>APEX-CORE: v3.4.1</span>
          </div>
        </div>
      </div>
    </footer>
  );
}