{% extends "layout.html" %}
{% block title %}汇报材料 - 中层领导工作助理{% endblock %}
{% block content %}
<div class="page-header">
    <h4><i class="bi bi-file-earmark-bar-graph me-2"></i>汇报材料生成</h4>
</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">
                <p class="text-muted small">自动汇总本周工作日志、任务完成情况、团队绩效</p>
                <button class="btn btn-primary btn-sm me-2" onclick="generateReport('weekly')"><i class="bi bi-eye"></i> 预览</button>
                <button class="btn btn-outline-primary btn-sm me-2" onclick="exportReport('weekly')"><i class="bi bi-download"></i> 导出Word</button>
                <button class="btn btn-outline-success btn-sm" onclick="generatePPT('weekly')"><i class="bi bi-easel"></i> 生成PPT</button>
            </div>
        </div>
        <div class="card mb-3">
            <div class="card-header">📊 月报</div>
            <div class="card-body">
                <p class="text-muted small">月度工作综述、团队绩效分析、下月计划</p>
                <button class="btn btn-primary btn-sm me-2" onclick="generateReport('monthly')"><i class="bi bi-eye"></i> 预览</button>
                <button class="btn btn-outline-primary btn-sm me-2" onclick="exportReport('monthly')"><i class="bi bi-download"></i> 导出Word</button>
                <button class="btn btn-outline-success btn-sm" onclick="generatePPT('monthly')"><i class="bi bi-easel"></i> 生成PPT</button>
            </div>
        </div>
        <div class="card mb-3">
            <div class="card-header">📈 季度汇报</div>
            <div class="card-body">
                <p class="text-muted small">季度工作总览、团队绩效、问题分析、下季度规划</p>
                <button class="btn btn-primary btn-sm me-2" onclick="generateReport('quarterly')"><i class="bi bi-eye"></i> 预览</button>
                <button class="btn btn-outline-primary btn-sm me-2" onclick="exportReport('quarterly')"><i class="bi bi-download"></i> 导出Word</button>
                <button class="btn btn-outline-success btn-sm" onclick="generatePPT('quarterly')"><i class="bi bi-easel"></i> 生成PPT</button>
            </div>
        </div>

        <div class="card">
            <div class="card-header">🎨 自定义PPT</div>
            <div class="card-body">
                <input id="pptTitle" class="form-control form-control-sm mb-2" placeholder="PPT标题" value="工作汇报">
                <select id="pptTemplate" class="form-select form-select-sm mb-2">
                    <option value="business">商务风格</option>
                    <option value="modern">现代风格</option>
                    <option value="minimal">简约风格</option>
                </select>
                <button class="btn btn-outline-primary btn-sm w-100" onclick="generatePPT('weekly')"><i class="bi bi-easel"></i> 从周报生成PPT</button>
            </div>
        </div>
    </div>

    <div class="col-lg-8">
        <div class="card">
            <div class="card-header d-flex justify-content-between align-items-center">
                <span id="previewTitle">报告预览</span>
                <span id="previewTime" class="text-muted small"></span>
            </div>
            <div class="card-body" id="previewContent" style="max-height:700px;overflow-y:auto;">
                <div class="text-center text-muted py-5">
                    <i class="bi bi-file-earmark-text fs-1"></i>
                    <p class="mt-2">选择左侧报告类型进行预览</p>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}
{% block extra_js %}
<script>
const names = {weekly:'周报', monthly:'月报', quarterly:'季度汇报'};
async function generateReport(type) {
    document.getElementById('previewTitle').textContent = names[type] + '预览';
    document.getElementById('previewTime').textContent = new Date().toLocaleString('zh-CN');
    const data = await apiCall('/api/reports/preview-html/' + type);
    if (data.error) { showToast(data.error, 'danger'); return; }
    document.getElementById('previewContent').innerHTML = data.html;
    showToast('报告已生成');
}
async function exportReport(type) {
    const data = await apiCall('/api/reports/' + type + '/export');
    if (data.file) showToast('已导出: ' + data.file);
    else showToast(data.error || '导出失败', 'danger');
}
async function generatePPT(type) {
    const title = document.getElementById('pptTitle').value || '工作汇报';
    const template = document.getElementById('pptTemplate').value;
    const data = await apiCall('/api/ppt/from-report', 'POST', {report_type: type, title, template});
    if (data.file) showToast('PPT已生成: ' + data.file);
    else showToast(data.error || '生成失败', 'danger');
}
</script>
{% endblock %}