// disclaimer.js - 免责声明弹框组件
(function($) {
    'use strict';

    // 免责声明HTML模板
    var disclaimerHTML = `
        <div class="disclaimer-modal" id="disclaimerModalContent">
            <div class="modal-content">
                <div class="modal-header">
                    <div class="modal-title">
                        <i class="fa fa-exclamation-triangle"></i> 系统使用免责声明
                    </div>
                </div>
                <div class="modal-body">
                    <div class="disclaimer-content">
                        <div class="disclaimer-section">
                            <div class="section-title">重要提示</div>
                            <div class="disclaimer-text">
                                欢迎使用错敏信息辅助校审系统。本系统是基于人工智能技术的辅助校对工具，旨在为用户提供文本错别字、敏感信息等方面的参考建议。在开始使用前，请您仔细阅读以下免责声明。
                            </div>
                        </div>
                        
                        <div class="disclaimer-section">
                            <div class="section-title">1. 系统定位与性质</div>
                            <div class="disclaimer-text">
                                本系统仅作为文本校对的辅助工具，所提供的检测结果和建议仅供参考，不具备完全准确的判断能力。用户不应完全依赖本系统的检测结果，对于重要文档、法律文件、合同协议等关键性文本，建议结合人工审核或其他专业校对方式进行最终确认。
                            </div>
                        </div>
                        
                        <div class="disclaimer-section">
                            <div class="section-title">2. 结果的参考性</div>
                            <div class="disclaimer-text">
                                系统生成的校对结果基于算法模型的分析，可能存在误判、漏判等情况。所有检测结果均应视为参考意见，用户需对最终采用的文本内容承担全部责任。系统不保证检测结果的完全准确性和完整性。
                            </div>
                        </div>
                        
                        <div class="disclaimer-section">
                            <div class="section-title">3. 使用限制</div>
                            <div class="disclaimer-text">
                                本系统适用于一般性文本的辅助校对，不适用于以下场景：
                                <br>- 法律文书、合同协议的最终审定
                                <br>- 医疗诊断、药物说明等专业文档
                                <br>- 金融投资、证券交易相关文件
                                <br>- 其他涉及重大利益的关键文档
                            </div>
                        </div>
                        
                        <div class="disclaimer-section">
                            <div class="section-title">4. 用户责任</div>
                            <div class="disclaimer-text">
                                用户在使用本系统过程中，应保持独立的判断能力，对系统提供的建议进行审慎评估。对于因完全依赖系统检测结果而导致的任何损失或纠纷，系统运营方不承担法律责任。
                            </div>
                        </div>
                        
                        <div class="disclaimer-section">
                            <div class="section-title">5. 技术局限性</div>
                            <div class="disclaimer-text">
                                鉴于自然语言处理的复杂性，本系统在以下方面存在技术局限：
                                <br>- 语境理解的深度和准确性有限
                                <br>- 专业术语和行业用语的识别可能不完整
                                <br>- 文化差异、方言表达的处理能力有限
                                <br>- 新兴词汇、网络用语的覆盖可能滞后
                            </div>
                        </div>
                        
                        <div class="important-note">
                            <strong>特别提醒：</strong> 本系统作为辅助工具，旨在提高文本校对效率，但不能替代人工的专业判断。建议用户将系统检测结果作为参考，结合自身知识和经验进行最终决策。对于重要文档，请务必进行多重校对和人工复核。
                        </div>
                        
                        <!--<div class="disclaimer-section">
                            <div class="disclaimer-text">
                                本免责声明的修改权和最终解释权归系统管理员所有。我们可能会根据需要及时修改本声明，请您定期查阅。
                            </div>
                        </div>-->
                    </div>
                </div>
                <div class="agreement-section">
                    <div class="agreement-checkbox">
                        <input type="checkbox" id="agreeCheckbox" class="checkbox">
                        <label for="agreeCheckbox" class="agreement-text">
                            我已仔细阅读并理解以上免责声明的全部内容，同意遵守所有条款和条件。
                        </label>
                    </div>
                    <div class="modal-buttons">
                        <button class="btn-modal btn-logout" id="logoutBtn">不同意并退出</button>
                        <button class="btn-modal btn-confirm" id="confirmBtn">同意并继续使用</button>
                    </div>
                </div>
            </div>
        </div>
    `;

    // CSS样式
    var disclaimerCSS = `
        <style>
        .disclaimer-modal {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.8);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 99999;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
        }

        .disclaimer-modal.active {
            opacity: 1;
            visibility: visible;
        }

        .disclaimer-modal .modal-content {
            background: white;
            border-radius: 10px;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
            width: 90%;
            max-width: 800px;
            max-height: 85vh;
            display: flex;
            flex-direction: column;
            transform: translateY(-30px);
            transition: transform 0.4s ease;
        }

        .disclaimer-modal.active .modal-content {
            transform: translateY(0);
        }

        .disclaimer-modal .modal-header {
            padding: 25px 30px 20px;
            border-bottom: 1px solid #dd4b39;
            background: linear-gradient(135deg, #dd4b39, #dd4b39);
            border-radius: 10px 10px 0 0;
            color: white;
        }

        .disclaimer-modal .modal-title {
            font-size: 22px;
            font-weight: 600;
            display: flex;
            align-items: center;
            margin: 0;
        }

        .disclaimer-modal .modal-title i {
            margin-right: 12px;
            font-size: 26px;
        }

        .disclaimer-modal .modal-body {
            padding: 30px;
            flex: 1;
            overflow-y: auto;
            max-height: 50vh;
            background: #fafafa;
        }

        .disclaimer-modal .disclaimer-content {
            font-size: 14px;
            line-height: 1.8;
            background: white;
            padding: 25px;
            border-radius: 8px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        }

        .disclaimer-modal .disclaimer-section {
            margin-bottom: 25px;
        }

        .disclaimer-modal .section-title {
            font-weight: 600;
            margin-bottom: 12px;
            color: #dd4b39;
            font-size: 16px;
            border-left: 4px solid #dd4b39;
            padding-left: 12px;
        }

        .disclaimer-modal .disclaimer-text {
            color: #666;
            text-align: justify;
            margin-bottom: 8px;
        }

        .disclaimer-modal .important-note {
            background: #fff7e6;
            border: 1px solid #ffd591;
            border-left: 4px solid #fa8c16;
            padding: 20px;
            margin: 25px 0;
            border-radius: 6px;
        }

        .disclaimer-modal .agreement-section {
            padding: 25px 30px;
            border-top: 1px solid #e8e8e8;
            background: #f5f5f5;
            border-radius: 0 0 10px 10px;
        }

        .disclaimer-modal .agreement-checkbox {
            display: flex;
            align-items: flex-start;
            margin-bottom: 20px;
        }

        .disclaimer-modal .checkbox {
            margin-right: 12px;
            margin-top: 4px;
            transform: scale(1.2);
        }

        .disclaimer-modal .agreement-text {
            font-size: 15px;
            color: #333;
            line-height: 1.6;
            font-weight: 500;
        }

        .disclaimer-modal .modal-buttons {
            display: flex;
            justify-content: flex-end;
            gap: 15px;
        }

        .disclaimer-modal .btn-modal {
            padding: 12px 30px;
            border-radius: 6px;
            cursor: pointer;
            font-size: 15px;
            font-weight: 500;
            transition: all 0.3s;
            border: none;
            min-width: 120px;
        }

        .disclaimer-modal .btn-confirm {
            background: linear-gradient(135deg, #dd4b39, #dd4b39);
            color: white;
            box-shadow: 0 4px 12px rgba(24, 144, 255, 0.3);
        }

        .disclaimer-modal .btn-confirm:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 16px rgba(24, 144, 255, 0.4);
        }

        .disclaimer-modal .btn-logout {
            background: white;
            color: #666;
            border: 2px solid #d9d9d9;
        }

        .disclaimer-modal .btn-logout:hover {
            background: #f5f5f5;
            border-color: #999;
            color: #333;
        }

        @media (max-width: 768px) {
            .disclaimer-modal .modal-content {
                width: 95%;
                margin: 10px;
            }
            .disclaimer-modal .modal-header,
            .disclaimer-modal .modal-body,
            .disclaimer-modal .agreement-section {
                padding: 20px;
            }
            .disclaimer-modal .modal-buttons {
                flex-direction: column;
            }
            .disclaimer-modal .btn-modal {
                width: 100%;
                margin: 5px 0;
            }
        }
        </style>
    `;

    // 检查是否需要显示免责声明
    function shouldShowDisclaimer() {
        // 检查是否有登录后需要显示免责声明的标记
        var showDisclaimer = sessionStorage.getItem('showDisclaimer');
        if (showDisclaimer === 'true') {
            // 清除标记，避免刷新后重复显示
            sessionStorage.removeItem('showDisclaimer');
            return true;
        }
        return false;
    }

    // 初始化免责声明
    function initDisclaimer() {
        // 只有在登录后才显示免责声明
        if (!shouldShowDisclaimer()) {
            return;
        }

        // 添加CSS样式
        $('head').append(disclaimerCSS);

        // 添加HTML结构
        $('#disclaimerModal').html(disclaimerHTML);

        // 绑定事件
        bindEvents();

        // 显示弹框
        showDisclaimer();
    }

    // 绑定事件
    function bindEvents() {
        // 同意按钮点击事件
        $(document).on('click', '#confirmBtn', function() {
            if ($('#agreeCheckbox').is(':checked')) {
                hideDisclaimer();
            } else {
                $.modal.msg("请先勾选同意免责声明");
            }
        });

        // 不同意按钮点击事件
        $(document).on('click', '#logoutBtn', function() {
            $.modal.confirm("确定要退出系统吗？您需要同意免责声明才能使用系统。", function() {
                window.location.href = ctx + 'logout';
            });
        });

        // 支持回车键确认
        $(document).on('keypress', function(e) {
            if (e.which == 13 && $('#disclaimerModalContent').hasClass('active')) {
                if ($('#agreeCheckbox').is(':checked')) {
                    hideDisclaimer();
                }
            }
        });
    }

    // 显示免责声明
    function showDisclaimer() {
        setTimeout(function() {
            $('#disclaimerModalContent').addClass('active');
        }, 500);
    }

    // 隐藏免责声明
    function hideDisclaimer() {
        $('#disclaimerModalContent').removeClass('active');
        // 可以在这里添加同意后的逻辑
        console.log('用户已同意免责声明');
    }

    // 页面加载完成后初始化
    $(document).ready(function() {
        initDisclaimer();
    });

})(jQuery);