"use client";


import React from 'react';
import Link from 'next/link';
import { usePathname } from 'next/navigation';

interface FooterProps {
  settings?: any;
}

const Footer = ({ settings }: FooterProps) => {
  const pathname = usePathname() || '';
  if (pathname.startsWith('/dashboard')) return null;

  const siteInfo = settings || {
    siteName: "Afropreunariat",
    siteSlogan: "La plateforme de référence pour l'entrepreneuriat africain. Visibilité, connexion et croissance pour les TPE/PME.",
    contactEmail: "support@afropreunariat.com",
    contactPhone: "+225 00 00 00 00 00",
    address: "Abidjan, Côte d'Ivoire / Paris, France",
    footerText: "© 2025 Afropreunariat. Tous droits réservés."
  };

  return (
    <footer className="bg-dark-900 text-white">
      <div className="max-w-7xl mx-auto py-12 px-4 overflow-hidden sm:px-6 lg:px-8">
        <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8">
          <div>
            <h3 className="text-2xl font-serif font-bold text-brand-500 mb-4">{siteInfo.siteName}</h3>
            <p className="text-gray-400 text-sm">
              {siteInfo.siteSlogan}
            </p>
          </div>
          <div>
            <h4 className="font-bold text-lg mb-4">Liens Rapides</h4>
            <ul className="space-y-2 text-gray-400 text-sm">
              <li><Link href="/annuaire" className="hover:text-brand-500">Rechercher une entreprise</Link></li>
              <li><Link href="/login" className="hover:text-brand-500">Inscrire mon entreprise</Link></li>
              <li><Link href="/blog" className="hover:text-brand-500">Actualités & Conseils</Link></li>
            </ul>
          </div>
          <div>
            <h4 className="font-bold text-lg mb-4">Contact</h4>
            <p className="text-gray-400 text-sm mb-2">{siteInfo.address}</p>
            <p className="text-gray-400 text-sm">{siteInfo.contactEmail}</p>
            {siteInfo.contactPhone && <p className="text-gray-400 text-sm mt-1">{siteInfo.contactPhone}</p>}
          </div>
          <div>
            <h4 className="font-bold text-lg mb-4">Légal</h4>
            <ul className="space-y-2 text-gray-400 text-sm">
              <li><Link href="/cgu" className="hover:text-brand-500 transition-colors">CGU</Link></li>
              <li><Link href="/cgv" className="hover:text-brand-500 transition-colors">CGV</Link></li>
            </ul>
          </div>
        </div>
        <div className="mt-8 pt-8 border-t border-gray-800 text-center text-gray-500 text-sm">
          {siteInfo.footerText}
        </div>
      </div>
    </footer>
  );
};

export default Footer;