<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>双赢文化 · 数字人中控</title>
    <style>
        body { font-family: Arial; padding: 20px; }
        textarea { width: 80%; height: 120px; margin-bottom: 10px; }
        button { padding: 8px 20px; background: #1E40AF; color: white; border: none; border-radius: 4px; cursor: pointer; }
        #result { margin-top: 20px; }
        .error { color: red; }
        .message { color: green; }
        table { border-collapse: collapse; width: 100%; margin-top: 20px; }
        th, td { border: 1px solid #ddd; padding: 8px; text-align: left; }
    </style>
</head>
<body>
    <h1>🤖 双赢文化 · 数字人生产车间</h1>
    <textarea id="text" placeholder="输入文案，例如：你好，我是双赢文化的数字人助手..."></textarea><br>
    <button onclick="submitTask()">生成视频</button>
    <div id="result"></div>

    <script>
        async function submitTask() {
            let text = document.getElementById('text').value.trim();
            if (!text) {
                alert('请输入文案');
                return;
            }
            document.getElementById('result').innerHTML = '提交中...';
            try {
                let res = await fetch('/api/create.php', {
                    method: 'POST',
                    headers: { 'Content-Type': 'application/json' },
                    body: JSON.stringify({ text: text })
                });
                let data = await res.json();
                if (data.success) {
                    document.getElementById('result').innerHTML = `<span class="message">✅ ${data.message}<br>任务ID: ${data.taskIdDb}</span>`;
                    setTimeout(() => location.reload(), 2000);
                } else {
                    document.getElementById('result').innerHTML = `<span class="error">❌ 提交失败：${data.error || '未知错误'}</span>`;
                }
            } catch (err) {
                document.getElementById('result').innerHTML = `<span class="error">❌ 网络错误：${err.message}</span>`;
            }
        }
    </script>

    <h2>📋 最近任务</h2>
        <table border="1">
        <thead>
            <tr><th>ID</th><th>文案</th><th>状态</th><th>视频</th><th>时间</th></tr>
        </thead>
        <tbody>
                                                <tr>
                        <td>30</td>
                        <td>一只可爱的小猫...</td>
                        <td>失败</td>
                        <td>-</td>
                        <td>2026-05-20 11:24:46</td>
                    </tr>
                                    <tr>
                        <td>29</td>
                        <td>一只可爱的小猫...</td>
                        <td>失败</td>
                        <td>-</td>
                        <td>2026-05-20 11:19:47</td>
                    </tr>
                                    <tr>
                        <td>28</td>
                        <td>一只可爱的小猫...</td>
                        <td>失败</td>
                        <td>-</td>
                        <td>2026-05-20 11:15:45</td>
                    </tr>
                                    <tr>
                        <td>27</td>
                        <td>一只可爱的小猫...</td>
                        <td>失败</td>
                        <td>-</td>
                        <td>2026-05-20 11:13:09</td>
                    </tr>
                                    <tr>
                        <td>26</td>
                        <td>一只可爱的小猫...</td>
                        <td>失败</td>
                        <td>-</td>
                        <td>2026-05-20 11:07:38</td>
                    </tr>
                                    <tr>
                        <td>25</td>
                        <td>一只可爱的小猫...</td>
                        <td>失败</td>
                        <td>-</td>
                        <td>2026-05-19 22:07:55</td>
                    </tr>
                                    <tr>
                        <td>24</td>
                        <td>一只可爱的小猫...</td>
                        <td>失败</td>
                        <td>-</td>
                        <td>2026-05-19 22:05:58</td>
                    </tr>
                                    <tr>
                        <td>23</td>
                        <td>一只可爱的小猫...</td>
                        <td>失败</td>
                        <td>-</td>
                        <td>2026-05-19 22:05:57</td>
                    </tr>
                                    <tr>
                        <td>22</td>
                        <td>一只可爱的小猫...</td>
                        <td>失败</td>
                        <td>-</td>
                        <td>2026-05-19 22:03:54</td>
                    </tr>
                                    <tr>
                        <td>21</td>
                        <td>一只可爱的小猫...</td>
                        <td>失败</td>
                        <td>-</td>
                        <td>2026-05-19 22:01:46</td>
                    </tr>
                                    <tr>
                        <td>20</td>
                        <td>一只可爱的小猫...</td>
                        <td>失败</td>
                        <td>-</td>
                        <td>2026-05-19 21:59:24</td>
                    </tr>
                                    <tr>
                        <td>19</td>
                        <td>一只可爱的小猫...</td>
                        <td>失败</td>
                        <td>-</td>
                        <td>2026-05-19 21:56:47</td>
                    </tr>
                                    <tr>
                        <td>18</td>
                        <td>一只可爱的小猫...</td>
                        <td>失败</td>
                        <td>-</td>
                        <td>2026-05-19 21:51:10</td>
                    </tr>
                                    <tr>
                        <td>17</td>
                        <td>一只可爱的小猫...</td>
                        <td>失败</td>
                        <td>-</td>
                        <td>2026-05-19 21:48:13</td>
                    </tr>
                                    <tr>
                        <td>16</td>
                        <td>一只可爱的小猫...</td>
                        <td>失败</td>
                        <td>-</td>
                        <td>2026-05-19 21:42:06</td>
                    </tr>
                                    <tr>
                        <td>15</td>
                        <td>阿里云百炼数字人全自动测试成功！双赢文化欢迎您前来下单！...</td>
                        <td>待处理</td>
                        <td>-</td>
                        <td>2026-05-18 16:01:29</td>
                    </tr>
                                    <tr>
                        <td>14</td>
                        <td>全自动测试：今天是全自动模式首次运行...</td>
                        <td>已完成</td>
                        <td><a href="https://shuangying-video.oss-cn-shenzhen.aliyuncs.com/video1.mp4" target="_blank">播放</a></td>
                        <td>2026-05-10 23:38:53</td>
                    </tr>
                                    <tr>
                        <td>13</td>
                        <td>案例成果展示：从初创品牌到行业标杆，一年前，我们为一个美妆客户从零打造了全链路数字人矩阵。现在，他们...</td>
                        <td>已完成</td>
                        <td><a href="https://shuangying-video.oss-cn-shenzhen.aliyuncs.com/wywh_brand_intro4.mp4" target="_blank">播放</a></td>
                        <td>2026-05-10 00:20:12</td>
                    </tr>
                                    <tr>
                        <td>12</td>
                        <td>事业合伙人招募：独行快，众行远。双赢文化正式启动“事业合伙人计划”，我们诚挚邀请有志于AI赛道的伙伴...</td>
                        <td>已完成</td>
                        <td><a href="https://shuangying-video.oss-cn-shenzhen.aliyuncs.com/wywh_brand_intro3.mp4" target="_blank">播放</a></td>
                        <td>2026-05-10 00:19:47</td>
                    </tr>
                                    <tr>
                        <td>10</td>
                        <td>业务实力陈述（降本增效）：借助自主研发的AI智作体系，我们已经在超过100个品牌项目中，实现了内容生...</td>
                        <td>已完成</td>
                        <td><a href="https://shuangying-video.oss-cn-shenzhen.aliyuncs.com/wywh_brand.mp4" target="_blank">播放</a></td>
                        <td>2026-05-10 00:18:57</td>
                    </tr>
                                    </tbody>
    </table>
</body>
</html>