// PrestigePanel.tsx — Boucle de prestige long terme
// Visible uniquement quand canPrestige = true (ressources ≥ 1 000 000)

import React from "react";

interface PrestigePanelProps {
  prestigeCount: number;
  prestigeMultiplier: number;
  canPrestige: boolean;
  onPrestige: () => void;
}

export function PrestigePanel({
  prestigeCount,
  prestigeMultiplier,
  canPrestige,
  onPrestige,
}: PrestigePanelProps) {
  const handlePrestige = () => {
    const confirmed = window.confirm(
      `Prestige — Reset total : ressources et générateurs à zéro.\n` +
      `Récompense : +0.1× multiplicateur permanent.\n\n` +
      `Multiplicateur actuel : ×${prestigeMultiplier.toFixed(1)}\n` +
      `Multiplicateur après : ×${(prestigeMultiplier + 0.1).toFixed(1)}\n\n` +
      `Confirmer le prestige ?`
    );
    if (confirmed) {
      onPrestige();
    }
  };

  return (
    <div className="prestige-panel">
      <div className="prestige-stats">
        <span className="prestige-count">Prestiges : {prestigeCount}</span>
        <span className="prestige-multiplier">
          Multiplicateur : ×{prestigeMultiplier.toFixed(1)}
        </span>
      </div>

      {canPrestige && (
        <div className="prestige-action">
          <div className="prestige-reward">
            Récompense disponible : <strong>+0.1× multiplicateur permanent</strong>
          </div>
          <button
            className="prestige-button"
            onClick={handlePrestige}
            aria-label="Déclencher le prestige"
          >
            Prestige
          </button>
        </div>
      )}
    </div>
  );
}
