import { Link } from 'react-router-dom';
import { useAuth } from '../context/AuthContext';

export default function Home() {
  const { user } = useAuth();

  return (
    <main>
      <h1>Bienvenue sur Biblio</h1>
      <p>Gérez vos livres, réservations et abonnements depuis une seule interface.</p>

      <section>
        <h2>Accès rapide</h2>
        <ul>
          <li><Link to="/books">📚 Parcourir le catalogue</Link></li>
          {user?.role === 'user' && <li><Link to="/reservations">🔖 Mes réservations</Link></li>}
          {user?.role === 'user' && <li><Link to="/loans">📖 Mes prêts</Link></li>}
          {user?.role === 'user' && <li><Link to="/subscription">⭐ Mon abonnement</Link></li>}
          {user && <li><Link to="/orders">🛒 Passer une commande</Link></li>}
          {user && <li><Link to="/group-orders">👥 Commandes groupées</Link></li>}
          {user?.role === 'admin' && <li><Link to="/customers">👤 Gestion des clients</Link></li>}
          {user?.role === 'admin' && <li><Link to="/returns">↩️ Retours de livres</Link></li>}
          {!user && <li><Link to="/login">Connexion</Link></li>}
        </ul>
      </section>
    </main>
  );
}