// history.js — история тестов

let historyOpen=false;

async function toggleHistory(){
    const body=document.getElementById('history-body');
    historyOpen=!historyOpen;
    body.style.display=historyOpen?'block':'none';
    if(historyOpen) await loadHistory();
}

async function loadHistory(){
    const body=document.getElementById('history-body');
    if(!body||body.style.display==='none') return;
    try{
        const r=await fetch('/api/history');
        const rows=await r.json();
        if(!rows||!rows.length){body.innerHTML='<span style="color:var(--muted);font-size:11px;">Нет записей</span>'; return;}
        let html='<table style="width:100%;font-size:11px;">';
        html+='<tr><th style="padding:2px 6px;">Время</th><th style="padding:2px 6px;">Операция</th><th style="padding:2px 6px;">Инстанс</th><th style="padding:2px 6px;">Статус</th><th style="padding:2px 6px;">Длит.</th></tr>';
        rows.forEach(r=>{
            const time=r.created_at?r.created_at.replace('T',' ').substring(0,19):'?';
            const cls=r.status==='OK'?'badge-success':'';
            html+=`<tr>
                <td style="padding:2px 6px;">${time}</td>
                <td style="padding:2px 6px;">${_esc(r.op_name||'?')}</td>
                <td style="padding:2px 6px;">${_esc(r.display_name||r.instance_uid||'?')}</td>
                <td style="padding:2px 6px;"><span class="badge ${cls}" style="font-size:9px;">${_esc(r.status||'?')}</span></td>
                <td style="padding:2px 6px;">${r.duration_sec!=null?r.duration_sec.toFixed(1)+'s':'-'}</td>
            </tr>`;
        });
        html+='</table>';
        body.innerHTML=html;
    }catch(e){body.innerHTML='<span style="color:var(--destructive);font-size:11px;">Ошибка загрузки</span>';}
}