options.js

document.addEventListener('DOMContentLoaded', () => {
    loadMeetings();
});

function loadMeetings() {
    const grid = document.getElementById('meetings-list');
    const loading = document.getElementById('loading');
    const emptyState = document.getElementById('empty-state');
    
    grid.innerHTML = '';
    loading.style.display = 'block';
    emptyState.style.display = 'none';

    chrome.storage.local.get(null, (items) => {
        loading.style.display = 'none';
        
        let meetings = [];
        for (let key in items) {
            if (key.startsWith('meet_transcriber_')) {
                meetings.push(items[key]);
            }
        }
        
        // Ordenar da mais recente para a mais antiga
        meetings.sort((a, b) => new Date(b.date) - new Date(a.date));
        
        if (meetings.length === 0) {
            emptyState.style.display = 'block';
            return;
        }
        
        meetings.forEach(meeting => {
            const card = document.createElement('div');
            card.className = 'meeting-card';
            
            const dateObj = new Date(meeting.date);
            const dateStr = dateObj.toLocaleDateString() + ' às ' + dateObj.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
            
            // Conta as palavras
            let wordCount = 0;
            meeting.transcript.forEach(t => {
                wordCount += t.text.split(/\s+/).length;
            });
            
            card.innerHTML = `
                <h3 class="meeting-title" title="${meeting.title}">${meeting.title}</h3>
                <p class="meeting-date">${dateStr}</p>
                <div class="meeting-stats">
                    <span class="stat-badge">${meeting.transcript.length} falas</span>
                    <span class="stat-badge">${wordCount} palavras</span>
                </div>
                <div class="card-actions">
                    <button class="btn-download" data-id="${meeting.id}">Baixar .txt</button>
                    <button class="btn-delete" data-id="${meeting.id}" title="Excluir">🗑️</button>
                </div>
            `;
            
            grid.appendChild(card);
        });
        
        // Listeners dos botões
        document.querySelectorAll('.btn-download').forEach(btn => {
            btn.addEventListener('click', (e) => {
                const id = e.target.getAttribute('data-id');
                downloadMeeting(id);
            });
        });
        
        document.querySelectorAll('.btn-delete').forEach(btn => {
            btn.addEventListener('click', (e) => {
                const id = e.target.getAttribute('data-id');
                deleteMeeting(id);
            });
        });
    });
}

function downloadMeeting(id) {
    const key = `meet_transcriber_${id}`;
    chrome.storage.local.get([key], (result) => {
        const meeting = result[key];
        if (!meeting) return;
        
        let textContent = "Google Meet Transcript\n";
        textContent += "Gerado por Google Meet Transcriber (Free)\n";
        textContent += `Data: ${new Date(meeting.date).toLocaleString()}\n`;
        textContent += `Reunião: ${meeting.title}\n\n`;

        meeting.transcript.forEach(item => {
            textContent += `[${item.timestamp}] ${item.speaker}:\n${item.text}\n\n`;
        });
        
        const blob = new Blob([textContent], { type: 'text/plain' });
        const url = URL.createObjectURL(blob);
        const a = document.createElement('a');
        a.href = url;
        
        const safeTitle = meeting.title.replace(/[^a-z0-9]/gi, '_').toLowerCase();
        a.download = `Meet_${safeTitle}_${new Date(meeting.date).getTime()}.txt`;
        
        document.body.appendChild(a);
        a.click();
        document.body.removeChild(a);
        URL.revokeObjectURL(url);
    });
}

function deleteMeeting(id) {
    if (confirm("Tem certeza que deseja excluir esta transcrição?")) {
        const key = `meet_transcriber_${id}`;
        chrome.storage.local.remove(key, () => {
            loadMeetings();
        });
    }
}