{% extends "base.html" %}
{% block title %}写章节 - Novel Writer{% endblock %}

{% block content %}
<div id="cwAlerts"></div>
<div class="d-flex justify-content-between align-items-center mb-3">
    <h1 class="h4 mb-0" id="cwTitle">写章节</h1>
    <a class="btn btn-outline-secondary btn-sm" href="/novel/{{ novel_id }}">← 返回小说</a>
</div>

<div class="row g-3">
    <div class="col-md-4">
        <div class="card mb-3">
            <div class="card-header fw-bold">章节大纲</div>
            <div class="card-body">
                <textarea class="form-control" id="cwOutline" rows="6" placeholder="本章大纲…"></textarea>
                <button type="button" class="btn btn-outline-primary btn-sm mt-2" id="cwSaveOutline">保存大纲</button>
            </div>
        </div>
        <div class="card">
            <div class="card-header fw-bold">上下文面板</div>
            <div class="card-body" id="cwContext" style="max-height:50vh;overflow-y:auto;">
                <span class="text-muted">加载中…</span>
            </div>
        </div>
    </div>
    <div class="col-md-8">
        <div class="card">
            <div class="card-header d-flex flex-wrap gap-2">
                <button type="button" class="btn btn-success btn-sm" id="cwGenerate">生成</button>
                <button type="button" class="btn btn-warning btn-sm" id="cwPause" disabled>暂停</button>
                <button type="button" class="btn btn-info btn-sm" id="cwResume" disabled>继续</button>
                <button type="button" class="btn btn-danger btn-sm" id="cwRegen" disabled>重新生成</button>
                <button type="button" class="btn btn-outline-secondary btn-sm" id="cwEdit" disabled>编辑</button>
                <button type="button" class="btn btn-outline-primary btn-sm" id="cwSave" disabled>保存修改</button>
                <button type="button" class="btn btn-primary btn-sm" id="cwApprove" disabled>通过本章</button>
            </div>
            <div class="card-body">
                <div id="cwContextSummary"></div>
                <div id="cwOutput" class="border rounded p-3"
                     style="min-height:400px;max-height:65vh;overflow-y:auto;white-space:pre-wrap;word-break:break-word;">
<span class="text-muted">点击"生成"开始写作…</span></div>
                <div class="text-muted small mt-2" id="cwWordCount"></div>
            </div>
        </div>
    </div>
</div>

<script>
window.NOVEL_ID = {{ novel_id }};
window.CHAPTER_ID = {{ chapter_id }};
</script>
{% endblock %}

{% block scripts %}
<script type="module" src="{{ url_for('static', filename='js/pages/chapter-write.js') }}"></script>
{% endblock %}