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

export default function Dashboard() {
  const { user } = useAuth();
  const isAdmin = user?.ruolo === "RESPONSABILE_AMMINISTRATIVO";

  return (
    <div className="page">
      <h1>Dashboard</h1>
      <p>Benvenuto, <strong>{user?.nome} {user?.cognome}</strong></p>
      <p className="muted">Ruolo: {isAdmin ? "Responsabile amministrativo" : "Dipendente"}</p>

      <div className="card-grid">
        <Link to="/rimborsi" className="card">
          <h3>Richieste di rimborso</h3>
          <p>{isAdmin ? "Visualizza e gestisci tutte le richieste" : "Visualizza le tue richieste"}</p>
        </Link>
        {!isAdmin && (
          <Link to="/rimborsi/nuova" className="card">
            <h3>Nuova richiesta</h3>
            <p>Inserisci una nuova spesa da rimborsare</p>
          </Link>
        )}
        {isAdmin && (
          <Link to="/statistiche" className="card">
            <h3>Statistiche</h3>
            <p>Riepilogo per mese e categoria</p>
          </Link>
        )}
      </div>
    </div>
  );
}