<?php
// 包含认证检查
require_once 'includes/auth.php';
checkLogin();
?>

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title data-i18n="capture_title">影像采集 - 口腔检查管理系统</title>
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/vendor/font-awesome.min.css">
    <script src="assets/js/vendor/bootstrap.bundle.min.js"></script>
    <script src="assets/js/vendor/jquery.min.js"></script>
</head>
<body>
    <!-- Modern Dashboard Layout -->
    <div class="dashboard-container">
        <!-- Sidebar -->
        <nav class="sidebar">
            <div class="sidebar-header">
                <div class="sidebar-logo">
                    <i class="fas fa-tooth"></i>
                    <span>口腔检查系统</span>
                </div>
                <button class="sidebar-toggle" id="sidebarToggle">
                    <i class="fas fa-bars"></i>
                </button>
            </div>

            <ul class="sidebar-menu">
                <li class="menu-item">
                    <a href="index.php" class="menu-link">
                        <i class="fas fa-tachometer-alt"></i>
                        <span data-i18n="dashboard">仪表板</span>
                    </a>
                </li>
                <li class="menu-item">
                    <a href="patients.php" class="menu-link">
                        <i class="fas fa-users"></i>
                        <span data-i18n="patients">患者管理</span>
                    </a>
                </li>
                <li class="menu-item active">
                    <a href="capture.php" class="menu-link">
                        <i class="fas fa-camera"></i>
                        <span data-i18n="capture">影像采集</span>
                    </a>
                </li>
                <li class="menu-item">
                    <a href="comparison.php" class="menu-link">
                        <i class="fas fa-exchange-alt"></i>
                        <span data-i18n="comparison">影像对比</span>
                    </a>
                </li>
                <li class="menu-item">
                    <a href="edit.php" class="menu-link">
                        <i class="fas fa-edit"></i>
                        <span data-i18n="edit">影像编辑</span>
                    </a>
                </li>
                <li class="menu-item">
                    <a href="reports.php" class="menu-link">
                        <i class="fas fa-file-medical"></i>
                        <span data-i18n="reports">报告管理</span>
                    </a>
                </li>
                <li class="menu-item">
                    <a href="settings.php" class="menu-link">
                        <i class="fas fa-cog"></i>
                        <span data-i18n="settings">系统设置</span>
                    </a>
                </li>
                <li class="menu-item">
                    <a href="help.php" class="menu-link">
                        <i class="fas fa-question-circle"></i>
                        <span data-i18n="help">帮助中心</span>
                    </a>
                </li>
            </ul>
        </nav>

        <!-- Sidebar Overlay for Mobile -->
        <div class="sidebar-overlay"></div>

        <!-- Main Content -->
        <main class="main-content">
            <!-- Top Header -->
            <header class="top-header">
                <div class="header-left">
                    <h1 class="page-title" data-i18n="capture">影像采集</h1>
                </div>
                <div class="header-right">
                    <div class="header-notifications">
                        <button class="notification-btn">
                            <i class="fas fa-bell"></i>
                            <span class="notification-badge">3</span>
                        </button>
                    </div>
                    <div class="header-user">
                        <div class="user-avatar">
                            <i class="fas fa-user"></i>
                        </div>
                        <span class="user-name">管理员</span>
                    </div>
                </div>
            </header>

            <!-- Capture Content -->
            <div class="content-wrapper">
                <h2 class="mb-4" data-i18n="capture">影像采集</h2>

                <!-- 患者选择 -->
                <div class="card mb-4">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                <label for="capture-patient-select" class="form-label" data-i18n="select_patient">选择患者</label>
                                <div class="input-group">
                                    <input type="text" id="capture-patient-search" class="form-control" data-i18n="placeholder_search_patient" placeholder="搜索患者姓名、电话或身份证号...">
                                    <select id="capture-patient-select" class="form-select">
                                        <option value="" data-i18n="please_select_patient">请选择患者...</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <label for="capture-notes" class="form-label" data-i18n="capture_notes">采集备注</label>
                                <input type="text" id="capture-notes" class="form-control" data-i18n="placeholder_capture_notes" placeholder="请输入采集备注...">
                            </div>
                        </div>

                        <!-- 患者统计信息 -->
                        <div id="patient-stats" class="row mt-3" style="display: none;">
                            <div class="col-12">
                                <div class="alert alert-info">
                                    <div class="row">
                                        <div class="col-md-3">
                                            <strong data-i18n="images_count">影像数量：</strong><span id="stats-images">0</span>
                                        </div>
                                        <div class="col-md-3">
                                            <strong data-i18n="medical_records_count">就诊记录：</strong><span id="stats-records">0</span>
                                        </div>
                                        <div class="col-md-3">
                                            <strong data-i18n="appointments_count">预约记录：</strong><span id="stats-appointments">0</span>
                                        </div>
                                        <div class="col-md-3">
                                            <strong data-i18n="latest_image">最新影像：</strong><span id="stats-latest-image">-</span>
                                        </div>
                                    </div>
                                    <div class="mt-2">
                                        <button class="btn btn-sm btn-outline-primary me-2" onclick="previewPatientImages()" data-i18n="preview_images">
                                            <i class="fas fa-images"></i> 预览影像
                                        </button>
                                        <button class="btn btn-sm btn-outline-info me-2" onclick="previewMedicalRecords()" data-i18n="view_medical_records">
                                            <i class="fas fa-file-medical"></i> 查看就诊记录
                                        </button>
                                        <button class="btn btn-sm btn-outline-warning" onclick="previewAppointments()" data-i18n="view_appointments">
                                            <i class="fas fa-calendar"></i> 查看预约
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 摄像头区域 -->
                <div class="row">
                    <div class="col-md-8">
                        <div class="card">
                            <div class="card-header">
                                <h5 data-i18n="live_video">实时影像</h5>
                            </div>
                            <div class="card-body">
                                <div id="camera-container" class="text-center">
                                    <video id="camera-preview" class="img-fluid border" autoplay style="max-height: 400px;"></video>
                                    <canvas id="capture-canvas" style="display: none;"></canvas>
                                    <div id="camera-placeholder" class="p-5 bg-light rounded">
                                        <h4 class="text-muted" data-i18n="select_patient_start_camera">请先选择患者并启动摄像头</h4>
                                        <p class="text-muted" data-i18n="ensure_camera_access">确保已连接USB摄像头并允许浏览器访问</p>
                                    </div>
                                </div>
                                <div class="mt-3 text-center">
                                    <button id="start-camera" class="btn btn-success" data-i18n="start_camera">启动摄像头</button>
                                    <button id="capture-photo" class="btn btn-primary" disabled>
                                        <span id="capture-btn-text" data-i18n="take_photo">拍照</span>
                                    </button>
                                    <button id="start-recording" class="btn btn-warning" disabled data-i18n="start_recording">开始录像</button>
                                    <button id="stop-recording" class="btn btn-danger" disabled data-i18n="stop_recording">停止录像</button>
                                    <button id="stop-camera" class="btn btn-secondary" disabled data-i18n="close_camera">关闭摄像头</button>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4">


                        <!-- 自动拍照进度 -->
                        <div id="auto-capture-progress" class="card mb-3" style="display: none;">
                            <div class="card-header">
                                <h6 class="mb-0">
                                    <i class="fas fa-camera"></i>
                                    <span data-i18n="auto_capture_progress">自动拍照进度</span>
                                </h6>
                            </div>
                            <div class="card-body">
                                <div class="progress mb-2">
                                    <div id="auto-capture-progress-bar" class="progress-bar progress-bar-striped progress-bar-animated bg-success"
                                         role="progressbar" style="width: 0%">
                                        <span id="auto-capture-progress-text">0/6</span>
                                    </div>
                                </div>
                                <div class="text-center">
                                    <small id="auto-capture-status" class="text-muted" data-i18n="preparing_auto_capture">准备开始自动拍照...</small>
                                </div>
                                <div class="mt-2 text-center">
                                    <button id="stop-auto-capture" class="btn btn-outline-danger btn-sm" onclick="stopAutoCapture()" data-i18n="stop_auto_capture">
                                        <i class="fas fa-stop"></i> 停止自动拍照
                                    </button>
                                </div>
                            </div>
                        </div>



  <!-- 拍摄历史 -->
                        <div class="card">
                            <div class="card-header d-flex justify-content-between align-items-center">
                                <h5 class="mb-0" data-i18n="current_session">本次拍摄</h5>
                                <small id="capture-count" class="text-muted" data-i18n="files_count">0 个文件</small>
                            </div>
                            <div class="card-body">
                                <div id="capture-history" class="capture-history">
                                    <p class="text-muted text-center" data-i18n="no_capture_records">暂无拍摄记录</p>
                                </div>
                            </div>
                        </div>
                        

                        <!-- 拍摄设置 -->
                        <div class="card mb-3">
                            <div class="card-header">
                                <h5 data-i18n="capture_settings">拍摄设置</h5>
                            </div>
                            <div class="card-body">
                                <!-- 摄像头选择 -->
                                <div class="mb-3">
                                    <label for="camera-select" class="form-label" data-i18n="camera_selection">摄像头选择</label>
                                    <select id="camera-select" class="form-select" disabled>
                                        <option value="" data-i18n="loading">加载中...</option>
                                    </select>
                                </div>

                                <!-- 自动命名设置 -->
                                <div class="mb-3">
                                    <label class="form-label" data-i18n="auto_naming_template">自动命名模板</label>
                                    <select id="naming-template" class="form-select">
                                        <option value="{patient}_{date}_{type}" data-i18n="template_patient_date_type">患者_日期_类型</option>
                                        <option value="{patient}_{date}_{time}" data-i18n="template_patient_date_time">患者_日期_时间</option>
                                        <option value="{id}_{date}_{sequence}" data-i18n="template_id_date_sequence">ID_日期_序号</option>
                                        <option value="{patient}_{type}_{sequence}" data-i18n="template_patient_type_sequence">患者_类型_序号</option>
                                    </select>
                                </div>

                                <div class="mb-3">
                                    <label for="zoom-level" class="form-label" data-i18n="zoom_level">缩放级别: <span id="zoom-value">1.0</span>x</label>
                                    <input type="range" id="zoom-level" class="form-range" min="1" max="3" step="0.1" value="1" disabled>
                                </div>
                                <div class="mb-3">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" id="mirror-mode" disabled>
                                        <label class="form-check-label" for="mirror-mode" data-i18n="mirror_mode">
                                            镜像模式
                                        </label>
                                    </div>
                                </div>
                                <div class="mb-3">
                                    <label class="form-label" data-i18n="image_quality">图像质量</label>
                                    <div class="btn-group w-100" role="group">
                                        <input type="radio" class="btn-check" name="image-quality" id="quality-low" value="low" checked>
                                        <label class="btn btn-outline-primary btn-sm" for="quality-low" data-i18n="low">低</label>
                                        <input type="radio" class="btn-check" name="image-quality" id="quality-medium" value="medium">
                                        <label class="btn btn-outline-primary btn-sm" for="quality-medium" data-i18n="normal">中</label>
                                        <input type="radio" class="btn-check" name="image-quality" id="quality-high" value="high">
                                        <label class="btn btn-outline-primary btn-sm" for="quality-high" data-i18n="high">高</label>
                                    </div>
                                </div>

                                <!-- 质量检测设置 -->
                                <div class="mb-3">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox" id="quality-check" checked>
                                        <label class="form-check-label" for="quality-check" data-i18n="enable_quality_check">
                                            启用质量检测
                                        </label>
                                    </div>
                                    <small class="text-muted" data-i18n="auto_quality_detection">拍摄后自动检测图像质量</small>
                                </div>

                                <!-- 自动拍照设置 -->
                                <div class="mb-3">
                                    <label class="form-label" data-i18n="auto_capture_mode">自动拍照模式</label>
                                    <div class="btn-group w-100" role="group">
                                        <input type="radio" class="btn-check" name="capture-mode" id="manual-mode" value="manual" checked>
                                        <label class="btn btn-outline-primary" for="manual-mode" data-i18n="manual_capture">手动拍照</label>
                                        <input type="radio" class="btn-check" name="capture-mode" id="auto-mode" value="auto">
                                        <label class="btn btn-outline-success" for="auto-mode" data-i18n="auto_capture">自动拍照</label>
                                    </div>
                                </div>

                                <!-- 自动拍照设置 -->
                                <div id="auto-capture-settings" class="mb-3" style="display: none;">
                                    <label class="form-label" data-i18n="auto_capture_settings">自动拍照设置</label>
                                    <div class="mb-2">
                                        <label for="photo-count" class="form-label small" data-i18n="photo_count">照片数量</label>
                                        <select id="photo-count" class="form-select form-select-sm">
                                            <option value="3">3张</option>
                                            <option value="4">4张</option>
                                            <option value="5">5张</option>
                                            <option value="6" selected>6张</option>
                                            <option value="8">8张</option>
                                            <option value="10">10张</option>
                                        </select>
                                    </div>
                                    <div class="mb-2">
                                        <label for="capture-interval" class="form-label small" data-i18n="capture_interval">拍照间隔</label>
                                        <select id="capture-interval" class="form-select form-select-sm">
                                            <option value="2000">2秒</option>
                                            <option value="3000" selected>3秒</option>
                                            <option value="5000">5秒</option>
                                            <option value="7000">7秒</option>
                                            <option value="10000">10秒</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- 质量检测结果 -->
                        <div id="quality-result" class="card" style="display: none;">
                            <div class="card-header">
                                <h6 class="mb-0" data-i18n="quality_detection_results">质量检测结果</h6>
                            </div>
                            <div class="card-body">
                                <div id="quality-scores" class="mb-2">
                                    <!-- 质量评分将在这里显示 -->
                                </div>
                                <div id="quality-suggestions" class="small text-muted">
                                    <!-- 改进建议将在这里显示 -->
                                </div>
                            </div>
                        </div>


                      




                    </div>
                </div>

                <!-- 本地照片上传 -->
                <div class="card mb-4">
                    <div class="card-header">
                        <h5 data-i18n="local_photo_upload">本地照片上传</h5>
                    </div>
                    <div class="card-body">
                        <div class="mb-3">
                            <label for="local-photos" class="form-label" data-i18n="select_local_photos">选择本地照片 (最多4张)</label>
                            <input type="file" id="local-photos" class="form-control" accept="image/*" multiple>
                            <div class="form-text" data-i18n="supported_formats">支持 JPG、PNG、GIF 等图片格式，每张图片最大 10MB</div>
                        </div>

                        <div class="mb-3">
                            <button id="upload-local-photos" class="btn btn-success" disabled data-i18n="upload_photos">
                                <i class="fas fa-upload"></i> 上传照片
                            </button>
                            <button id="clear-selection" class="btn btn-outline-secondary ms-2" disabled data-i18n="clear_selection">
                                <i class="fas fa-times"></i> 清空选择
                            </button>
                        </div>

                        <!-- 上传进度 -->
                        <div id="upload-progress" class="mb-3" style="display: none;">
                            <div class="progress-container">
                                <div class="progress-bar" id="progress-bar" data-progress="0">0%</div>
                            </div>
                            <small class="text-muted mt-1" id="progress-text" data-i18n="preparing_upload">准备上传...</small>
                        </div>

                        <!-- 预览区域 -->
                        <div id="photo-preview" class="row g-3" style="display: none;">
                            <div class="col-12">
                                <h6 data-i18n="selected_photos_preview">已选择的照片预览:</h6>
                            </div>
                            <!-- 照片预览将在这里显示 -->
                        </div>

                        <!-- 上传结果 -->
                        <div id="upload-results" class="mt-3" style="display: none;">
                            <h6 data-i18n="upload_results">上传结果:</h6>
                            <div id="upload-status" class="alert alert-info">
                                <!-- 上传状态将在这里显示 -->
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 患者影像库 -->
                <div class="card mt-4">
                    <div class="card-header">
                        <h5 data-i18n="patient_image_library">患者影像库</h5>
                    </div>
                    <div class="card-body">
                        <div id="patient-images" class="image-gallery" >
                            <p class="text-muted text-center" data-i18n="select_patient_view_images">请选择患者查看影像库</p>
                        </div>
                    </div>
                </div>
            </div>
        </main>
    </div>

    <!-- Footer -->
    <footer class="system-footer">
        <div class="footer-content">
            <div class="copyright-info">
                <p>&copy; 2025 义乌市噢欧进出口有限公司  | <a href="http://silubaba.com.cn" target="_blank">silubaba.com.cn</a></p>
                <p>技术支持: 15057908025</p>
            </div>
        </div>
    </footer>

    <script src="assets/js/main.js"></script>
    <script src="assets/js/language-switcher.js"></script>
    <script src="assets/js/camera.js"></script>
    <script>
        // Dashboard functionality for capture page
        document.addEventListener('DOMContentLoaded', function() {
            initDatabase();

            // Sidebar toggle functionality
            document.getElementById('sidebarToggle').addEventListener('click', function() {
                document.querySelector('.sidebar').classList.toggle('collapsed');
                document.querySelector('.main-content').classList.toggle('expanded');
            });

            // Initialize capture functionality
            loadPatientSelectors();
            initCamera();
            initLocalPhotoUpload();

            // 绑定患者选择事件
            document.getElementById('capture-patient-select').addEventListener('change', function() {
                const patientId = this.value;
                if (patientId) {
                    loadPatientImages(patientId);
                    showPatientStats(patientId, this);
                } else {
                    clearPatientStats();
                }
            });

            // 绑定患者搜索事件
            document.getElementById('capture-patient-search').addEventListener('input', function() {
                searchPatients(this.value, 'capture-patient-select');
            });

            // 为搜索框添加自动清空功能
            const captureSearchInput = document.getElementById('capture-patient-search');
            if (captureSearchInput) {
                captureSearchInput.addEventListener('focus', function() {
                    clearSearchPlaceholder(this);
                });
            }

            // 绑定拍照模式切换事件
            document.querySelectorAll('input[name="capture-mode"]').forEach(radio => {
                radio.addEventListener('change', function() {
                    updateCaptureMode(this.value);
                    saveSetting('capture-mode', this.value);
                });
            });

            // 初始化设置持久化
            initSettingsPersistence();

        });

        // 清空搜索框默认文字
        function clearSearchPlaceholder(input) {
            // 如果输入框的值等于占位符文字（表示用户还没有输入内容），则清空
            if (input.value === input.placeholder || input.value.trim() === '') {
                input.value = '';
            }
        }

        // 更新拍照模式
        function updateCaptureMode(mode) {
            const btnText = document.getElementById('capture-btn-text');
            const autoSettings = document.getElementById('auto-capture-settings');

            if (mode === 'auto') {
                btnText.textContent = '开始自动拍照';
                autoSettings.style.display = 'block';
            } else {
                btnText.textContent = '拍照';
                autoSettings.style.display = 'none';
            }
        }

        // ==================== 设置持久化功能 ====================

        // 初始化设置持久化
        function initSettingsPersistence() {
            // 加载保存的设置
            loadSavedSettings();

            // 为所有设置控件绑定change事件
            bindSettingChangeEvents();
        }

        // 加载保存的设置
        function loadSavedSettings() {
            // 自动命名模板
            const namingTemplate = loadSetting('naming-template');
            if (namingTemplate) {
                document.getElementById('naming-template').value = namingTemplate;
            }

            // 缩放级别
            const zoomLevel = loadSetting('zoom-level');
            if (zoomLevel) {
                document.getElementById('zoom-level').value = zoomLevel;
                document.getElementById('zoom-value').textContent = zoomLevel;
            }

            // 镜像模式
            const mirrorMode = loadSetting('mirror-mode');
            if (mirrorMode !== null) {
                document.getElementById('mirror-mode').checked = mirrorMode === 'true';
            }

            // 图像质量
            const imageQuality = loadSetting('image-quality');
            if (imageQuality) {
                const radio = document.getElementById(`quality-${imageQuality}`);
                if (radio) radio.checked = true;
            }

            // 质量检测
            const qualityCheck = loadSetting('quality-check');
            if (qualityCheck !== null) {
                document.getElementById('quality-check').checked = qualityCheck === 'true';
            }

            // 自动拍照模式
            const captureMode = loadSetting('capture-mode');
            if (captureMode) {
                const radio = document.getElementById(`${captureMode}-mode`);
                if (radio) radio.checked = true;
                updateCaptureMode(captureMode);
            }

            // 照片数量
            const photoCount = loadSetting('photo-count');
            if (photoCount) {
                document.getElementById('photo-count').value = photoCount;
            }

            // 拍照间隔
            const captureInterval = loadSetting('capture-interval');
            if (captureInterval) {
                document.getElementById('capture-interval').value = captureInterval;
            }
        }

        // 为设置控件绑定change事件
        function bindSettingChangeEvents() {
            // 自动命名模板
            document.getElementById('naming-template').addEventListener('change', function() {
                saveSetting('naming-template', this.value);
            });

            // 缩放级别
            document.getElementById('zoom-level').addEventListener('input', function() {
                const value = this.value;
                document.getElementById('zoom-value').textContent = value;
                saveSetting('zoom-level', value);
            });

            // 镜像模式
            document.getElementById('mirror-mode').addEventListener('change', function() {
                saveSetting('mirror-mode', this.checked.toString());
            });

            // 图像质量
            document.querySelectorAll('input[name="image-quality"]').forEach(radio => {
                radio.addEventListener('change', function() {
                    saveSetting('image-quality', this.value);
                });
            });

            // 质量检测
            document.getElementById('quality-check').addEventListener('change', function() {
                saveSetting('quality-check', this.checked.toString());
            });

            // 照片数量
            document.getElementById('photo-count').addEventListener('change', function() {
                saveSetting('photo-count', this.value);
            });

            // 拍照间隔
            document.getElementById('capture-interval').addEventListener('change', function() {
                saveSetting('capture-interval', this.value);
            });
        }

        // 保存设置到localStorage
        function saveSetting(key, value) {
            try {
                localStorage.setItem(`capture_${key}`, value);
                console.log(`设置已保存: ${key} = ${value}`);
            } catch (e) {
                console.warn('保存设置失败:', e);
            }
        }

        // 从localStorage加载设置
        function loadSetting(key) {
            try {
                return localStorage.getItem(`capture_${key}`);
            } catch (e) {
                console.warn('加载设置失败:', e);
                return null;
            }
        }

        // 搜索患者函数
        function searchPatients(query, selectId) {
            const select = document.getElementById(selectId);
            if (!select) return;

            // 清空现有选项，只保留默认选项
            select.innerHTML = '<option value="">请选择患者...</option>';

            if (query.trim().length < 2) {
                // 如果搜索词太短，不进行搜索
                return;
            }

            // 调用搜索API
            apiRequest(`api/patients.php?action=search&q=${encodeURIComponent(query)}`)
                .then(data => {
                    if (data.patients && data.patients.length > 0) {
                        data.patients.forEach(patient => {
                            const option = document.createElement('option');
                            option.value = patient.id;

                            // 格式化显示：姓名(性别,年龄) - 电话 [影像:数量|就诊:数量|预约:数量]
                            const genderText = patient.gender === 'male' ? '男' : '女';
                            const phoneText = patient.phone ? ` - ${patient.phone}` : '';
                            const idCardText = patient.id_card ? ` (${patient.id_card.substring(0, 6)}****)` : '';

                            // 统计信息
                            const stats = patient.stats || {};
                            const statsText = ` [影像:${stats.images || 0}|就诊:${stats.medical_records || 0}|预约:${stats.appointments || 0}]`;

                            option.textContent = `${patient.name}(${genderText},${patient.age}岁)${phoneText}${idCardText}${statsText}`;

                            // 存储统计数据到选项的data属性中
                            option.dataset.stats = JSON.stringify(stats);

                            select.appendChild(option);
                        });
                    }
                })
                .catch(error => {
                    console.error('搜索患者失败:', error);
                });
        }

        // 显示患者统计信息
        function showPatientStats(patientId, selectElement) {
            const selectedOption = selectElement.selectedOptions[0];
            if (!selectedOption || !selectedOption.dataset.stats) return;

            const stats = JSON.parse(selectedOption.dataset.stats);

            document.getElementById('stats-images').textContent = stats.images || 0;
            document.getElementById('stats-records').textContent = stats.medical_records || 0;
            document.getElementById('stats-appointments').textContent = stats.appointments || 0;
            document.getElementById('stats-latest-image').textContent =
                stats.latest_image_date ? formatDateTime(stats.latest_image_date) : '-';

            document.getElementById('patient-stats').style.display = 'block';
        }

        // 清除患者统计信息
        function clearPatientStats() {
            document.getElementById('patient-stats').style.display = 'none';
        }

        // 预览患者影像
        function previewPatientImages() {
            const patientId = document.getElementById('capture-patient-select').value;
            if (!patientId) return;

            // 滚动到影像库区域
            const imageGallery = document.getElementById('patient-images');
            if (imageGallery) {
                imageGallery.scrollIntoView({ behavior: 'smooth' });
                showMessage('已跳转到患者影像库', 'info');
            }
        }

        // 预览就诊记录
        function previewMedicalRecords() {
            const patientId = document.getElementById('capture-patient-select').value;
            if (!patientId) return;

            // 跳转到患者管理页面
            window.open(`patients.php?tab=medical-records&patient_id=${patientId}`, '_blank');
        }

        // 预览预约记录
        function previewAppointments() {
            const patientId = document.getElementById('capture-patient-select').value;
            if (!patientId) return;

            // 跳转到患者管理页面
            window.open(`patients.php?tab=appointments&patient_id=${patientId}`, '_blank');
        }
    </script>
</body>
</html>
