{% extends "base.html" %}

{% block title %}登录冲突 - FlashExam{% endblock %}

{% block content %}
<div class="container py-5">
    <div class="row justify-content-center">
        <div class="col-md-6">
            <div class="card shadow-lg">
                <div class="card-header bg-warning text-dark">
                    <h4 class="mb-0">
                        <i class="bi bi-exclamation-triangle-fill"></i>
                        检测到重复登录
                    </h4>
                </div>
                <div class="card-body">
                    <div class="alert alert-info">
                        <h5><i class="bi bi-info-circle"></i> 当前登录信息</h5>
                        <ul class="mb-0">
                            <li><strong>学生姓名：</strong>{{ student.name }}</li>
                            <li><strong>学号：</strong>{{ student.student_id }}</li>
                            <li><strong>当前IP：</strong>{{ current_ip }}</li>
                        </ul>
                    </div>

                    <div class="alert alert-warning">
                        <h5><i class="bi bi-exclamation-triangle"></i> 冲突信息</h5>
                        <p>检测到您的账号已在其他位置登录：</p>
                        <ul class="mb-0">
                            <li><strong>其他设备IP：</strong>{{ conflict_info.other_ip }}</li>
                            <li><strong>登录时间：</strong>{{ conflict_info.other_login_time }}</li>
                            <li><strong>最后活动：</strong>{{ conflict_info.other_last_activity }}</li>
                            {% if conflict_info.total_conflicts > 1 %}
                            <li><strong>活跃会话数：</strong>{{ conflict_info.total_conflicts }}</li>
                            {% endif %}
                        </ul>
                    </div>

                    <div class="alert alert-danger">
                        <h5><i class="bi bi-shield-exclamation"></i> 安全提醒</h5>
                        <p>为了考试安全，系统不允许同一账号在多个设备上同时登录。</p>
                        <p><strong>您可以选择：</strong></p>
                        <ul class="mb-0">
                            <li>强制登录（将踢出其他设备）</li>
                            <li>取消登录（保持其他设备的登录状态）</li>
                        </ul>
                    </div>

                    <div class="text-center mt-4">
                        <div class="row">
                            <div class="col-6">
                                <form method="POST" action="{{ url_for('auth.force_student_login') }}">
                                    <button type="submit" class="btn btn-danger btn-lg w-100">
                                        <i class="bi bi-shield-x"></i>
                                        强制登录
                                    </button>
                                    <small class="text-muted d-block mt-2">踢出其他设备</small>
                                </form>
                            </div>
                            <div class="col-6">
                                <a href="{{ url_for('auth.student_login') }}" class="btn btn-secondary btn-lg w-100">
                                    <i class="bi bi-arrow-left"></i>
                                    取消登录
                                </a>
                                <small class="text-muted d-block mt-2">返回登录页面</small>
                            </div>
                        </div>
                    </div>

                    <div class="mt-4">
                        <h6>安全建议：</h6>
                        <ul class="small text-muted">
                            <li>如果其他设备不是您本人操作，请立即强制登录并修改密码</li>
                            <li>考试期间请确保只在一台设备上进行</li>
                            <li>考试结束后请及时退出登录</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}