<?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="system_name">口腔检查管理系统</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>
    <script src="assets/js/vendor/chart.min.js"></script>
</head>
<body>
    <!-- Modern Dashboard Layout -->
    <div class="dashboard-container">
        <!-- Mobile Menu Toggle Button -->
        <button class="mobile-menu-toggle" id="mobileMenuToggle" aria-label="打开菜单">
            <span class="menu-icon">☰</span>
        </button>

        <!-- Sidebar -->
        <nav class="sidebar">
            <div class="sidebar-header">
                <div class="sidebar-logo">
                    <i class="fas fa-tooth"></i>
                    <span data-i18n="system_name">口腔检查系统</span>
                </div>
                <button class="sidebar-toggle" id="sidebarToggle">
                    <i class="fas fa-bars"></i>
                </button>
            </div>

            <ul class="sidebar-menu">
                <li class="menu-item active" data-section="dashboard">
                    <a href="#" class="menu-link">
                        <i class="fas fa-tachometer-alt"></i>
                        <span data-i18n="dashboard">仪表板</span>
                    </a>
                </li>
                <li class="menu-item" data-section="patients">
                    <a href="patients.php" class="menu-link">
                        <i class="fas fa-users"></i>
                        <span data-i18n="patients">患者管理</span>
                    </a>
                </li>
                <li class="menu-item" data-section="capture">
                    <a href="capture.php" class="menu-link">
                        <i class="fas fa-camera"></i>
                        <span data-i18n="capture">影像采集</span>
                    </a>
                </li>
                <li class="menu-item" data-section="comparison">
                    <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" data-section="edit">
                    <a href="edit.php" class="menu-link">
                        <i class="fas fa-edit"></i>
                        <span data-i18n="edit">影像编辑</span>
                    </a>
                </li>
                <li class="menu-item" data-section="reports">
                    <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" data-section="settings">
                    <a href="settings.php" class="menu-link">
                        <i class="fas fa-cog"></i>
                        <span data-i18n="settings">系统设置</span>
                    </a>
                </li>
                <li class="menu-item" data-section="help">
                    <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="dashboard">仪表板</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>
                    <?php echo getUserDisplayHtml(); ?>
                </div>
            </header>

            <!-- Dashboard Content -->
            <div class="content-wrapper">

            <div class="actions-container">
                        <div class="actions-card">
                            <div class="actions-header">
                                <h4 data-i18n="quick_actions">快速操作</h4>
                            </div>
                            <div class="actions-grid">
                                <button type="button" class="action-btn" onclick="showAddPatientModal()">
                                    <i class="fas fa-user-plus"></i>
                                    <span data-i18n="add_patient">添加患者</span>
                                </button>
                                <a href="capture.php" class="action-btn">
                                    <i class="fas fa-camera"></i>
                                    <span data-i18n="capture_images">采集影像</span>
                                </a>
                                <a href="comparison.php" class="action-btn">
                                    <i class="fas fa-exchange-alt"></i>
                                    <span data-i18n="compare_images">影像对比</span>
                                </a>
                                <a href="reports.php" class="action-btn">
                                    <i class="fas fa-file-medical"></i>
                                    <span data-i18n="generate_report">生成报告</span>
                                </a>
                                <a href="edit.php" class="action-btn">
                                    <i class="fas fa-edit"></i>
                                    <span data-i18n="edit_images">编辑影像</span>
                                </a>
                                <a href="settings.php" class="action-btn">
                                    <i class="fas fa-cog"></i>
                                    <span data-i18n="system_settings">系统设置</span>
                                </a>
                            </div>
                        </div>


                    </div>




                <!-- Dashboard Stats Cards -->
                <div class="stats-grid">
                    <div class="stat-card">
                        <div class="stat-icon">
                            <i class="fas fa-users"></i>
                        </div>
                        <div class="stat-content">
                            <h3 id="total-patients">0</h3>
                            <p data-i18n="total_patients">总患者数</p>
                            <span class="stat-change positive">+12%</span>
                        </div>
                    </div>

                    <div class="stat-card">
                        <div class="stat-icon">
                            <i class="fas fa-camera"></i>
                        </div>
                        <div class="stat-content">
                            <h3 id="total-images">0</h3>
                            <p data-i18n="total_images">影像数量</p>
                            <span class="stat-change positive">+8%</span>
                        </div>
                    </div>

                    <div class="stat-card">
                        <div class="stat-icon">
                            <i class="fas fa-calendar-check"></i>
                        </div>
                        <div class="stat-content">
                            <h3 id="today-appointments">0</h3>
                            <p data-i18n="today_appointments">今日预约</p>
                            <span class="stat-change neutral">0%</span>
                        </div>
                    </div>

                    <div class="stat-card">
                        <div class="stat-icon">
                            <i class="fas fa-file-medical"></i>
                        </div>
                        <div class="stat-content">
                            <h3 id="pending-reports">0</h3>
                            <p data-i18n="pending_reports">待处理报告</p>
                            <span class="stat-change negative">-5%</span>
                        </div>
                    </div>
                </div>

                <!-- Charts Row -->
                <div class="charts-row">
                    <div class="chart-container">
                        <div class="chart-card">
                            <div class="chart-header">
                                <h4 data-i18n="patient_growth_trend">患者增长趋势</h4>
                                <div class="chart-actions">
                                    <button class="chart-btn active" data-period="week" data-i18n="week">周</button>
                                    <button class="chart-btn" data-period="month" data-i18n="month">月</button>
                                    <button class="chart-btn" data-period="year" data-i18n="year">年</button>
                                </div>
                            </div>
                            <div class="chart-body">
                                <canvas id="patientGrowthChart"></canvas>
                            </div>
                        </div>
                    </div>

                    <div class="chart-container">
                        <div class="chart-card">
                            <div class="chart-header">
                                <h4 data-i18n="image_capture_stats">影像采集统计</h4>
                                <div class="chart-actions">
                                    <select class="chart-select">
                                        <option value="all" data-i18n="all">全部</option>
                                        <option value="photo" data-i18n="photo">照片</option>
                                        <option value="video" data-i18n="video">视频</option>
                                    </select>
                                </div>
                            </div>
                            <div class="chart-body">
                                <canvas id="imageStatsChart"></canvas>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Recent Activities & Quick Actions -->
                <div class="bottom-row">
                    <div class="activity-container">
                        <div class="activity-card">
                            <div class="activity-header">
                                <h4 data-i18n="recent_activities">最近活动</h4>
                                <a href="#" class="view-all" data-i18n="view_all">查看全部</a>
                            </div>
                            <div class="activity-list" id="recent-activities">
                                <div class="activity-item">
                                    <div class="activity-icon">
                                        <i class="fas fa-user-plus"></i>
                                    </div>
                                    <div class="activity-content">
                                        <p>新患者张三添加成功</p>
                                        <span class="activity-time">5分钟前</span>
                                    </div>
                                </div>
                                <div class="activity-item">
                                    <div class="activity-icon">
                                        <i class="fas fa-camera"></i>
                                    </div>
                                    <div class="activity-content">
                                        <p>为李四采集了3张口腔影像</p>
                                        <span class="activity-time">15分钟前</span>
                                    </div>
                                </div>
                                <div class="activity-item">
                                    <div class="activity-icon">
                                        <i class="fas fa-file-medical"></i>
                                    </div>
                                    <div class="activity-content">
                                        <p>王五的检查报告已生成</p>
                                        <span class="activity-time">1小时前</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

               



                </div>
            </div>
        </main>
    </div>

    <!-- 模态框 -->
    <!-- 添加患者模态框 -->
    <div class="modal fade" id="addPatientModal" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" data-i18n="add_patient">添加患者</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <form id="add-patient-form">
                        <div class="mb-3">
                            <label for="patient-name" class="form-label" data-i18n="name_required">姓名 *</label>
                            <input type="text" id="patient-name" name="name" class="form-control" required>
                        </div>
                        <div class="mb-3">
                            <label for="patient-gender" class="form-label" data-i18n="gender_required">性别 *</label>
                            <select id="patient-gender" name="gender" class="form-select" required>
                                <option value="male" data-i18n="male">男</option>
                                <option value="female" data-i18n="female">女</option>
                            </select>
                        </div>
                        <div class="mb-3">
                            <label for="patient-age" class="form-label" data-i18n="age_required">年龄 *</label>
                            <input type="number" id="patient-age" name="age" class="form-control" required min="1" max="150">
                        </div>
                        <div class="mb-3">
                            <label for="patient-id-card" class="form-label" data-i18n="id_card">身份证号</label>
                            <input type="text" id="patient-id-card" name="id_card" class="form-control" maxlength="18">
                        </div>
                        <div class="mb-3">
                            <label for="patient-phone" class="form-label" data-i18n="phone">联系电话</label>
                            <input type="tel" id="patient-phone" name="phone" class="form-control" maxlength="20">
                        </div>
                        <div class="mb-3">
                            <label for="patient-address" class="form-label" data-i18n="address">地址</label>
                            <textarea id="patient-address" name="address" class="form-control" rows="3"></textarea>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal" data-i18n="cancel">取消</button>
                    <button type="button" class="btn btn-primary" onclick="addPatient()" data-i18n="save">保存</button>
                </div>
            </div>
        </div>
    </div>

    <!-- 编辑患者模态框 -->
    <div class="modal fade" id="editPatientModal" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" data-i18n="edit_patient">编辑患者</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <form id="edit-patient-form">
                        <input type="hidden" id="edit-patient-id">
                        <div class="mb-3">
                            <label for="edit-patient-name" class="form-label" data-i18n="name_required">姓名 *</label>
                            <input type="text" id="edit-patient-name" class="form-control" required>
                        </div>
                        <div class="mb-3">
                            <label for="edit-patient-gender" class="form-label" data-i18n="gender_required">性别 *</label>
                            <select id="edit-patient-gender" class="form-select" required>
                                <option value="male" data-i18n="male">男</option>
                                <option value="female" data-i18n="female">女</option>
                            </select>
                        </div>
                        <div class="mb-3">
                            <label for="edit-patient-age" class="form-label" data-i18n="age_required">年龄 *</label>
                            <input type="number" id="edit-patient-age" class="form-control" required>
                        </div>
                        <div class="mb-3">
                            <label for="edit-patient-id-card" class="form-label" data-i18n="id_card">身份证号</label>
                            <input type="text" id="edit-patient-id-card" class="form-control">
                        </div>
                        <div class="mb-3">
                            <label for="edit-patient-phone" class="form-label" data-i18n="phone">联系电话</label>
                            <input type="tel" id="edit-patient-phone" class="form-control">
                        </div>
                        <div class="mb-3">
                            <label for="edit-patient-address" class="form-label" data-i18n="address">地址</label>
                            <textarea id="edit-patient-address" class="form-control" rows="3"></textarea>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal" data-i18n="cancel">取消</button>
                    <button type="button" class="btn btn-primary" onclick="updatePatient()" data-i18n="save">保存</button>
                </div>
            </div>
        </div>
    </div>

    <!-- 影像选择器模态框 -->
    <div class="modal fade" id="imageSelectorModal" tabindex="-1">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" data-i18n="select_image">选择影像</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div class="mb-3">
                        <label for="image-patient-select" class="form-label" data-i18n="select_patient">选择患者</label>
                        <select id="image-patient-select" class="form-select">
                            <option value="" data-i18n="please_select_patient">请选择患者...</option>
                        </select>
                    </div>
                    <div id="image-gallery">
                        <!-- 影像列表将在这里显示 -->
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal" data-i18n="cancel">取消</button>
                    <button type="button" class="btn btn-primary" onclick="selectImage()" data-i18n="select">选择</button>
                </div>
            </div>
        </div>
    </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>
        // Dashboard specific functionality
        let patientGrowthChart = null;
        let imageStatsChart = null;

        document.addEventListener('DOMContentLoaded', function() {
            initDatabase();
            initSidebar();
            initCharts();
            loadDashboardStats();
            loadPatientSelectors();

            // Sidebar toggle functionality
            const sidebarToggle = document.getElementById('sidebarToggle');
            const sidebar = document.querySelector('.sidebar');
            const mainContent = document.querySelector('.main-content');

            function toggleSidebar() {
                const isMobile = window.innerWidth <= 768;

                if (isMobile) {
                    // 移动端：完全打开/关闭侧边栏
                    const isOpen = sidebar.classList.contains('show');
                    if (isOpen) {
                        sidebar.classList.remove('show');
                        document.querySelector('.sidebar-overlay').classList.remove('show');
                        document.body.style.overflow = '';
                        // 确保滚动功能恢复
                        ensureScrollEnabled();
                    } else {
                        sidebar.classList.add('show');
                        document.querySelector('.sidebar-overlay').classList.add('show');
                        document.body.style.overflow = 'hidden';
                    }
                } else {
                    // 桌面端：折叠/展开侧边栏
                    sidebar.classList.toggle('collapsed');
                    mainContent.classList.toggle('expanded');
                }
            }

            sidebarToggle.addEventListener('click', toggleSidebar);

            // 为移动端菜单按钮添加事件监听
            const mobileMenuToggle = document.getElementById('mobileMenuToggle');
            if (mobileMenuToggle) {
                mobileMenuToggle.addEventListener('click', function() {
                    toggleSidebar();
                    // 更新按钮图标
                    updateMobileMenuIcon();
                });
            }

            // 为移动端的仪表板菜单项添加侧边栏切换功能
            const dashboardMenuLink = document.querySelector('.menu-item[data-section="dashboard"] .menu-link');
            if (dashboardMenuLink) {
                dashboardMenuLink.addEventListener('click', function(e) {
                    const isMobile = window.innerWidth <= 768;
                    if (isMobile) {
                        e.preventDefault(); // 防止默认行为
                        toggleSidebar();
                        updateMobileMenuIcon();
                        return false;
                    }
                    // 桌面端保持原有行为
                });
            }

            // 更新移动端菜单按钮图标
            function updateMobileMenuIcon() {
                if (!mobileMenuToggle) return;

                const isMobile = window.innerWidth <= 768;
                if (!isMobile) return;

                const isOpen = sidebar.classList.contains('show');
                const menuIcon = mobileMenuToggle.querySelector('.menu-icon');

                if (isOpen) {
                    menuIcon.textContent = '✕'; // 关闭图标
                    mobileMenuToggle.setAttribute('aria-label', '关闭菜单');
                } else {
                    menuIcon.textContent = '☰'; // 菜单图标
                    mobileMenuToggle.setAttribute('aria-label', '打开菜单');
                }
            }

            // 确保页面滚动功能正常
            function ensureScrollEnabled() {
                // 移除可能的滚动限制
                document.body.style.overflow = '';
                document.body.style.position = '';
                document.body.style.width = '';
                document.body.style.height = '';

                // 确保dashboard-container可以滚动
                const dashboardContainer = document.querySelector('.dashboard-container');
                if (dashboardContainer) {
                    dashboardContainer.style.overflow = '';
                    dashboardContainer.style.position = '';
                }
            }

            // 页面加载时确保滚动功能
            ensureScrollEnabled();

            // 监听侧边栏状态变化，更新图标
            const observer = new MutationObserver(function(mutations) {
                mutations.forEach(function(mutation) {
                    if (mutation.attributeName === 'class') {
                        updateMobileMenuIcon();
                    }
                });
            });

            observer.observe(sidebar, {
                attributes: true,
                attributeFilter: ['class']
            });

            // Chart period buttons
            document.querySelectorAll('.chart-btn').forEach(btn => {
                btn.addEventListener('click', function() {
                    document.querySelectorAll('.chart-btn').forEach(b => b.classList.remove('active'));
                    this.classList.add('active');
                    updatePatientGrowthChart(this.dataset.period);
                });
            });

            // Chart select
            document.querySelector('.chart-select').addEventListener('change', function() {
                updateImageStatsChart(this.value);
            });
        });

        // Initialize sidebar navigation
        function initSidebar() {
            document.querySelectorAll('.menu-link').forEach(link => {
                link.addEventListener('click', function(e) {
                    // Remove active class from all menu items
                    document.querySelectorAll('.menu-item').forEach(item => item.classList.remove('active'));
                    // Add active class to clicked item
                    this.closest('.menu-item').classList.add('active');

                    // Update page title
                    const pageTitle = this.querySelector('span').textContent;
                    document.querySelector('.page-title').textContent = pageTitle;
                });
            });
        }

        // Initialize charts
        function initCharts() {
            // Patient growth chart
            const ctx1 = document.getElementById('patientGrowthChart').getContext('2d');
            patientGrowthChart = new Chart(ctx1, {
                type: 'line',
                data: {
                    labels: [],
                    datasets: [{
                        label: '患者数量',
                        data: [],
                        borderColor: '#007bff',
                        backgroundColor: 'rgba(0, 123, 255, 0.1)',
                        tension: 0.4,
                        fill: true
                    }]
                },
                options: {
                    responsive: true,
                    maintainAspectRatio: false,
                    plugins: {
                        legend: {
                            display: false
                        }
                    },
                    scales: {
                        y: {
                            beginAtZero: true,
                            grid: {
                                display: false
                            }
                        },
                        x: {
                            grid: {
                                display: false
                            }
                        }
                    }
                }
            });

            // Image stats chart
            const ctx2 = document.getElementById('imageStatsChart').getContext('2d');
            imageStatsChart = new Chart(ctx2, {
                type: 'doughnut',
                data: {
                    labels: ['照片', '视频'],
                    datasets: [{
                        data: [0, 0],
                        backgroundColor: ['#28a745', '#dc3545'],
                        borderWidth: 0
                    }]
                },
                options: {
                    responsive: true,
                    maintainAspectRatio: false,
                    plugins: {
                        legend: {
                            position: 'bottom'
                        }
                    }
                }
            });
        }

        // Load dashboard statistics
        function loadDashboardStats() {
            // Load patient count
            fetch('api/patients.php?action=list&limit=1')
                .then(response => response.json())
                .then(data => {
                    if (data.success) {
                        document.getElementById('total-patients').textContent = data.data.total;
                    }
                })
                .catch(error => console.error('加载患者统计失败:', error));

            // Load image count (mock data for now)
            document.getElementById('total-images').textContent = '156';
            document.getElementById('today-appointments').textContent = '8';
            document.getElementById('pending-reports').textContent = '3';

            // Initialize charts with mock data
            updatePatientGrowthChart('week');
            updateImageStatsChart('all');
        }

        // Update patient growth chart
        function updatePatientGrowthChart(period) {
            // Mock data based on period
            let labels = [];
            let data = [];

            // Get current language pack
            const langPack = typeof getGlobalLanguagePack === 'function' ? getGlobalLanguagePack() : {
                monday: '周一', tuesday: '周二', wednesday: '周三', thursday: '周四',
                friday: '周五', saturday: '周六', sunday: '周日',
                day: '第', month: '月'
            };

            switch(period) {
                case 'week':
                    labels = [
                        langPack.monday || '周一',
                        langPack.tuesday || '周二',
                        langPack.wednesday || '周三',
                        langPack.thursday || '周四',
                        langPack.friday || '周五',
                        langPack.saturday || '周六',
                        langPack.sunday || '周日'
                    ];
                    data = [12, 15, 18, 22, 25, 28, 32];
                    break;
                case 'month':
                    labels = Array.from({length: 30}, (_, i) => `${langPack.day || '第'}${i+1}${(langPack.day_suffix || '天')}`);
                    data = Array.from({length: 30}, (_, i) => Math.floor(Math.random() * 50) + 10);
                    break;
                case 'year':
                    labels = Array.from({length: 12}, (_, i) => `${i+1}${langPack.month || '月'}`);
                    data = [120, 135, 148, 162, 175, 189, 203, 218, 235, 248, 262, 278];
                    break;
            }

            patientGrowthChart.data.labels = labels;
            patientGrowthChart.data.datasets[0].data = data;
            patientGrowthChart.update();
        }

        // Update image stats chart
        function updateImageStatsChart(type) {
            let photoCount = 0;
            let videoCount = 0;

            switch(type) {
                case 'all':
                    photoCount = 142;
                    videoCount = 14;
                    break;
                case 'photo':
                    photoCount = 142;
                    videoCount = 0;
                    break;
                case 'video':
                    photoCount = 0;
                    videoCount = 14;
                    break;
            }

            imageStatsChart.data.datasets[0].data = [photoCount, videoCount];
            imageStatsChart.update();
        }

        // ==================== 患者管理功能 ====================

        // 显示添加患者模态框
        function showAddPatientModal() {
            // 清空表单
            document.getElementById('add-patient-form').reset();

            // 显示模态框
            new bootstrap.Modal(document.getElementById('addPatientModal')).show();
        }

        // 添加患者
        function addPatient() {
            const form = document.getElementById('add-patient-form');

            // 表单验证
            if (!form.checkValidity()) {
                form.reportValidity();
                return;
            }

            const formData = new FormData(form);
            const patientData = {
                name: formData.get('name'),
                gender: formData.get('gender'),
                age: parseInt(formData.get('age')),
                id_card: formData.get('id_card') || null,
                phone: formData.get('phone') || null,
                address: formData.get('address') || null
            };

            // 发送请求
            fetch('api/patients.php?action=add', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                },
                body: JSON.stringify(patientData)
            })
            .then(response => response.json())
            .then(data => {
                if (data.success) {
                    showMessage('患者添加成功', 'success');
                    bootstrap.Modal.getInstance(document.getElementById('addPatientModal')).hide();
                    // 清空表单
                    form.reset();
                    // 刷新统计数据
                    loadDashboardStats();
                } else {
                    showMessage('添加失败: ' + (data.message || '未知错误'), 'danger');
                }
            })
            .catch(error => {
                console.error('添加患者失败:', error);
                showMessage('网络错误，请稍后重试', 'danger');
            });
        }

        // 加载患者选择器（用于影像选择）
        function loadPatientSelectors() {
            // 为影像选择器模态框加载患者列表
            fetch('api/patients.php?action=list&limit=100')
                .then(response => response.json())
                .then(data => {
                    if (data.success && data.data.patients) {
                        const selects = [
                            document.getElementById('image-patient-select')
                        ];

                        selects.forEach(select => {
                            if (select) {
                                select.innerHTML = '<option value="">请选择患者...</option>';
                                data.data.patients.forEach(patient => {
                                    const option = document.createElement('option');
                                    option.value = patient.id;
                                    option.textContent = `${patient.name} (${patient.age}岁, ${patient.gender === 'male' ? '男' : '女'})`;
                                    select.appendChild(option);
                                });
                            }
                        });
                    }
                })
                .catch(error => console.error('加载患者列表失败:', error));
        }
    </script>
    <script src="assets/js/language-switcher.js"></script>
</body>
</html>
