import { useAuth } from './lib/auth';
import Login from './pages/Login';
import Home from './pages/Home';
import EliminarCuenta from './pages/EliminarCuenta';
import AceptarLegal from './components/AceptarLegal';

export default function App() {
  const { session, perfil, cargando, salir } = useAuth();
  if (cargando) return <div className="p-8 text-center text-gray-500">Cargando...</div>;
  if (window.location.pathname === '/eliminar-cuenta') return <EliminarCuenta />;
  if (!session) return <Login />;
  if (!perfil || perfil.rol !== 'repartidor') {
    return (
      <div className="p-8 text-center">
        <p className="text-gray-700">Esta cuenta no es de repartidor.</p>
        <button onClick={salir} className="mt-3 underline text-marca-oscuro">
          Salir
        </button>
      </div>
    );
  }
  return (
    <>
      <Home salir={salir} />
      {/* Su cuenta la creo el negocio: acepta terminos en su primer inicio de sesion. */}
      <AceptarLegal />
    </>
  );
}
