<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>域名证书管理</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>

    <style>
        /* 苹果风格配色变量 */
        :root {
            --apple-blue: #007AFF;
            --apple-gray: #1d1d1f;
            --apple-gray-secondary: #86868b;
            --apple-gray-tertiary: #f5f5f7;
            --apple-gray-quaternary: #d2d2d7;
            --apple-white: #ffffff;
            --apple-red: #ff3b30;
            --apple-orange: #ff9500;
            --apple-green: #34c759;
        }

        body {
            background: var(--apple-white);
            font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', sans-serif;
            color: var(--apple-gray);
            margin: 0;
            padding: 0;
        }

        .main-container {
            background: var(--apple-white);
            border-radius: 18px;
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
            margin: 20px auto;
            max-width: 1400px;
            overflow: hidden;
        }

        .header {
            background: linear-gradient(135deg, var(--apple-blue) 0%, #0056cc 100%);
            color: var(--apple-white);
            padding: 20px 24px;
            text-align: center;
        }

        .header h1 {
            margin: 0;
            font-size: 24px;
            font-weight: 600;
            letter-spacing: -0.5px;
        }

        .user-info {
            background: rgba(255, 255, 255, 0.15);
            border-radius: 12px;
            padding: 12px 16px;
            margin-top: 12px;
            backdrop-filter: blur(20px);
            border: 1px solid rgba(255, 255, 255, 0.2);
        }

        .search-section {
            padding: 24px;
            background: var(--apple-gray-tertiary);
        }

        .search-card {
            background: var(--apple-white);
            border-radius: 12px;
            padding: 20px;
            border: 1px solid var(--apple-gray-quaternary);
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
        }

        .form-control {
            border-radius: 8px;
            border: 1.5px solid var(--apple-gray-quaternary);
            padding: 12px 16px;
            font-size: 16px;
            font-weight: 400;
            transition: border-color 0.2s ease;
        }

        .form-control:focus {
            border-color: var(--apple-blue);
            box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.1);
            outline: none;
        }

        .form-label {
            font-weight: 600;
            color: var(--apple-gray);
            margin-bottom: 8px;
            font-size: 17px;
        }

        .btn {
            border-radius: 8px;
            font-weight: 600;
            font-size: 16px;
            padding: 12px 24px;
            border: none;
            transition: all 0.2s ease;
        }

        .btn-xs {
            font-size: 12px;
            padding: 5px 10px;
            border-radius: 6px;
            font-weight: 500;
        }

        .btn-primary {
            background: var(--apple-blue);
            color: var(--apple-white);
        }

        .btn-primary:hover {
            background: #0056cc;
            transform: translateY(-1px);
            box-shadow: 0 4px 12px rgba(0, 122, 255, 0.3);
        }

        .btn-outline-secondary {
            background: var(--apple-white);
            color: var(--apple-gray-secondary);
            border: 1.5px solid var(--apple-gray-quaternary);
        }

        .btn-outline-secondary:hover {
            background: var(--apple-gray-tertiary);
            border-color: var(--apple-gray-secondary);
            color: var(--apple-gray);
        }

        .btn-outline-info {
            background: var(--apple-white);
            color: var(--apple-blue);
            border: 1.5px solid var(--apple-blue);
        }

        .btn-outline-info:hover {
            background: var(--apple-blue);
            color: var(--apple-white);
        }

        .btn-outline-success {
            background: var(--apple-white);
            color: var(--apple-green);
            border: 1.5px solid var(--apple-green);
        }

        .btn-outline-success:hover {
            background: var(--apple-green);
            color: var(--apple-white);
        }

        .btn-outline-warning {
            background: var(--apple-white);
            color: var(--apple-orange);
            border: 1.5px solid var(--apple-orange);
        }

        .btn-outline-warning:hover {
            background: var(--apple-orange);
            color: var(--apple-white);
        }

        .btn-outline-danger {
            background: var(--apple-white);
            color: var(--apple-red);
            border: 1.5px solid var(--apple-red);
        }

        .btn-outline-danger:hover {
            background: var(--apple-red);
            color: var(--apple-white);
        }

        .results-section {
            padding: 0 24px 24px;
            margin-top: 8px;
        }

        .table-container {
            background: var(--apple-white);
            border-radius: 12px;
            border: 1px solid var(--apple-gray-quaternary);
            overflow: hidden;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
        }

        .table {
            margin: 0;
            font-size: 15px;
            font-weight: 400;
        }

        .table thead th {
            background: var(--apple-gray-tertiary);
            color: var(--apple-gray);
            border: none;
            border-bottom: 1px solid var(--apple-gray-quaternary);
            padding: 16px 12px;
            font-weight: 600;
            font-size: 15px;
            letter-spacing: -0.2px;
        }

        .table tbody td {
            padding: 14px 12px;
            border-color: var(--apple-gray-quaternary);
            vertical-align: middle;
            border-bottom: 1px solid #f0f0f0;
        }

        .table tbody tr:hover {
            background: rgba(0, 122, 255, 0.02);
        }

        .table tbody tr:last-child td {
            border-bottom: none;
        }

        /* 苹果风格证书状态徽章 */
        .status-badge {
            padding: 4px 12px;
            border-radius: 20px;
            font-size: 12px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .status-valid { 
            background: rgba(52, 199, 89, 0.1); 
            color: var(--apple-green);
            border: 1px solid rgba(52, 199, 89, 0.2);
        }
        .status-expired { 
            background: rgba(255, 59, 48, 0.1); 
            color: var(--apple-red);
            border: 1px solid rgba(255, 59, 48, 0.2);
        }
        .status-expiring { 
            background: rgba(255, 149, 0, 0.1); 
            color: var(--apple-orange);
            border: 1px solid rgba(255, 149, 0, 0.2);
        }
        .status-unknown { 
            background: rgba(134, 134, 139, 0.1); 
            color: var(--apple-gray-secondary);
            border: 1px solid rgba(134, 134, 139, 0.2);
        }

        /* 苹果风格行背景 */
        .row-expired { 
            background: linear-gradient(90deg, rgba(255, 59, 48, 0.03) 0%, rgba(255, 59, 48, 0.01) 100%);
        }
        .row-expiring { 
            background: linear-gradient(90deg, rgba(255, 149, 0, 0.03) 0%, rgba(255, 149, 0, 0.01) 100%);
        }
        .row-warning { 
            background: linear-gradient(90deg, rgba(0, 122, 255, 0.03) 0%, rgba(0, 122, 255, 0.01) 100%);
        }

        /* 苹果风格分组样式 */
        .site-group {
            background: linear-gradient(90deg, rgba(0, 122, 255, 0.04) 0%, rgba(0, 122, 255, 0.01) 100%);
            border-left: 3px solid var(--apple-blue);
        }

        .site-id {
            font-weight: 700;
            color: var(--apple-blue);
            font-size: 16px;
        }

        /* 操作按钮区域 */
        .action-buttons {
            padding: 16px 24px;
            background: var(--apple-white);
            border-bottom: 1px solid var(--apple-gray-quaternary);
            margin-bottom: 16px;
        }

        .btn-group-compact {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
        }

        .selected-count {
            color: var(--apple-gray-secondary);
            font-size: 16px;
            font-weight: 500;
        }

        /* 苹果风格可排序列样式 */
        .sortable {
            cursor: pointer;
            user-select: none;
            position: relative;
            transition: background-color 0.2s ease;
        }

        .sortable:hover {
            background: rgba(0, 122, 255, 0.05);
        }

        .sortable::after {
            content: '';
            position: absolute;
            right: 8px;
            top: 50%;
            transform: translateY(-50%);
            width: 0;
            height: 0;
            border-left: 4px solid transparent;
            border-right: 4px solid transparent;
            border-bottom: 4px solid var(--apple-gray-secondary);
            opacity: 0.4;
        }

        .sortable.asc::after {
            border-bottom: 4px solid var(--apple-blue);
            border-top: none;
            opacity: 1;
        }

        .sortable.desc::after {
            border-top: 4px solid var(--apple-blue);
            border-bottom: none;
            opacity: 1;
        }

        /* 苹果风格复选框 */
        .form-check-input {
            border-radius: 4px;
            border: 1.5px solid var(--apple-gray-quaternary);
            width: 18px;
            height: 18px;
        }

        .form-check-input:checked {
            background-color: var(--apple-blue);
            border-color: var(--apple-blue);
        }

        /* 站点级复选框样式 */
        .checkbox-cell {
            text-align: center;
            vertical-align: middle !important;
            padding: 12px !important;
        }

        .site-checkbox {
            transform: scale(1.2);
            cursor: pointer;
            border-radius: 4px;
            border: 1.5px solid var(--apple-gray-quaternary);
            width: 18px;
            height: 18px;
        }

        .site-checkbox:checked {
            background-color: var(--apple-blue);
            border-color: var(--apple-blue);
        }

        .site-checkbox:indeterminate {
            background-color: var(--apple-blue);
            border-color: var(--apple-blue);
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
        }

        /* 苹果风格证书申请模态框 - 紧凑版 */
        .certificate-modal {
            background: rgba(0, 0, 0, 0.4);
            backdrop-filter: blur(20px);
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1050;
            overflow: auto;
        }

        .certificate-form-compact {
            background: var(--apple-white);
            border-radius: 18px;
            width: 90%;
            max-width: 700px;
            max-height: 90vh;
            overflow-y: auto;
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .certificate-header-compact {
            padding: 16px 24px;
            border-bottom: 1px solid var(--apple-gray-quaternary);
            color: var(--apple-gray);
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .certificate-header-compact h6 {
            font-size: 16px;
            font-weight: 600;
        }

        .btn-close-compact {
            background: none;
            border: none;
            font-size: 24px;
            color: var(--apple-gray-secondary);
            cursor: pointer;
            padding: 0;
            width: 24px;
            height: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            transition: all 0.2s ease;
        }

        .btn-close-compact:hover {
            background: var(--apple-gray-quaternary);
            color: var(--apple-gray);
        }

        .certificate-content {
            padding: 20px 24px;
        }

        .config-section {
            margin-bottom: 16px;
        }

        .config-label {
            font-weight: 600;
            color: var(--apple-gray);
            margin-bottom: 8px;
            display: block;
            font-size: 14px;
        }

        .option-row {
            display: flex;
            gap: 8px;
        }

        .option-compact {
            flex: 1;
            border: 2px solid var(--apple-gray-quaternary);
            border-radius: 12px;
            padding: 12px;
            cursor: pointer;
            transition: all 0.2s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            background: var(--apple-gray-tertiary);
            font-size: 13px;
            position: relative;
        }

        .option-compact input[type="radio"] {
            display: none;
        }

        .option-compact:hover {
            border-color: var(--apple-blue);
            background: rgba(0, 122, 255, 0.05);
            transform: translateY(-1px);
        }

        .option-compact.selected {
            border-color: var(--apple-blue);
            background: rgba(0, 122, 255, 0.1);
            color: var(--apple-blue);
        }

        .option-icon {
            font-size: 16px;
        }

        .option-text {
            font-weight: 500;
        }

        .domains-section {
            height: 100%;
        }

        .selected-domains-compact {
            border: 2px solid var(--apple-gray-quaternary);
            border-radius: 12px;
            padding: 12px;
            background: var(--apple-gray-tertiary);
            max-height: 200px;
            overflow-y: auto;
            font-size: 13px;
        }

        .empty-state {
            text-align: center;
            padding: 24px 12px;
            color: var(--apple-gray-secondary);
        }

        .empty-state i {
            font-size: 24px;
            margin-bottom: 8px;
            display: block;
        }

        .domain-preview-item {
            background: white;
            border-radius: 8px;
            padding: 8px 12px;
            margin-bottom: 6px;
            border: 1px solid var(--apple-gray-quaternary);
            font-size: 12px;
        }

        .domain-preview-item:last-child {
            margin-bottom: 0;
        }

        .domain-preview-item .domain-name {
            font-weight: 600;
            color: var(--apple-blue);
            margin-bottom: 2px;
        }

        .domain-preview-item .domain-info {
            color: var(--apple-gray-secondary);
            font-size: 11px;
        }

        .certificate-footer {
            padding: 16px 24px;
            border-top: 1px solid var(--apple-gray-quaternary);
            display: flex;
            justify-content: flex-end;
            gap: 12px;
            background: var(--apple-gray-tertiary);
            border-radius: 0 0 18px 18px;
        }

        .certificate-footer .btn {
            padding: 8px 16px;
            font-size: 13px;
        }

        .form-select-sm {
            border-radius: 8px;
            border: 1.5px solid var(--apple-gray-quaternary);
            padding: 8px 12px;
            font-size: 13px;
        }

        .form-select-sm:focus {
            border-color: var(--apple-blue);
            box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.1);
            outline: none;
        }

        /* 通知样式 */
        .notification {
            position: fixed;
            top: 20px;
            right: 20px;
            z-index: 9999;
            min-width: 300px;
            padding: 16px 20px;
            border-radius: 12px;
            color: white;
            font-weight: 500;
            transform: translateX(100%);
            transition: transform 0.3s ease;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        }

        .notification.show {
            transform: translateX(0);
        }

        .notification-info {
            background: linear-gradient(135deg, var(--apple-blue), #0056cc);
        }

        .notification-success {
            background: linear-gradient(135deg, var(--apple-green), #28a745);
        }

        .notification-error {
            background: linear-gradient(135deg, var(--apple-red), #dc3545);
        }

        .notification-warning {
            background: linear-gradient(135deg, var(--apple-orange), #fd7e14);
        }

        .notification-content {
            display: flex;
            align-items: center;
            font-size: 14px;
        }

        /* 响应式设计 */
        @media (max-width: 768px) {
            .main-container {
                margin: 10px;
                border-radius: 12px;
            }
            
            .header, .search-section, .results-section, .action-buttons {
                padding: 16px;
            }
            
            .header h1 {
                font-size: 24px;
            }
            
            .table {
                font-size: 14px;
            }

            .action-buttons .d-flex {
                flex-direction: column;
                gap: 12px;
                align-items: flex-start !important;
            }

            .btn-group-compact {
                gap: 4px;
            }

            .btn-xs {
                font-size: 11px;
                padding: 4px 8px;
            }

            .certificate-form-compact {
                width: 95%;
                max-height: 90vh;
            }

            .certificate-content {
                padding: 16px;
            }

            .certificate-content .row {
                flex-direction: column;
            }

            .certificate-content .col-7,
            .certificate-content .col-5 {
                width: 100%;
            }

            .option-row {
                gap: 6px;
            }

            .option-compact {
                padding: 10px;
                font-size: 12px;
            }

            .option-icon {
                font-size: 14px;
            }

            .selected-domains-compact {
                max-height: 150px;
            }

            .notification {
                top: 10px;
                right: 10px;
                left: 10px;
                min-width: auto;
                transform: translateY(-100%);
            }

            .notification.show {
                transform: translateY(0);
            }
        }

        /* 苹果风格滚动条 */
        ::-webkit-scrollbar {
            width: 8px;
            height: 8px;
        }

        ::-webkit-scrollbar-track {
            background: var(--apple-gray-tertiary);
            border-radius: 4px;
        }

        ::-webkit-scrollbar-thumb {
            background: var(--apple-gray-quaternary);
            border-radius: 4px;
        }

        ::-webkit-scrollbar-thumb:hover {
            background: var(--apple-gray-secondary);
        }

        /* 苹果风格文字样式 */
        small {
            color: var(--apple-gray-secondary);
        }

        .text-muted {
            color: var(--apple-gray-secondary) !important;
        }

        .text-primary {
            color: var(--apple-blue) !important;
        }

        .fw-bold {
            font-weight: 700 !important;
        }
    </style>
</head>

<body>
    <div class="main-container">
        <!-- 头部 -->
        <div class="header">
            <h1><i class="fas fa-shield-alt me-2"></i>域名证书管理</h1>
            <div id="userInfoContainer">
                <div class="user-info" id="userInfo">
                    <div class="row text-center">
                        <div class="col-6 col-md-3">
                            <div><strong>用户</strong></div>
                            <div id="username">加载中...</div>
                        </div>
                        <div class="col-6 col-md-3">
                            <div><strong>邮箱</strong></div>
                            <div id="email">加载中...</div>
                        </div>
                        <div class="col-6 col-md-3">
                            <div><strong>IP</strong></div>
                            <div id="lastLoginIp">加载中...</div>
                        </div>
                        <div class="col-6 col-md-3">
                            <div><strong>登录时间</strong></div>
                            <div id="last_login_time">加载中...</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 搜索区域 -->
        <div class="search-section">
            <div class="search-card">
                <form id="domainForm">
                    <div class="row align-items-end">
                        <div class="col-md-8">
                            <label class="form-label">域名查询</label>
                            <textarea class="form-control" id="domains" rows="3" 
                                placeholder="输入域名，每行一个&#10;example.com&#10;test.com"></textarea>
                        </div>
                        <div class="col-md-4 mt-3 mt-md-0">
                            <button type="submit" class="btn btn-primary w-100">
                                <i class="fas fa-search me-2"></i>开始查询
                            </button>
                            <button type="button" class="btn btn-outline-secondary w-100 mt-2" onclick="clearResults()">
                                <i class="fas fa-trash me-2"></i>清空结果
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>

        <!-- 操作按钮区域 -->
        <div class="action-buttons">
            <div class="d-flex justify-content-between align-items-center">
                <div class="selected-count">
                    已选择 <span id="selectedCount" class="fw-bold text-primary">0</span> 个域名
                </div>
                <div class="btn-group-compact">
                    <button class="btn btn-outline-info btn-xs" onclick="showSelectedInfo()">
                        <i class="fas fa-info-circle me-1"></i>查看详情
                    </button>
                    <button class="btn btn-primary btn-xs" onclick="showCertificateModal()">
                        <i class="fas fa-certificate me-1"></i>申请证书
                    </button>
                    <button class="btn btn-outline-success btn-xs" onclick="batchOpenDomains()">
                        <i class="fas fa-external-link-alt me-1"></i>批量打开
                    </button>
                    <button class="btn btn-outline-warning btn-xs" onclick="exportSelectedDomains()">
                        <i class="fas fa-download me-1"></i>导出CSV
                    </button>
                    <button class="btn btn-outline-danger btn-xs" onclick="clearSelection()">
                        <i class="fas fa-times me-1"></i>清空选择
                    </button>
                </div>
            </div>
        </div>

        <!-- 查询结果 -->
        <div class="results-section">
            <div class="table-container">
                <div class="table-responsive">
                    <table class="table">
                        <thead>
                            <tr>
                                <th style="width: 50px;">
                                    <input type="checkbox" class="form-check-input" id="selectAll" onchange="toggleSelectAll()">
                                </th>
                                <th>站点ID</th>
                                <th>域名ID</th>
                                <th>域名</th>
                                <th>证书状态</th>
                                <th>到期时间</th>
                                <th class="sortable" onclick="sortByExpirationDays()">剩余天数</th>
                                <th>类型</th>
                                <th>续期</th>
                                <th>线路</th>
                                <th>用户</th>
                            </tr>
                        </thead>
                        <tbody id="resultsBody">
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <!-- 证书申请模态框 -->
    <div class="certificate-modal" id="certificateModal" style="display: none;" onclick="closeCertificateModalOnOverlay(event)">
        <div class="certificate-form-compact" onclick="event.stopPropagation()">
            <div class="certificate-header-compact">
                <h6 class="mb-0"><i class="fas fa-certificate me-2"></i>证书申请</h6>
                <button class="btn-close-compact" onclick="closeCertificateModal()">×</button>
            </div>
            <div class="certificate-content">
                <div class="row g-3">
                    <!-- 左侧配置区域 -->
                    <div class="col-7">
                        <!-- ACME类型 -->
                        <div class="config-section">
                            <label class="config-label">证书提供商</label>
                            <div class="option-row">
                                <div class="option-compact selected" onclick="selectAcmeType('letsencrypt')">
                                    <input type="radio" name="acmeType" value="letsencrypt" id="acmeLetsencrypt" checked>
                                    <span class="option-icon">🔒</span>
                                    <span class="option-text">Let's Encrypt</span>
                                </div>
                                <div class="option-compact" onclick="selectAcmeType('zerossl')">
                                    <input type="radio" name="acmeType" value="zerossl" id="acmeZerossl">
                                    <span class="option-icon">🛡️</span>
                                    <span class="option-text">ZeroSSL</span>
                                </div>
                            </div>
                        </div>

                        <!-- 验证方式 -->
                        <div class="config-section">
                            <label class="config-label">验证方式</label>
                            <div class="option-row">
                                <div class="option-compact selected" onclick="selectVerification('http')">
                                    <input type="radio" name="verification" value="http" id="verificationHttp" checked>
                                    <span class="option-icon">🌐</span>
                                    <span class="option-text">HTTP验证</span>
                                </div>
                                <div class="option-compact" onclick="selectVerification('dns')">
                                    <input type="radio" name="verification" value="dns" id="verificationDns">
                                    <span class="option-icon">📡</span>
                                    <span class="option-text">DNS验证</span>
                                </div>
                            </div>
                        </div>

                        <!-- DNS账号选择 -->
                        <div class="config-section" id="dnsAccountGroup" style="display: none;">
                            <label class="config-label">DNS账号</label>
                            <select class="form-select form-select-sm" id="dnsAccountSelect">
                                <option value="">加载中...</option>
                            </select>
                        </div>

                        <!-- 申请选项 -->
                        <div class="config-section">
                            <div class="form-check form-switch">
                                <input class="form-check-input" type="checkbox" id="independentApplication">
                                <label class="form-check-label small" for="independentApplication">
                                    独立申请证书
                                </label>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 右侧域名预览区域 -->
                    <div class="col-5">
                        <div class="domains-section">
                            <label class="config-label">
                                选中域名 <span id="selectedCountModal" class="badge bg-primary ms-1">0</span>
                            </label>
                            <div class="selected-domains-compact" id="selectedDomainsPreview">
                                <div class="empty-state">
                                    <i class="fas fa-info-circle text-muted"></i>
                                    <div class="small text-muted">请在主页面选择域名</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!-- 底部按钮 -->
                <div class="certificate-footer">
                    <button class="btn btn-outline-secondary btn-sm" onclick="closeCertificateModal()">取消</button>
                    <button class="btn btn-primary btn-sm" id="submitButton" onclick="submitCertificateApplication()">
                        <i class="fas fa-paper-plane me-1"></i>提交申请
                    </button>
                </div>
            </div>
        </div>
    </div>

    <script>
        let tableData = [];
        let isLoggedIn = false;
        let dnsAccounts = [];
        let sortOrder = 'none'; // 'none', 'asc', 'desc'

        document.addEventListener('DOMContentLoaded', function() {
            checkLoginStatus();
            updateSelectedDisplay();
            
            // 添加ESC键关闭模态框
            document.addEventListener('keydown', function(event) {
                if (event.key === 'Escape') {
                    closeCertificateModal();
                }
            });
        });

        async function checkLoginStatus() {
            try {
                const response = await axios.get('token.php');
                if (response.data.code === 200) {
                    isLoggedIn = true;
                    displayUserInfo(response.data.data);
                } else {
                    showLoginPrompt();
                }
            } catch (error) {
                console.error('检查登录状态失败:', error);
                showLoginPrompt();
            }
        }

        function displayUserInfo(userData) {
            document.getElementById('username').textContent = userData.username || '未知';
            document.getElementById('email').textContent = userData.email || '未知';
            document.getElementById('lastLoginIp').textContent = userData.last_login_ip || '未知';
            document.getElementById('last_login_time').textContent = userData.last_login_time || '未知';
        }

        function showLoginPrompt() {
            const userInfoContainer = document.getElementById('userInfoContainer');
            userInfoContainer.innerHTML = `
                <div class="user-info text-center">
                    <div class="text-warning mb-2">
                        <i class="fas fa-exclamation-triangle fs-4"></i>
                    </div>
                    <div>登录已过期，系统正在自动登录...</div>
                    <button class="btn btn-light btn-sm mt-2" onclick="checkLoginStatus()">重新检查</button>
                </div>
            `;
        }

        function cleanAndValidateDomain(domain) {
            if (!domain) return null;
            domain = domain.trim().replace(/\s+/g, '').replace(/^(https?:\/\/)/, '').replace(/\/.*$/, '').toLowerCase();
            if (!/^[a-z0-9.-]+$/.test(domain) || domain.startsWith('.') || domain.endsWith('.') || domain.includes('..')) {
                return null;
            }
            return domain;
        }

        document.getElementById('domainForm').addEventListener('submit', function(event) {
            event.preventDefault();
            
            if (!isLoggedIn) {
                alert('请等待登录完成');
                checkLoginStatus();
                return;
            }
            
            let domains = document.getElementById('domains').value.trim().split('\n')
                .map(domain => cleanAndValidateDomain(domain))
                .filter(domain => domain !== null);
            
            if (domains.length === 0) {
                alert('请输入有效的域名！');
                return;
            }
            
            clearResults();
            domains.forEach(domain => {
                insertPendingResult(domain);
                queryDomain(domain);
            });
        });

        function insertPendingResult(domain) {
            const row = {
                selected: false, siteId: '查询中...', domainId: '查询中...', domainName: domain,
                certificateStatus: '查询中...', certificateExpiration: '查询中...', expirationDays: '查询中...',
                certificateType: '查询中...', autoRenewal: false, line: '查询中...', cname: '查询中...',
                user: '查询中...', sources: '查询中...', expirationStatus: '', searchDomain: domain, certificateId: '查询中...'
            };
            tableData.push(row);
            renderTable();
        }

        function queryDomain(domainName) {
            axios.get('api.php', { params: { domain_name: domainName } })
                .then(response => {
                    const data = response.data;
                    if (data.code === 200 && data.data && data.data.items && data.data.items.length > 0) {
                        updateResult(domainName, data.data.items[0]);
                    } else if (data.code === 406) {
                        showNoResult(domainName, '登录过期');
                        checkLoginStatus();
                    } else {
                        showNoResult(domainName, '未找到');
                    }
                })
                .catch(error => {
                    console.error('查询错误:', error);
                    showNoResult(domainName, '查询失败');
                });
        }

        function updateResult(domain, data) {
            tableData = tableData.filter(row => row.searchDomain !== domain);
            
            const sources = data.sources || [];
            const lineInfo = data.line_group_info?.name || data.order_info?.line_group_name || data.product_info?.name || '-';
            const userInfo = data.client_info?.username || data.client_info?.email || '-';
            const cnameInfo = data.dcname || data.cname || (data.line_group_info?.cname ? `${data.line_group_info.cname}.ttggui.com` : '-');
            const sourceInfo = sources.map(s => s.content).join(', ') || '-';

            if (data.domain_bindings && Array.isArray(data.domain_bindings)) {
                data.domain_bindings.forEach(binding => {
                    const certificateExpiration = binding.certificate_info?.not_after || '-';
                    const expirationDays = calculateExpirationDays(certificateExpiration);
                    const certificateStatus = binding.certificate_info?.status || 'unknown';
                    const certificateType = binding.certificate_info?.type || '-';
                    const autoRenewal = binding.certificate_info?.auto_renewal || false;

                    const row = {
                        selected: false, siteId: data.id, domainId: binding.id, domainName: binding.domain_name,
                        certificateStatus: certificateStatus, certificateExpiration: certificateExpiration, expirationDays: expirationDays,
                        certificateType: certificateType, autoRenewal: autoRenewal, line: lineInfo, cname: cnameInfo,
                        user: userInfo, sources: sourceInfo, expirationStatus: getRowClass(expirationDays),
                        searchDomain: domain, certificateId: binding.certificate_id || '-'
                    };
                    tableData.push(row);
                });
            } else {
                const row = {
                    selected: false, siteId: data.id, domainId: '-', 
                    domainName: Array.isArray(data.domain_name) ? data.domain_name.join(', ') : data.domain_name || domain,
                    certificateStatus: '无证书', certificateExpiration: '-', expirationDays: '-',
                    certificateType: '-', autoRenewal: false, line: lineInfo, cname: cnameInfo,
                    user: userInfo, sources: sourceInfo, expirationStatus: '', searchDomain: domain, certificateId: '-'
                };
                tableData.push(row);
            }
            renderTable();
        }

        function showNoResult(domain, errorMsg = '不存在') {
            tableData = tableData.filter(row => row.searchDomain !== domain);
            const row = {
                selected: false, siteId: '-', domainId: '-', domainName: domain, certificateStatus: errorMsg,
                certificateExpiration: '-', expirationDays: '-', certificateType: '-', autoRenewal: false,
                line: '-', cname: '-', user: '-', sources: '-', expirationStatus: '', searchDomain: domain, certificateId: '-'
            };
            tableData.push(row);
            renderTable();
        }

        function sortByExpirationDays() {
            // 切换排序状态
            if (sortOrder === 'none' || sortOrder === 'desc') {
                sortOrder = 'asc';
            } else {
                sortOrder = 'desc';
            }
            
            // 更新表头样式
            const sortableHeader = document.querySelector('.sortable');
            sortableHeader.className = 'sortable ' + sortOrder;
            
            // 重新渲染表格
            renderTable();
        }

        function renderTable() {
            const tbody = document.getElementById('resultsBody');
            tbody.innerHTML = '';
            
            let groupedData = groupBySiteId(tableData);
            
            // 如果需要排序，对分组数据进行排序
            if (sortOrder !== 'none') {
                groupedData.forEach(group => {
                    group.domains.sort((a, b) => {
                        const aValue = getNumericExpirationDays(a.expirationDays);
                        const bValue = getNumericExpirationDays(b.expirationDays);
                        
                        if (sortOrder === 'asc') {
                            return aValue - bValue;
                        } else {
                            return bValue - aValue;
                        }
                    });
                });
            }
            
            groupedData.forEach((group) => {
                group.domains.forEach((row, domainIndex) => {
                    const tr = document.createElement('tr');
                    tr.className = row.expirationStatus;
                    
                    const isFirstRowInGroup = domainIndex === 0;
                    const rowSpan = group.domains.length;
                    
                    // 检查整个组是否有效（有真实域名ID）
                    const validDomainsInGroup = group.domains.filter(d => d.domainId !== '-' && d.domainId !== '查询中...');
                    const hasValidDomains = validDomainsInGroup.length > 0;
                    
                    // 检查整个组是否全部选中
                    const allGroupSelected = hasValidDomains && validDomainsInGroup.every(d => d.selected);
                    const someGroupSelected = hasValidDomains && validDomainsInGroup.some(d => d.selected);
                    
                    let html = '';
                    
                    // 只在第一行显示合并的复选框
                    if (isFirstRowInGroup) {
                        if (hasValidDomains) {
                            const checkboxState = allGroupSelected ? 'checked' : '';
                            const indeterminate = someGroupSelected && !allGroupSelected ? 'data-indeterminate="true"' : '';
                            html += `<td rowspan="${rowSpan}" class="site-group checkbox-cell">
                                <input type="checkbox" class="form-check-input site-checkbox" 
                                       ${checkboxState} ${indeterminate}
                                       onchange="toggleSiteSelection('${row.siteId}')">
                            </td>`;
                        } else {
                            html += `<td rowspan="${rowSpan}" class="site-group checkbox-cell">
                                <span class="text-muted">-</span>
                            </td>`;
                        }
                        html += `<td rowspan="${rowSpan}" class="site-group"><div class="site-id">${escapeHTML(row.siteId)}</div></td>`;
                    }
                    
                    const statusBadge = getStatusBadge(row.certificateStatus);
                    const autoRenewalDisplay = row.autoRenewal ? '✅' : '❌';
                    const expirationDisplay = row.expirationDays !== '-' && row.expirationDays !== '查询中...' ? 
                        `${row.expirationDays}天` : row.expirationDays;
                    
                    html += `
                        <td><strong>${escapeHTML(row.domainId)}</strong></td>
                        <td>${escapeHTML(row.domainName)}</td>
                        <td>${statusBadge}</td>
                        <td><small>${escapeHTML(row.certificateExpiration)}</small></td>
                        <td><strong>${escapeHTML(expirationDisplay)}</strong></td>
                        <td><small>${escapeHTML(row.certificateType)}</small></td>
                        <td>${autoRenewalDisplay}</td>
                    `;
                    
                    if (isFirstRowInGroup) {
                        html += `
                            <td rowspan="${rowSpan}" class="site-group"><small>${escapeHTML(row.line)}</small></td>
                            <td rowspan="${rowSpan}" class="site-group"><small>${escapeHTML(row.user)}</small></td>
                        `;
                    }
                    
                    tr.innerHTML = html;
                    tbody.appendChild(tr);
                });
            });
            
            updateSelectAllCheckbox();
            updateIndeterminateCheckboxes();
        }

        function groupBySiteId(data) {
            const groups = {};
            
            data.forEach((row, index) => {
                row.originalIndex = index;
                const siteId = row.siteId;
                if (!groups[siteId]) {
                    groups[siteId] = { siteId: siteId, domains: [] };
                }
                groups[siteId].domains.push(row);
            });
            
            return Object.values(groups).sort((a, b) => {
                if (a.siteId === '查询中...' || a.siteId === '-') return 1;
                if (b.siteId === '查询中...' || b.siteId === '-') return -1;
                const aNum = parseInt(a.siteId) || 0;
                const bNum = parseInt(b.siteId) || 0;
                return aNum - bNum;
            });
        }

        function calculateExpirationDays(expirationDate) {
            if (!expirationDate || expirationDate === '-' || expirationDate === '无证书信息' || expirationDate === '未启用HTTPS') return '-';
            const expDate = new Date(expirationDate);
            if (isNaN(expDate.getTime())) return '-';
            const currentDate = new Date();
            const timeDiff = expDate.getTime() - currentDate.getTime();
            return Math.ceil(timeDiff / (1000 * 3600 * 24));
        }

        function getRowClass(days) {
            if (days === '-') return '';
            if (days < 0) return 'row-expired';
            if (days <= 7) return 'row-expiring';
            if (days <= 30) return 'row-warning';
            return '';
        }

        function getNumericExpirationDays(days) {
            // 将特殊值转换为数字用于排序
            if (days === '-' || days === '查询中...') {
                return 999999; // 特殊值排在最后
            }
            const numDays = parseInt(days);
            return isNaN(numDays) ? 999999 : numDays;
        }

        function getStatusBadge(status) {
            let className = 'status-badge ';
            switch (status) {
                case 'valid': className += 'status-valid'; break;
                case 'expired': className += 'status-expired'; break;
                case 'expiring': className += 'status-expiring'; break;
                default: className += 'status-unknown';
            }
            return `<span class="${className}">${escapeHTML(status)}</span>`;
        }

        function toggleRowSelection(index) {
            if (tableData[index]) {
                tableData[index].selected = !tableData[index].selected;
                updateSelectAllCheckbox();
                updateSelectedDisplay();
            }
        }

        function toggleSiteSelection(siteId) {
            // 获取该站点下的所有有效域名
            const siteRows = tableData.filter(row => 
                row.siteId === siteId && 
                row.domainId !== '-' && 
                row.domainId !== '查询中...'
            );
            
            if (siteRows.length === 0) return;
            
            // 检查当前是否全部选中
            const allSelected = siteRows.every(row => row.selected);
            
            // 切换选择状态：如果全部选中则取消全部，否则选中全部
            const newState = !allSelected;
            siteRows.forEach(row => {
                row.selected = newState;
            });
            
            renderTable();
            updateSelectedDisplay();
        }

        function updateIndeterminateCheckboxes() {
            // 更新站点级复选框的 indeterminate 状态
            document.querySelectorAll('.site-checkbox').forEach(checkbox => {
                const isIndeterminate = checkbox.getAttribute('data-indeterminate') === 'true';
                checkbox.indeterminate = isIndeterminate;
            });
        }

        function toggleSelectAll() {
            const selectAll = document.getElementById('selectAll');
            const isChecked = selectAll.checked;
            tableData.forEach(row => {
                if (row.domainId !== '-' && row.domainId !== '查询中...') {
                    row.selected = isChecked;
                }
            });
            renderTable();
            updateSelectedDisplay();
        }

        function updateSelectAllCheckbox() {
            const selectAll = document.getElementById('selectAll');
            const validRows = tableData.filter(row => row.domainId !== '-' && row.domainId !== '查询中...');
            const selectedRows = validRows.filter(row => row.selected);
            
            if (validRows.length === 0) {
                selectAll.checked = false;
                selectAll.indeterminate = false;
            } else if (selectedRows.length === validRows.length) {
                selectAll.checked = true;
                selectAll.indeterminate = false;
            } else if (selectedRows.length > 0) {
                selectAll.checked = false;
                selectAll.indeterminate = true;
            } else {
                selectAll.checked = false;
                selectAll.indeterminate = false;
            }
        }

        function getSelectedDomains() {
            return tableData.filter(row => row.selected).map(row => ({
                siteId: row.siteId, domainId: row.domainId, domainName: row.domainName,
                certificateId: row.certificateId, certificateExpiration: row.certificateExpiration, expirationDays: row.expirationDays
            }));
        }

        function updateSelectedDisplay() {
            const selectedDomains = getSelectedDomains();
            const selectedCount = document.getElementById('selectedCount');
            const selectedCountModal = document.getElementById('selectedCountModal');
            
            if (selectedCount) {
                selectedCount.textContent = selectedDomains.length;
            }
            if (selectedCountModal) {
                selectedCountModal.textContent = selectedDomains.length;
            }
        }

        function showSelectedInfo() {
            const selectedDomains = getSelectedDomains();
            if (selectedDomains.length === 0) {
                alert('请先选择域名');
                return;
            }
            let info = `已选择 ${selectedDomains.length} 个域名:\n\n`;
            selectedDomains.forEach((domain, index) => {
                info += `${index + 1}. ${domain.domainName}\n   站点ID: ${domain.siteId}\n   域名ID: ${domain.domainId}\n   证书到期: ${domain.certificateExpiration}\n\n`;
            });
            alert(info);
        }

        function exportSelectedDomains() {
            const selectedDomains = getSelectedDomains();
            if (selectedDomains.length === 0) {
                alert('请先选择域名');
                return;
            }
            let csvContent = "域名,站点ID,域名ID,证书ID,证书到期时间,剩余天数\n";
            selectedDomains.forEach(domain => {
                csvContent += `"${domain.domainName}","${domain.siteId}","${domain.domainId}","${domain.certificateId}","${domain.certificateExpiration}","${domain.expirationDays}"\n`;
            });
            const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });
            const link = document.createElement('a');
            link.href = URL.createObjectURL(blob);
            link.download = `domains_${new Date().getTime()}.csv`;
            link.click();
        }

        function clearSelection() {
            tableData.forEach(row => { row.selected = false; });
            renderTable();
            updateSelectedDisplay();
        }

        function batchOpenDomains() {
            const selectedDomains = getSelectedDomains();
            if (selectedDomains.length === 0) {
                alert('请先选择要打开的域名');
                return;
            }

            // 按站点分组，确保每个站点的@域名和*泛解析域名都被处理
            const siteGroups = {};
            selectedDomains.forEach(domain => {
                if (!siteGroups[domain.siteId]) {
                    siteGroups[domain.siteId] = [];
                }
                siteGroups[domain.siteId].push(domain);
            });

            // 生成要打开的URL列表，去重处理
            const urlsToOpen = new Set();
            
            Object.values(siteGroups).forEach(siteGroup => {
                siteGroup.forEach(domain => {
                    const urls = generateDomainUrls(domain.domainName);
                    urls.forEach(url => urlsToOpen.add(url));
                });
            });

            const totalUrls = urlsToOpen.size;
            if (totalUrls > 10) {
                if (!confirm(`将要打开 ${totalUrls} 个标签页（包含@域名和泛解析域名）。确定要继续吗？`)) {
                    return;
                }
            }

            let openedCount = 0;
            const delay = 500; // 每个URL打开间隔500ms，避免浏览器阻止
            const urlArray = Array.from(urlsToOpen);

            urlArray.forEach((url, index) => {
                setTimeout(() => {
                    try {
                        window.open(url, '_blank');
                        openedCount++;
                        
                        // 最后一个URL打开后显示提示
                        if (openedCount === totalUrls) {
                            showNotification(`已打开 ${openedCount} 个域名`, 'success');
                        }
                    } catch (error) {
                        console.error('打开URL失败:', url, error);
                    }
                }, index * delay);
            });

            showNotification(`正在批量打开 ${totalUrls} 个域名...`, 'info');
        }

        function generateDomainUrls(domainName) {
            const urls = [];
            
            // 处理泛解析域名 *.example.com
            if (domainName.startsWith('*.')) {
                const baseDomain = domainName.substring(2); // 移除 *.
                // 为泛解析域名生成几个常用的子域名URL
                const subdomains = ['www', 'app', 'api', 'admin'];
                subdomains.forEach(subdomain => {
                    urls.push(`https://${subdomain}.${baseDomain}`);
                });
                // 同时也添加基础域名（@记录）
                urls.push(`https://${baseDomain}`);
            } else {
                // 普通域名，只打开一个URL
                urls.push(`https://${domainName}`);
            }
            
            return urls;
        }
        
        function generateDomainUrl(domainName) {
            // 保留原函数用于其他地方的兼容性
            const urls = generateDomainUrls(domainName);
            return urls[0]; // 返回第一个URL
        }


        function showNotification(message, type = 'info') {
            // 创建通知元素
            const notification = document.createElement('div');
            notification.className = `notification notification-${type}`;
            notification.innerHTML = `
                <div class="notification-content">
                    <i class="fas fa-${getNotificationIcon(type)} me-2"></i>
                    ${message}
                </div>
            `;

            // 添加到页面
            document.body.appendChild(notification);

            // 显示动画
            setTimeout(() => {
                notification.classList.add('show');
            }, 100);

            // 自动隐藏
            setTimeout(() => {
                notification.classList.remove('show');
                setTimeout(() => {
                    if (notification.parentNode) {
                        notification.parentNode.removeChild(notification);
                    }
                }, 300);
            }, 3000);
        }

        function getNotificationIcon(type) {
            switch (type) {
                case 'success': return 'check-circle';
                case 'error': return 'exclamation-circle';
                case 'warning': return 'exclamation-triangle';
                default: return 'info-circle';
            }
        }

        function clearResults() {
            tableData = [];
            sortOrder = 'none';
            // 重置表头样式
            const sortableHeader = document.querySelector('.sortable');
            if (sortableHeader) {
                sortableHeader.className = 'sortable';
            }
            document.getElementById('resultsBody').innerHTML = '';
            updateSelectedDisplay();
        }

        function escapeHTML(str) {
            if (str === null || str === undefined) return '';
            return String(str).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#x27;');
        }

        function showCertificateModal() {
            const selectedDomains = getSelectedDomains();
            if (selectedDomains.length === 0) {
                alert('请先选择需要申请证书的域名');
                return;
            }

            // 显示选中的域名
            displaySelectedDomainsPreview(selectedDomains);
            
            // 加载DNS账号列表
            loadDnsAccounts();
            
            // 重置表单状态
            resetModalForm();
            
            // 显示模态框
            document.getElementById('certificateModal').style.display = 'block';
        }

        function resetModalForm() {
            // 重置ACME类型选择
            document.querySelectorAll('.option-compact').forEach(option => {
                if (option.querySelector('input[name="acmeType"]')) {
                    option.classList.remove('selected');
                }
            });
            document.querySelector('.option-compact').classList.add('selected');
            document.getElementById('acmeLetsencrypt').checked = true;

            // 重置验证方式选择
            document.querySelectorAll('.option-compact').forEach(option => {
                if (option.querySelector('input[name="verification"]')) {
                    option.classList.remove('selected');
                }
            });
            document.querySelector('.option-compact:has(input[name="verification"])').classList.add('selected');
            document.getElementById('verificationHttp').checked = true;

            // 隐藏DNS账号选择
            document.getElementById('dnsAccountGroup').style.display = 'none';

            // 重置独立申请选项
            document.getElementById('independentApplication').checked = false;
        }

        function closeCertificateModal() {
            document.getElementById('certificateModal').style.display = 'none';
        }

        function closeCertificateModalOnOverlay(event) {
            if (event.target === event.currentTarget) {
                closeCertificateModal();
            }
        }

        function displaySelectedDomainsPreview(domains) {
            const preview = document.getElementById('selectedDomainsPreview');
            const selectedCountModal = document.getElementById('selectedCountModal');
            
            // 更新数量显示
            if (selectedCountModal) {
                selectedCountModal.textContent = domains.length;
            }
            
            let html = '';
            domains.forEach(domain => {
                html += `
                    <div class="domain-preview-item">
                        <div class="domain-name">${domain.domainName}</div>
                        <div class="domain-info">站点: ${domain.siteId} | ID: ${domain.domainId}</div>
                    </div>
                `;
            });
            
            preview.innerHTML = html;
        }

        async function loadDnsAccounts() {
            try {
                const response = await axios.get('dns_accounts.php');

                if (response.data.code === 200) {
                    dnsAccounts = response.data.data.items;
                    populateDnsAccountSelect();
                } else {
                    console.error('加载DNS账号失败:', response.data.message);
                    const select = document.getElementById('dnsAccountSelect');
                    select.innerHTML = '<option value="">加载失败</option>';
                }
            } catch (error) {
                console.error('加载DNS账号失败:', error);
                const select = document.getElementById('dnsAccountSelect');
                select.innerHTML = '<option value="">加载失败</option>';
            }
        }

        function populateDnsAccountSelect() {
            const select = document.getElementById('dnsAccountSelect');
            let html = '<option value="">请选择DNS账号</option>';
            
            dnsAccounts.forEach(account => {
                html += `<option value="${account.id}">${account.name} (${account.type})</option>`;
            });
            
            select.innerHTML = html;
        }

        function selectAcmeType(type) {
            document.querySelectorAll('.option-compact').forEach(option => {
                if (option.querySelector('input[name="acmeType"]')) {
                    option.classList.remove('selected');
                }
            });
            
            event.currentTarget.classList.add('selected');
            document.getElementById(`acme${type.charAt(0).toUpperCase() + type.slice(1)}`).checked = true;
        }

        function selectVerification(type) {
            document.querySelectorAll('.option-compact').forEach(option => {
                if (option.querySelector('input[name="verification"]')) {
                    option.classList.remove('selected');
                }
            });
            
            event.currentTarget.classList.add('selected');
            document.getElementById(`verification${type.charAt(0).toUpperCase() + type.slice(1)}`).checked = true;
            
            // 显示/隐藏DNS账号选择
            const dnsGroup = document.getElementById('dnsAccountGroup');
            if (type === 'dns') {
                dnsGroup.style.display = 'block';
            } else {
                dnsGroup.style.display = 'none';
            }
        }

        async function submitCertificateApplication() {
            const selectedDomains = getSelectedDomains();
            if (selectedDomains.length === 0) {
                alert('请先选择域名');
                return;
            }

            // 显示加载状态
            const submitButton = document.getElementById('submitButton');
            const originalText = submitButton.innerHTML;
            submitButton.disabled = true;
            submitButton.innerHTML = '<i class="fas fa-spinner fa-spin me-1"></i>申请中...';

            try {
                // 获取表单数据
                const acmeType = document.querySelector('input[name="acmeType"]:checked').value;
                const verificationType = document.querySelector('input[name="verification"]:checked').value;
                const independentApplication = document.getElementById('independentApplication').checked;
                
                let dnsAccountId = null;
                if (verificationType === 'dns') {
                    dnsAccountId = document.getElementById('dnsAccountSelect').value;
                    if (!dnsAccountId) {
                        alert('请选择DNS账号');
                        return;
                    }
                }

                // 按站点ID分组处理
                const groupedBySite = {};
                selectedDomains.forEach(domain => {
                    if (!groupedBySite[domain.siteId]) {
                        groupedBySite[domain.siteId] = [];
                    }
                    groupedBySite[domain.siteId].push(domain.domainId);
                });

                // 提交申请
                const results = [];
                
                for (const [siteId, domainIds] of Object.entries(groupedBySite)) {
                    try {
                        const requestData = {
                            siteId: siteId,
                            acme_type: acmeType,
                            not_certificate: false,
                            independent_application: independentApplication,
                            enable_dns: verificationType === 'dns',
                            domain_name_ids: domainIds.map(id => parseInt(id))
                        };

                        if (verificationType === 'dns') {
                            requestData.dns_account_id = parseInt(dnsAccountId);
                        }

                        const response = await axios.post('certificate_apply.php', requestData, {
                            headers: {
                                'Content-Type': 'application/json'
                            }
                        });

                        results.push({
                            siteId: siteId,
                            success: response.data.code === 200,
                            message: response.data.message || '申请成功'
                        });

                    } catch (error) {
                        console.error(`站点 ${siteId} 申请失败:`, error);
                        results.push({
                            siteId: siteId,
                            success: false,
                            message: error.response?.data?.message || '申请失败'
                        });
                    }
                }

                // 显示结果
                showApplicationResults(results);
                closeCertificateModal();
            } catch (error) {
                console.error('提交申请失败:', error);
                alert('提交申请失败，请稍后重试');
            } finally {
                // 恢复按钮状态
                submitButton.disabled = false;
                submitButton.innerHTML = originalText;
            }
        }

        function showApplicationResults(results) {
            let message = '证书申请结果:\n\n';
            let successCount = 0;
            let failCount = 0;

            results.forEach(result => {
                if (result.success) {
                    message += `✅ 站点 ${result.siteId}: ${result.message}\n`;
                    successCount++;
                } else {
                    message += `❌ 站点 ${result.siteId}: ${result.message}\n`;
                    failCount++;
                }
            });

            message += `\n成功: ${successCount} 个站点, 失败: ${failCount} 个站点`;
            alert(message);

            // 如果有成功的申请，可以刷新数据
            if (successCount > 0) {
                setTimeout(() => {
                    // 重新查询已选中的域名
                    const selectedDomains = getSelectedDomains();
                    selectedDomains.forEach(domain => {
                        queryDomain(domain.domainName);
                    });
                }, 2000);
            }
        }

        // getAuthToken函数已移除，现在由PHP后端统一处理token
    </script>
</body>
</html>