{% extends "layout.html" %}
{% block title %}腾讯会议 - 中层领导工作助理{% endblock %}
{% block content %}
<div class="page-header d-flex justify-content-between align-items-center">
    <h4><i class="bi bi-camera-video me-2"></i>腾讯会议集成</h4>
    <span class="badge {% if config_status.configured %}bg-success{% else %}bg-warning text-dark{% endif %}">
        {% if config_status.configured %}API 模式{% else %}记录模式（无凭证降级）{% endif %}
    </span>
</div>

<div class="row g-3">
    <!-- 左侧：预定会议 + 配置 -->
    <div class="col-lg-4">
        <div class="card mb-3">
            <div class="card-header">📅 预定腾讯会议</div>
            <div class="card-body">
                <select id="mType" class="form-select form-select-sm mb-2">
                    <option value="work_assignment">工作布置会议（向员工布置工作）</option>
                    <option value="employee_report">员工汇报会议（员工向部门总汇报）</option>
                    <option value="company">公司会议</option>
                    <option value="department">部门会议</option>
                </select>
                <input id="mTopic" class="form-control form-control-sm mb-2" placeholder="会议主题">
                <input id="mStart" class="form-control form-control-sm mb-2" type="text" placeholder="开始时间 YYYY-MM-DD HH:MM" value="{{ '' }}">
                <div class="row g-2 mb-2">
                    <div class="col-6"><input id="mDuration" class="form-control form-control-sm" type="number" value="60" placeholder="时长(分钟)"></div>
                    <div class="col-6"><input id="mHost" class="form-control form-control-sm" placeholder="主持人" value="部门总"></div>
                </div>
                <select id="mAttendees" class="form-select form-select-sm mb-2" multiple size="5">
                    {% for e in employees %}
                    <option value="{{ e.id }}">{{ e.name }}（{{ e.department or '-' }}/{{ e.position or '-' }}）</option>
                    {% endfor %}
                </select>
                <textarea id="mAgenda" class="form-control form-control-sm mb-2" rows="2" placeholder="议程/背景（可选）"></textarea>
                <button class="btn btn-primary btn-sm w-100" onclick="bookMeeting()"><i class="bi bi-calendar-plus"></i> 预定会议</button>
                <p class="text-muted small mt-2 mb-0">未配置凭证时为"记录模式"：创建会议记录与占位入会链接，可粘贴转写文本生成纪要。</p>
            </div>
        </div>

        <div class="card mb-3">
            <div class="card-header">🔔 近期会议提醒（7天内）</div>
            <div class="card-body" id="remindersBox" style="max-height:260px;overflow-y:auto;">
                {% if reminders.reminders %}
                <ul class="list-unstyled small mb-0">
                    {% for r in reminders.reminders %}
                    <li class="mb-1"><span class="badge bg-secondary">{{ r.event_date }}</span>
                        {{ r.title }}{% if r.meeting_topic %} <span class="text-muted">· {{ r.meeting_topic }}</span>{% endif %}
                        {% if r.repeat_rule %}<span class="badge bg-info text-dark">{{ r.repeat_rule }}</span>{% endif %}
                    </li>
                    {% endfor %}
                </ul>
                {% else %}
                <p class="text-muted small mb-0">暂无会议相关提醒</p>
                {% endif %}
            </div>
        </div>

        <div class="card">
            <div class="card-header">⚙️ 腾讯会议凭证配置</div>
            <div class="card-body small">
                <input id="cfgSecretId" class="form-control form-control-sm mb-1" placeholder="Secret ID">
                <input id="cfgSecretKey" class="form-control form-control-sm mb-1" placeholder="Secret Key" type="password">
                <input id="cfgAdminUser" class="form-control form-control-sm mb-1" placeholder="管理员 userid">
                <input id="cfgAppId" class="form-control form-control-sm mb-1" placeholder="App ID（可选）">
                <input id="cfgSdkId" class="form-control form-control-sm mb-2" placeholder="SDK ID（可选）">
                <button class="btn btn-outline-primary btn-sm w-100" onclick="saveConfig()">保存配置</button>
                <p class="text-muted mt-2 mb-0">配置后将启用真实 API：自动预定会议、拉取云录制与 AI 纪要。</p>
            </div>
        </div>
    </div>

    <!-- 右侧：会议列表 -->
    <div class="col-lg-8">
        <div class="card">
            <div class="card-header d-flex justify-content-between align-items-center">
                <span>📋 会议记录</span>
                <div class="d-flex gap-2">
                    <select id="filterType" class="form-select form-select-sm" style="width:auto;" onchange="filterMeetings()">
                        <option value="">全部类型</option>
                        <option value="work_assignment" {% if current_type=='work_assignment' %}selected{% endif %}>工作布置</option>
                        <option value="employee_report" {% if current_type=='employee_report' %}selected{% endif %}>员工汇报</option>
                        <option value="company" {% if current_type=='company' %}selected{% endif %}>公司会议</option>
                        <option value="department" {% if current_type=='department' %}selected{% endif %}>部门会议</option>
                    </select>
                    <select id="filterStatus" class="form-select form-select-sm" style="width:auto;" onchange="filterMeetings()">
                        <option value="">全部状态</option>
                        <option value="scheduled" {% if current_status=='scheduled' %}selected{% endif %}>已预定</option>
                        <option value="in_progress" {% if current_status=='in_progress' %}selected{% endif %}>进行中</option>
                        <option value="ended" {% if current_status=='ended' %}selected{% endif %}>已结束</option>
                        <option value="cancelled" {% if current_status=='cancelled' %}selected{% endif %}>已取消</option>
                    </select>
                </div>
            </div>
            <div class="card-body" id="meetingsBox" style="max-height:760px;overflow-y:auto;">
                {% if meetings %}
                {% for m in meetings %}
                <div class="border rounded p-2 mb-2" id="meeting-row-{{ m.id }}">
                    <div class="d-flex justify-content-between">
                        <strong>#{{ m.id }} {{ m.topic }}</strong>
                        <span>
                            <span class="badge bg-secondary">{{ {'work_assignment':'工作布置','employee_report':'员工汇报','company':'公司','department':'部门'}.get(m.meeting_type, m.meeting_type) }}</span>
                            <span class="badge {% if m.status=='ended' %}bg-success{% elif m.status=='cancelled' %}bg-danger{% else %}bg-primary{% endif %}">{{ m.status }}</span>
                            <span class="badge {% if m.config_mode=='api' %}bg-info text-dark{% else %}bg-warning text-dark{% endif %}">{{ m.config_mode }}</span>
                        </span>
                    </div>
                    <div class="small text-muted mt-1">
                        ⏰ {{ m.start_time or '-' }} · ⌛ {{ m.duration_minutes or '-' }}分钟 · 🔑 {{ m.meeting_code or '-' }}
                        {% if m.attendees %} · 👥 {{ m.attendees | length }}人{% endif %}
                    </div>
                    <div class="mt-2 d-flex flex-wrap gap-1">
                        <button class="btn btn-outline-secondary btn-sm" onclick="viewMeeting({{ m.id }})"><i class="bi bi-eye"></i> 详情</button>
                        <button class="btn btn-outline-dark btn-sm" onclick="endMeeting({{ m.id }})"><i class="bi bi-check2-circle"></i> 结束</button>
                        <button class="btn btn-outline-primary btn-sm" onclick="showTranscript({{ m.id }})"><i class="bi bi-card-text"></i> 转写</button>
                        <button class="btn btn-secondary btn-sm" onclick="genMinutes({{ m.id }}, 'md')"><i class="bi bi-file-earmark-text"></i> 纪要MD</button>
                        <button class="btn btn-outline-primary btn-sm" onclick="genMinutes({{ m.id }}, 'word')"><i class="bi bi-file-earmark-word"></i> Word</button>
                        <button class="btn btn-outline-success btn-sm" onclick="genMinutes({{ m.id }}, 'ppt')"><i class="bi bi-easel"></i> PPT</button>
                        {% if m.minutes_md %}
                        <button class="btn btn-info btn-sm" onclick="viewMinutes({{ m.id }})"><i class="bi bi-file-earmark-text"></i> 查看纪要</button>
                        <a href="/meetings/{{ m.id }}/view" target="_blank" class="btn btn-outline-info btn-sm"><i class="bi bi-box-arrow-up-right"></i></a>
                        {% endif %}
                        <button class="btn btn-outline-info btn-sm" onclick="distribute({{ m.id }})"><i class="bi bi-send"></i> 分发</button>
                        <button class="btn btn-outline-warning btn-sm" onclick="genCalendar({{ m.id }})"><i class="bi bi-calendar2-plus"></i> 工作日历</button>
                        {% if m.meeting_type == 'employee_report' %}
                        <button class="btn btn-outline-danger btn-sm" onclick="empReport({{ m.id }})">汇报文档</button>
                        {% endif %}
                        {% if m.meeting_type == 'company' %}
                        <button class="btn btn-outline-danger btn-sm" onclick="deptReport({{ m.id }}, 'ppt')">部门PPT</button>
                        <button class="btn btn-outline-danger btn-sm" onclick="deptReport({{ m.id }}, 'word')">部门Word</button>
                        {% endif %}
                    </div>
                </div>
                {% endfor %}
                {% else %}
                <div class="text-center text-muted py-5">
                    <i class="bi bi-camera-video-off fs-1"></i>
                    <p class="mt-2">暂无会议记录，从左侧预定一场会议开始</p>
                </div>
                {% endif %}
            </div>
        </div>
    </div>
