"use client"

import { useState } from "react"
import { demoteAdminAction, deleteAdminAction } from "@/app/admin/actions"

export function SuperAdminActions({ userId, userEmail }: { userId: string, userEmail: string }) {
  const [isProcessing, setIsProcessing] = useState(false)

  const handleDemote = async () => {
    if (!window.confirm(`Ești sigur că vrei să retrogradezi utilizatorul ${userEmail} la rolul de ELEV?`)) return
    setIsProcessing(true)
    try {
      await demoteAdminAction(userId)
    } catch (err) {
      alert("Eroare la retrogradare.")
    } finally {
      setIsProcessing(false)
    }
  }

  const handleDelete = async () => {
    if (!window.confirm(`PERICOL! Ești sigur că vrei să ștergi DEFINITIV contul administratorului ${userEmail} și toate fișierele sale?`)) return
    setIsProcessing(true)
    try {
      await deleteAdminAction(userId)
    } catch (err) {
      alert("Eroare la ștergerea definitivă.")
    } finally {
      setIsProcessing(false)
    }
  }

  return (
    <div style={{ display: "flex", gap: "0.5rem" }}>
      <button 
        onClick={handleDemote} 
        disabled={isProcessing}
        style={{ padding: "0.35rem 0.6rem", background: "rgba(245, 158, 11, 0.1)", color: "var(--warning)", border: "none", borderRadius: "var(--radius-sm)", fontSize: "0.82rem", fontWeight: 600, cursor: isProcessing ? "wait" : "pointer" }}
        title="Transformă în elev"
      >
        ↓ Retrogradează
      </button>
      <button 
        onClick={handleDelete} 
        disabled={isProcessing}
        style={{ padding: "0.35rem 0.6rem", background: "rgba(239, 68, 68, 0.1)", color: "var(--danger)", border: "none", borderRadius: "var(--radius-sm)", fontSize: "0.82rem", fontWeight: 600, cursor: isProcessing ? "wait" : "pointer" }}
        title="Șterge definitiv"
      >
        🗑 Șterge
      </button>
    </div>
  )
}