import { useState } from 'react';
import { Management, button, control } from '@/pages/management/shared';
import { profileJson } from '@/lib/profile-json';
import { createOperationKey } from '@/lib/operation-key';
type Plan = {approval_id:string;requested_by:number;second_user_id:number;reason:string;expires_at:string;consumed:boolean;expired:boolean;code_current:boolean;can_confirm:boolean;mfa_confirmed_in_session:boolean;hash:string;target:{database:string;port:number}};
export default function BootstrapConfirmation(plan:Plan) {
    const [key] = useState(createOperationKey);
    const [reason,setReason] = useState('');
    const [confirmed,setConfirmed] = useState(false);
    const [busy,setBusy] = useState(false);
    const [done,setDone] = useState(plan.consumed);
    const [message,setMessage] = useState('');
    async function confirm() {
        setBusy(true);setMessage('');
        try {
            await profileJson('/management/profile-install/bootstrap/'+plan.approval_id+'/confirm',{hash:plan.hash,confirm:confirmed,idempotency_key:key,reason});
            setDone(true);setMessage('Dupla inicializada por confirmação cruzada. Apenas estas duas contas foram designadas; nenhuma flag foi alterada. Inicie uma nova sessão.');
        } catch(error) {setMessage(error instanceof Error?error.message:'Resposta indisponível. Recupere este pedido antes de repetir.');}
        finally {setBusy(false);}
    }
    return <Management title="Confirmar os dois titulares">
        <p>Base {plan.target.database}:{plan.target.port}</p>
        <p>Pedido apresentado pela conta {plan.requested_by}; confirmação reservada à conta {plan.second_user_id}.</p>
        <p>Fundamento do pedido: {plan.reason}</p><p>Expira em {plan.expires_at}.</p>
        <p>O pedido não atribui privilégios. A confirmação é uma operação distinta, com MFA e auditoria. Não altera a regra de substituição posterior.</p>
        {plan.expired && <p role="alert">Pedido expirado. Prepare novo pedido autorizado.</p>}
        {!plan.code_current && <p role="alert">Revisão ou destino alterados. Este pedido não pode ser confirmado.</p>}
        {!plan.mfa_confirmed_in_session && <p role="alert">Conclua MFA nesta sessão antes de confirmar.</p>}
        {!plan.can_confirm && !done && <p>Esta conta pode consultar, mas não confirmar o pedido.</p>}
        <label className="block">Fundamento da confirmação<textarea className={control} minLength={20} maxLength={1000} value={reason} onChange={e=>setReason(e.target.value)}/></label>
        <label className="block"><input type="checkbox" checked={confirmed} onChange={e=>setConfirmed(e.target.checked)}/> Confirmo apenas estas duas contas e esta base</label>
        <button className={button} disabled={busy||done||!plan.can_confirm||!plan.mfa_confirmed_in_session||!confirmed||reason.length<20} onClick={()=>void confirm()}>Confirmar designação cruzada</button>
        <p role="status">{done?'Pedido consumido; não reinicializar. ':''}{message}</p>
    </Management>;
}