</div>

<!-- 详情/转写/分发 模态 -->
<div class="modal fade" id="meetModal" tabindex="-1">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header"><h5 class="modal-title" id="meetModalTitle">详情</h5><button class="btn-close" data-bs-dismiss="modal"></button></div>
      <div class="modal-body" id="meetModalBody"></div>
    </div>
  </div>
</div>
{% endblock %}
{% block extra_js %}
<script>
function bookMeeting() {
    const ids = [...document.querySelectorAll('#mAttendees option:checked')].map(o => parseInt(o.value));
    const body = {
        topic: document.getElementById('mTopic').value,
        meeting_type: document.getElementById('mType').value,
        start_time: document.getElementById('mStart').value || null,
        duration: parseInt(document.getElementById('mDuration').value) || 60,
        attendee_ids: ids,
        agenda: document.getElementById('mAgenda').value,
        host_name: document.getElementById('mHost').value,
    };
    if (!body.topic) { showToast('请填写会议主题', 'danger'); return; }
    apiCall('/api/meetings', 'POST', body).then(r => {
        if (r.error) { showToast(r.error, 'danger'); return; }
        showToast('会议已预定：' + (r.meeting_code || '记录模式'));
        setTimeout(() => location.reload(), 800);
    });
}
function filterMeetings() {
    const t = document.getElementById('filterType').value;
    const s = document.getElementById('filterStatus').value;
    location.href = '/meetings' + (t || s ? '?' : '') + (t ? 'meeting_type=' + t : '') + (t && s ? '&' : '') + (s ? 'status=' + s : '');
}
async function viewMeeting(id) {
    const r = await apiCall('/api/meetings/' + id);
    document.getElementById('meetModalTitle').textContent = '#' + id + ' 详情';
    let html = '<pre class="small bg-light p-2 rounded" style="max-height:200px;overflow-y:auto;">' + JSON.stringify(r, null, 2) + '</pre>';
    if (r.minutes_md) {
        html += '<hr><h6><i class="bi bi-file-earmark-text me-1"></i>会议纪要</h6>';
        html += '<div class="p-2 rounded" style="background:#fafbfc;max-height:400px;overflow-y:auto;" id="detailMinutes-' + id + '">';
        html += '<div class="text-center py-2"><div class="spinner-border spinner-border-sm text-secondary"></div> 加载纪要...</div></div>';
    }
    document.getElementById('meetModalBody').innerHTML = html;
    new bootstrap.Modal(document.getElementById('meetModal')).show();
    // 异步加载纪要预览
    if (r.minutes_md) {
        try {
            const p = await apiCall('/api/meetings/' + id + '/minutes-preview');
            if (p.html) {
                document.getElementById('detailMinutes-' + id).innerHTML = p.html;
            } else {
                document.getElementById('detailMinutes-' + id).innerHTML = '<pre class="small">' + escapeHtml(r.minutes_md || '') + '</pre>';
            }
        } catch(e) {
            document.getElementById('detailMinutes-' + id).innerHTML = '<pre class="small">' + escapeHtml(r.minutes_md || '') + '</pre>';
        }
    }
}
async function endMeeting(id) {
    const r = await apiCall('/api/meetings/' + id, 'PUT', {status: 'ended'});
    if (r.error) showToast(r.error, 'danger'); else { showToast('已标记结束'); setTimeout(()=>location.reload(), 600); }
}
function showTranscript(id) {
    document.getElementById('meetModalTitle').textContent = '导入/拉取转写文本 #' + id;
    document.getElementById('meetModalBody').innerHTML = `
        <button class="btn btn-outline-primary btn-sm mb-2" onclick="fetchTranscript(${id})">从腾讯会议API拉取（需api模式）</button>
        <textarea id="transcriptArea" class="form-control" rows="10" placeholder="粘贴会议转写文本（如：张三：本周完成登录优化&#10;李四：负责在7月25日前提交方案）"></textarea>
        <button class="btn btn-primary btn-sm mt-2" onclick="saveTranscript(${id})">保存转写</button>`;
    new bootstrap.Modal(document.getElementById('meetModal')).show();
}
async function fetchTranscript(id) {
    const r = await apiCall('/api/meetings/' + id + '/transcript', 'POST', {fetch: true});
    if (r.error) showToast(r.error, 'danger'); else { showToast('已拉取转写 ' + (r.transcript_length||0) + ' 字'); }
}
async function saveTranscript(id) {
    const t = document.getElementById('transcriptArea').value;
    const r = await apiCall('/api/meetings/' + id + '/transcript', 'POST', {transcript: t});
    if (r.error) showToast(r.error, 'danger'); else showToast('转写已保存');
}
async function genMinutes(id, fmt) {
    showToast('正在生成纪要...');
    const r = await apiCall('/api/meetings/' + id + '/minutes', 'POST', {fmt});
    if (r.error) { showToast(r.error, 'danger'); return; }
    showToast('纪要已生成！任务' + (r.tasks_created||0) + '条/日历' + (r.events_created||0) + '条');
    // 自动打开纪要预览
    setTimeout(() => viewMinutes(id), 600);
}
async function viewMinutes(id) {
    document.getElementById('meetModalTitle').textContent = '📄 会议纪要预览 #' + id;
    document.getElementById('meetModalBody').innerHTML = '<div class="text-center py-4"><div class="spinner-border text-primary"></div><p class="mt-2 text-muted">加载纪要内容...</p></div>';
    new bootstrap.Modal(document.getElementById('meetModal')).show();
    try {
        const r = await apiCall('/api/meetings/' + id + '/minutes-preview');
        if (r.error) {
            document.getElementById('meetModalBody').innerHTML = '<div class="alert alert-warning"><i class="bi bi-exclamation-triangle"></i> ' + escapeHtml(r.error) + '</div>';
            return;
        }
        let html = '<div class="minutes-content" style="max-height:65vh;overflow-y:auto;padding:10px;background:#fafbfc;border-radius:8px;">';
        html += r.html || ('<pre class="small">' + escapeHtml(r.raw_md || '') + '</pre>');
        html += '</div>';
        if (r.has_doc) {
            html += '<div class="mt-2 d-flex gap-2"><a href="/api/meetings/' + id + '/download?doc_format=' + r.doc_format + '" class="btn btn-sm btn-outline-primary"><i class="bi bi-download"></i> 下载 ' + r.doc_format.toUpperCase() + '</a>';
            html += '<a href="/api/meetings/' + id + '/minutes-text" target="_blank" class="btn btn-sm btn-outline-secondary"><i class="bi bi-file-text"></i> 纯文本</a></div>';
        }
        document.getElementById('meetModalBody').innerHTML = html;
    } catch(e) {
        document.getElementById('meetModalBody').innerHTML = '<div class="alert alert-danger">加载失败: ' + escapeHtml(String(e)) + '</div>';
    }
}
async function distribute(id) {
    const body = {recipient_type: 'all', doc_format: 'word'};
    const r = await apiCall('/api/meetings/' + id + '/distribute', 'POST', body);
    if (r.error) { showToast(r.error, 'danger'); return; }
    document.getElementById('meetModalTitle').textContent = '分发结果 #' + id;
    document.getElementById('meetModalBody').innerHTML = `
        <p>收件人 ${r.recipient_count} 人，文档：<code>${r.document_path}</code></p>
        <p class="text-muted small">${r.note||''}</p>
        <h6>通知草稿</h6><pre class="small">${escapeHtml(r.notification_draft||'')}</pre>`;
    new bootstrap.Modal(document.getElementById('meetModal')).show();
}
async function genCalendar(id) {
    const r = await apiCall('/api/meetings/' + id + '/calendar', 'POST', {});
    if (r.error) showToast(r.error, 'danger'); else showToast('已生成 ' + (r.calendar_events_created||0) + ' 条工作日历事件');
}
async function empReport(id) {
    const fmt = confirm('确定生成 Word？取消则生成 PPT') ? 'word' : 'ppt';
    const r = await apiCall('/api/meetings/' + id + '/employee-report', 'POST', {fmt});
    if (r.error) showToast(r.error, 'danger'); else showToast('员工汇报文档已生成：' + (r.file||''));
}
async function deptReport(id, fmt) {
    const r = await apiCall('/api/meetings/' + id + '/department-report', 'POST', {fmt});
    if (r.error) showToast(r.error, 'danger'); else showToast('部门汇报已生成：' + (r.file||''));
}
async function saveConfig() {
    const body = {
        secret_id: document.getElementById('cfgSecretId').value,
        secret_key: document.getElementById('cfgSecretKey').value,
        admin_userid: document.getElementById('cfgAdminUser').value,
        app_id: document.getElementById('cfgAppId').value,
        sdk_id: document.getElementById('cfgSdkId').value,
    };
    const r = await apiCall('/api/meeting-config', 'POST', body);
    if (r.error) showToast(r.error, 'danger'); else { showToast('配置已保存'); setTimeout(()=>location.reload(), 800); }
}
function escapeHtml(s){return (s||'').replace(/[&<>]/g,c=>({'&':'&amp;','<':'&lt;','>':'&gt;'}[c]));}
</script>
{% endblock %}