{% extends "base.html" %}
{% block title %}申请停课 - 学生课程管理系统{% endblock %}
{% block content %}
<div class="d-flex justify-content-between align-items-center mb-3">
    <h4><i class="bi bi-pause-circle"></i> 申请停课保号</h4>
    <a href="{{ url_for('stop_list') }}" class="btn btn-outline-secondary"><i class="bi bi-arrow-left"></i> 返回</a>
</div>
<div class="card shadow-sm">
    <div class="card-body">
        <div class="alert alert-info">
            <strong>停课保号规则：</strong>
            <ul class="mb-0">
                <li>最长停课时长不超过3年</li>
                <li>停课期间暂停课时有效期计算</li>
                <li>可随时提前复课</li>
            </ul>
        </div>
        <form method="POST">
            <div class="row g-3">
                <div class="col-md-6">
                    <label class="form-label">选择学员 <span class="text-danger">*</span></label>
                    <select class="form-select" name="student_id" required>
                        <option value="">请选择学员</option>
                        {% for s in students %}
                        <option value="{{ s.id }}">{{ s.name }}</option>
                        {% endfor %}
                    </select>
                </div>
                <div class="col-md-6">
                    <label class="form-label">选择课程 <span class="text-danger">*</span></label>
                    <select class="form-select" name="course_id" required>
                        <option value="">请选择课程</option>
                        {% for c in courses %}
                        <option value="{{ c.id }}">{{ c.name }}</option>
                        {% endfor %}
                    </select>
                </div>
                <div class="col-md-4">
                    <label class="form-label">停课开始日期 <span class="text-danger">*</span></label>
                    <input type="date" class="form-control" name="start_date" required>
                </div>
                <div class="col-md-4">
                    <label class="form-label">停课结束日期 <span class="text-danger">*</span></label>
                    <input type="date" class="form-control" name="end_date" required>
                </div>
                <div class="col-md-4">
                    <label class="form-label">停课原因</label>
                    <input type="text" class="form-control" name="reason" placeholder="可选">
                </div>
            </div>
            <div class="mt-3">
                <button type="submit" class="btn btn-warning"><i class="bi bi-check-lg"></i> 确认停课</button>
                <a href="{{ url_for('stop_list') }}" class="btn btn-outline-secondary">取消</a>
            </div>
        </form>
    </div>
</div>
{% endblock %}