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

export function SiteFooter() {
  const pathname = usePathname();
  const isClubManageInterior = pathname !== '/clubs/manage' && Boolean(pathname?.startsWith('/clubs/') && pathname?.includes('/manage'));
  if (isClubManageInterior || 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="/clubs">Clubs Directory</Link></li>
              <li><Link href="/clubs/manage">Founder Portal</Link></li>
              <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>
  );
}