{% extends "base.html" %}

{% block content %}
<div class="start-screen">
    <div class="start-card">
        <h2>开始新的研究</h2>
        <div class="input-group">
            <input
                type="text"
                id="questionInput"
                placeholder="输入你想研究的问题..."
                class="question-input"
                onkeypress="if(event.key === 'Enter') startResearch()"
            />
            <button onclick="startResearch()" class="start-button" id="startBtn">
                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                    <circle cx="11" cy="11" r="8"></circle>
                    <path d="m21 21-4.35-4.35"></path>
                </svg>
            </button>
        </div>

        <div class="history-section" id="historySection" style="display: none;">
            <h3>历史研究</h3>
            <div class="session-list" id="sessionList"></div>
        </div>
    </div>
</div>

<!-- 加载动画 -->
<div id="loading" class="loading-overlay" style="display: none;">
    <div class="loading-spinner"></div>
</div>
{% endblock %}

{% block extra_js %}
<script src="{{ url_for('static', filename='js/index.js') }}"></script>
{% endblock %}