<div class="wrap foxblock-wrap">
    <div class="foxblock-header">
        <div class="foxblock-header-brand">
            <div class="foxblock-header-icon">
                <span class="dashicons dashicons-shield"></span>
            </div>
            <div>
                <h1>Foxblock <span class="foxblock-header-badge">Security</span></h1>
                <p>Giám sát lưu lượng truy cập theo thời gian thực & bảo vệ bot nâng cao.</p>
            </div>
        </div>
        <div class="foxblock-header-meta">
            <span class="foxblock-header-version">v<?php echo esc_html(FOXBLOCK_VERSION); ?></span>
        </div>
    </div>

    <div class="foxblock-nav">
        <a href="#logs" class="foxblock-tab-link active" data-tab="logs">
            <svg viewBox="0 0 24 24" aria-hidden="true" style="width:18px;height:18px;flex-shrink:0;margin-right:8px;"
                fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round">
                <path d="M8 6h11"></path>
                <path d="M8 12h11"></path>
                <path d="M8 18h11"></path>
                <path d="M3.5 6h.01"></path>
                <path d="M3.5 12h.01"></path>
                <path d="M3.5 18h.01"></path>
            </svg>
            Nhật ký truy cập
        </a>
        <a href="#settings" class="foxblock-tab-link" data-tab="settings">
            <svg viewBox="0 0 24 24" aria-hidden="true" style="width:18px;height:18px;flex-shrink:0;margin-right:8px;"
                fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round">
                <path d="M12 3l7 3v5c0 5-3.4 8.7-7 10-3.6-1.3-7-5-7-10V6l7-3z"></path>
                <path d="M9.5 12l1.7 1.7 3.3-3.7"></path>
            </svg>
            Cài đặt Bot
        </a>
        <a href="#ipblock" class="foxblock-tab-link" data-tab="ipblock">
            <svg viewBox="0 0 24 24" aria-hidden="true" style="width:18px;height:18px;flex-shrink:0;margin-right:8px;"
                fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round">
                <circle cx="12" cy="12" r="8.5"></circle>
                <path d="M8.8 8.8l6.4 6.4"></path>
            </svg>
            Chặn IP
        </a>
        <a href="#filemonitor" class="foxblock-tab-link" data-tab="filemonitor">
            <svg viewBox="0 0 24 24" aria-hidden="true" style="width:18px;height:18px;flex-shrink:0;margin-right:8px;"
                fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round">
                <path d="M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z"></path>
                <path d="M14 3v5h5"></path>
                <path d="M9 13h6"></path>
                <path d="M9 17h4"></path>
            </svg>
            Giám sát File
        </a>
        <a href="#malware" class="foxblock-tab-link" data-tab="malware">
            <svg viewBox="0 0 24 24" aria-hidden="true" style="width:18px;height:18px;flex-shrink:0;margin-right:8px;"
                fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round">
                <path d="M12 3.5l9 16H3l9-16z"></path>
                <path d="M12 9v4.5"></path>
                <path d="M12 17h.01"></path>
            </svg>
            Quét mã độc
        </a>
        <a href="#autoblock" class="foxblock-tab-link" data-tab="autoblock">
            <svg viewBox="0 0 24 24" aria-hidden="true" style="width:18px;height:18px;flex-shrink:0;margin-right:8px;"
                fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round">
                <path d="M12 2L2 7l10 5 10-5-10-5z"></path>
                <path d="M2 17l10 5 10-5"></path>
                <path d="M2 12l10 5 10-5"></path>
            </svg>
            Thiết lập chặn Auto
        </a>
        <a href="#advanced" class="foxblock-tab-link" data-tab="advanced">
            <svg viewBox="0 0 24 24" aria-hidden="true" style="width:18px;height:18px;flex-shrink:0;margin-right:8px;"
                fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round">
                <circle cx="12" cy="12" r="3"></circle>
                <path
                    d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z">
                </path>
            </svg>
            Cài đặt nâng cao
        </a>
        <a href="#backup" class="foxblock-tab-link" data-tab="backup">
            <svg viewBox="0 0 24 24" aria-hidden="true" style="width:18px;height:18px;flex-shrink:0;margin-right:8px;"
                fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round">
                <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
                <polyline points="17 8 12 3 7 8"></polyline>
                <line x1="12" y1="3" x2="12" y2="15"></line>
            </svg>
            Sao lưu &amp; khôi phục
        </a>
        <a href="#audit" class="foxblock-tab-link" data-tab="audit"
            style="background:linear-gradient(135deg,#ff6c0015,#ff6c0005);border-bottom:2px solid transparent;">
            <svg viewBox="0 0 24 24" aria-hidden="true" style="width:18px;height:18px;flex-shrink:0;margin-right:8px;"
                fill="none" stroke="#ff6c00" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round">
                <path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z">
                </path>
            </svg>
            <span style="color:#ff6c00;font-weight:600;">Kiểm tra</span>
        </a>
    </div>

    <div class="foxblock-content">
        <!-- Tab Nhật ký -->
        <div id="foxblock-tab-logs" class="foxblock-tab active">
            <div class="foxblock-card">
                <div class="foxblock-card-header">
                    <div>
                        <h2 style="display:flex;align-items:center;gap:10px;flex-wrap:wrap;"><svg
                                class="foxblock-title-icon" viewBox="0 0 24 24" aria-hidden="true" fill="none"
                                stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round">
                                <path d="M8 6h11"></path>
                                <path d="M8 12h11"></path>
                                <path d="M8 18h11"></path>
                                <path d="M3.5 6h.01"></path>
                                <path d="M3.5 12h.01"></path>
                                <path d="M3.5 18h.01"></path>
                            </svg>Nhật ký truy cập gần đây (Tối đa 300) <span id="foxblock-refresh-indicator"
                                style="display:none;font-size:12px;color:#ff6c00;font-weight:normal;align-items:center;gap:4px;"><span
                                    class="dashicons dashicons-update-alt foxblock-spin"
                                    style="font-size:14px;width:14px;height:14px;line-height:14px;"></span> Làm
                                mới...</span></h2>
                        <p style="margin:4px 0 0;color:#646970;font-size:13px;">
                            Bạn có thể chặn các IP đáng ngờ bằng cách theo dõi lượt truy cập theo thời gian thực.
                        </p>
                    </div>
                    <div>
                        <button id="foxblock-refresh-logs" class="button button-primary" style="margin-right: 8px;">Làm
                            mới ngay</button>
                        <button id="foxblock-clear-logs" class="button button-secondary">Xóa nhật ký</button>
                    </div>
                </div>
                <div class="foxblock-table-responsive">
                    <table class="foxblock-table">
                        <thead>
                            <tr>
                                <th>Thời gian</th>
                                <th style="width:40px;text-align:center;">Cờ</th>
                                <th>Địa chỉ IP</th>
                                <th>URL</th>
                                <th>Thiết bị & User Agent</th>
                                <th style="width:80px;text-align:center;">Chặn</th>
                            </tr>
                        </thead>
                        <tbody>
                            <?php if (empty($logs)): ?>
                                <tr>
                                    <td colspan="6" style="text-align:center; padding: 30px; color: #666;">Chưa có nhật ký
                                        nào. Hãy truy cập trang chủ để tạo nhật ký đầu tiên.</td>
                                </tr>
                            <?php else: ?>
                                <?php foreach ($logs as $log):
                                    $row_class = $log->is_bot ? 'foxblock-bot-row' : 'foxblock-user-row';
                                    $device = foxblock_guess_device($log->user_agent);
                                    ?>
                                    <tr class="<?php echo esc_attr($row_class); ?>">
                                        <td class="foxblock-time"><?php echo esc_html($log->time); ?></td>
                                        <td class="foxblock-flag" data-ip="<?php echo esc_attr($log->ip); ?>"
                                            style="font-size:20px;text-align:center;line-height:1;"></td>
                                        <td class="foxblock-ip"><?php echo esc_html($log->ip); ?></td>
                                        <td class="foxblock-url"><code><?php echo esc_html($log->url); ?></code></td>
                                        <td class="foxblock-ua">
                                            <span class="foxblock-device-badge"><?php echo esc_html($device); ?></span>
                                            <span class="foxblock-ua-text"><?php echo esc_html($log->user_agent); ?></span>
                                        </td>
                                        <td class="foxblock-action" style="text-align:center;"></td>
                                    </tr>
                                <?php endforeach; ?>
                            <?php endif; ?>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <!-- Tab Cài đặt Bot -->
        <div id="foxblock-tab-settings" class="foxblock-tab">
            <div class="foxblock-card">
                <h2 style="display:flex;align-items:center;gap:10px;"><svg class="foxblock-title-icon"
                        viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.9"
                        stroke-linecap="round" stroke-linejoin="round">
                        <path d="M12 3l7 3v5c0 5-3.4 8.7-7 10-3.6-1.3-7-5-7-10V6l7-3z"></path>
                        <path d="M9.5 12l1.7 1.7 3.3-3.7"></path>
                    </svg>Chặn Bot xấu</h2>
                <p style="margin:4px 0 0;color:#646970;font-size:13px;">
                    Chọn các bot xấu phổ biến để chặn ngay lập tức với lỗi 403 Forbidden.
                </p>
                <form id="foxblock-settings-form">
                    <div class="foxblock-bot-grid">
                        <?php foreach ($common_bots as $bot): ?>
                            <label class="foxblock-checkbox">
                                <input type="checkbox" name="bots[]" value="<?php echo esc_attr($bot); ?>" <?php checked(in_array($bot, $blocked_bots)); ?>>
                                <span class="foxblock-check-label"><?php echo esc_html($bot); ?></span>
                            </label>
                        <?php endforeach; ?>
                    </div>

                    <div class="foxblock-custom-bots">
                        <div class="foxblock-custom-bots-header">
                            <h3>Bot tùy chỉnh</h3>
                            <p>Thêm user-agent bot riêng không có sẵn trong danh sách mặc định.</p>
                        </div>

                        <div class="foxblock-custom-bot-add">
                            <input type="text" id="foxblock-custom-bot-input" class="foxblock-custom-bot-input"
                                placeholder="Ví dụ: bingbot hoặc MyCustomCrawler" autocomplete="off">
                            <button type="button" id="foxblock-add-custom-bot" class="button button-secondary">
                                <span class="dashicons dashicons-plus-alt2"></span>
                                Thêm bot
                            </button>
                        </div>

                        <div id="foxblock-custom-bot-status" class="foxblock-custom-bot-status" aria-live="polite">
                        </div>

                        <div id="foxblock-custom-bot-list" class="foxblock-custom-bot-list">
                            <?php foreach ($custom_bots as $bot): ?>
                                <div class="foxblock-custom-bot-chip">
                                    <input type="hidden" name="bots[]" value="<?php echo esc_attr($bot); ?>">
                                    <span class="foxblock-custom-bot-name"><?php echo esc_html($bot); ?></span>
                                    <button type="button" class="foxblock-custom-bot-remove"
                                        aria-label="Xóa bot <?php echo esc_attr($bot); ?>">
                                        <span class="dashicons dashicons-no-alt"></span>
                                    </button>
                                </div>
                            <?php endforeach; ?>
                        </div>
                    </div>

                    <hr class="foxblock-divider">

                    <h2 style="display:flex;align-items:center;gap:10px;"><svg class="foxblock-title-icon"
                            viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.9"
                            stroke-linecap="round" stroke-linejoin="round">
                            <circle cx="12" cy="12" r="8.5"></circle>
                            <path d="M8.8 8.8l6.4 6.4"></path>
                        </svg>Chế độ nghiêm ngặt</h2>

                    <div style="display:flex;align-items:flex-start;gap:14px;margin-top:20px">
                        <label class="foxblock-toggle">
                            <input type="checkbox" name="block_foreign" value="1" <?php checked($block_foreign, 1); ?>>
                            <span class="foxblock-slider"></span>
                        </label>
                        <div style="flex:1;min-width:0;">
                            <div class="foxblock-toggle-text">
                                <span class="foxblock-toggle-label">Chặn TẤT CẢ bot ngoại trừ Googlebot</span>
                            </div>
                            <p class="description" style="margin-top:5px;">Bật tùy chọn này khi website đang bị tấn công
                                nặng.
                                Chỉ cho phép người dùng thật và Googlebot, chặn tất cả bot còn lại (bingbot, ahrefs,
                                crawler tùy
                                chỉnh, v.v.).</p>
                        </div>
                    </div>
                    <div class="foxblock-actions">
                        <button type="submit" class="button button-primary button-hero" style="font-size:16px;">Lưu cài
                            đặt</button>
                        <span id="foxblock-save-status" class="foxblock-status"></span>
                    </div>
                </form>
            </div>
        </div>

        <!-- Tab Chặn IP -->
        <div id="foxblock-tab-ipblock" class="foxblock-tab">
            <!-- Danh sách IP an toàn (Whitelist) -->
            <div class="foxblock-card">
                <h2 style="display:flex;align-items:center;gap:10px;"><svg class="foxblock-title-icon"
                        viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.9"
                        stroke-linecap="round" stroke-linejoin="round">
                        <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>
                        <path d="M9 12l2 2 4-4"></path>
                    </svg>Danh sách IP an toàn (Whitelist)</h2>
                <p style="margin:4px 0 0;color:#646970;font-size:13px;">
                    Các IP trong danh sách này sẽ <strong>KHÔNG BAO GIỜ</strong> bị chặn bởi bất kỳ chức năng nào của
                    plugin (chặn theo quốc gia, hành vi, endpoint, v.v.). Thích hợp cho IP VPS, IP quản trị, IP văn
                    phòng. Mỗi IP một dòng.
                </p>
                <form id="foxblock-whitelist-form" style="margin-top:20px;">
                    <textarea name="whitelist_ips" id="foxblock-whitelist-ips" rows="8"
                        placeholder="192.168.1.100&#10;203.0.113.50&#10;10.0.0.0/8..."><?php echo esc_textarea(implode("\n", $whitelist_ips)); ?></textarea>

                    <div
                        style="margin-top:12px;padding:12px;background:#e7f5ff;border:1px solid#2271b1;border-radius:6px;font-size:13px;color:#1d2327;">
                        <strong style="color:#2271b1;">Gợi ý:</strong> IP hiện tại của bạn là <code
                            style="background:#fff;padding:2px 6px;border-radius:3px;font-weight:600;color:#2271b1;"><?php echo esc_html(foxblock_get_current_ip()); ?></code>.
                        Bạn có thể thêm IP này vào whitelist để tránh tự chặn mình.
                    </div>

                    <div class="foxblock-actions">
                        <button type="submit" class="button button-primary button-hero" style="font-size:16px;">Lưu danh
                            sách IP an toàn</button>
                        <span id="foxblock-whitelist-save-status" class="foxblock-status"></span>
                    </div>
                </form>
            </div>

            <!-- Danh sách chặn IP -->
            <div class="foxblock-card">
                <h2 style="display:flex;align-items:center;gap:10px;"><svg class="foxblock-title-icon"
                        viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.9"
                        stroke-linecap="round" stroke-linejoin="round">
                        <circle cx="12" cy="12" r="8.5"></circle>
                        <path d="M8.8 8.8l6.4 6.4"></path>
                    </svg>Danh sách chặn IP tùy chỉnh</h2>
                <p style="margin:4px 0 0;color:#646970;font-size:13px;">
                    Nhập các địa chỉ IP muốn chặn ngay lập tức với lỗi 403 Forbidden. Mỗi IP một dòng. Bạn cũng có thể
                    chặn dải IP theo ký hiệu CIDR (ví dụ: <code>192.168.1.0/24</code>).
                </p>
                <form id="foxblock-ipblock-form" style="margin-top:20px;">
                    <textarea name="blocked_ips" id="foxblock-blocked-ips" rows="10"
                        placeholder="192.168.1.1&#10;10.0.0.0/8..."><?php echo esc_textarea(implode("\n", $blocked_ips)); ?></textarea>

                    <div class="foxblock-actions">
                        <button type="submit" class="button button-primary button-hero" style="font-size:16px;">Lưu danh
                            sách IP</button>
                        <span id="foxblock-ip-save-status" class="foxblock-status"></span>
                    </div>
                </form>
            </div>
        </div>

        <!-- Tab Giám sát File -->
        <div id="foxblock-tab-filemonitor" class="foxblock-tab">
            <div class="foxblock-card">
                <div class="foxblock-card-header">
                    <div>
                        <h2 style="display:flex;align-items:center;gap:10px;"><svg class="foxblock-title-icon"
                                viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor"
                                stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round">
                                <path d="M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z"></path>
                                <path d="M14 3v5h5"></path>
                                <path d="M9 13h6"></path>
                                <path d="M9 17h4"></path>
                            </svg>Giám sát toàn vẹn File</h2>
                        <p style="margin:4px 0 0;color:#646970;font-size:13px;">
                            Phát hiện thay đổi trên toàn bộ mã nguồn của Website (Core, Themes, Plugins)
                            &mdash; <span id="foxblock-fim-scantime" style="color:#646970;">Chưa tạo dữ liệu gốc</span>
                        </p>
                    </div>
                    <button id="foxblock-fim-rescan" class="button button-secondary foxblock-fim-rescan-btn"
                        style="white-space:nowrap;">
                        <span class="dashicons dashicons-update-alt" style="margin-top:3px;"></span> Kiểm tra ngay
                    </button>
                </div>

                <div id="foxblock-fim-loading" style="display:none;padding:40px;text-align:center;color:#646970;">
                    <span class="dashicons dashicons-update-alt foxblock-spin"
                        style="font-size:32px;width:32px;height:32px;color:#ff6c00"></span>
                    <p style="margin-top:12px;">Đang quét toàn bộ mã nguồn trên hệ thống...<br><small>Có thể mất một vài
                            giây nếu website có nhiều file</small></p>
                </div>

                <div id="foxblock-fim-result"></div>
            </div>
        </div>

        <!-- Tab Quét mã độc -->
        <div id="foxblock-tab-malware" class="foxblock-tab">
            <div class="foxblock-card">
                <div class="foxblock-card-header">
                    <div>
                        <h2 style="display:flex;align-items:center;gap:10px;"><svg class="foxblock-title-icon"
                                viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor"
                                stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round">
                                <path d="M12 3.5l9 16H3l9-16z"></path>
                                <path d="M12 9v4.5"></path>
                                <path d="M12 17h.01"></path>
                            </svg>Quét mã độc</h2>
                        <p style="margin:4px 0 0;color:#646970;font-size:13px;">
                            Phân tích file tìm kiếm các đoạn mã nguy hiểm, obfuscated code, shell backdoor, v.v.
                        </p>
                    </div>
                    <button id="foxblock-malware-scan-btn" class="button button-primary" style="white-space:nowrap;">
                        <span class="dashicons dashicons-search" style="margin-top:3px;"></span> Bắt đầu quét
                    </button>
                </div>

                <div style="margin:15px 0;padding:15px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;">
                    <h3 style="margin:0 0 10px;font-size:14px;color:#1d2327;">Chọn loại file cần quét:</h3>
                    <div style="display:flex;flex-wrap:wrap;gap:15px;">
                        <label class="foxblock-checkbox">
                            <input type="checkbox" name="scan_extensions[]" value="php" checked>
                            <span class="foxblock-check-label">PHP (.php)</span>
                        </label>
                        <label class="foxblock-checkbox">
                            <input type="checkbox" name="scan_extensions[]" value="phtml">
                            <span class="foxblock-check-label">PHTML (.phtml)</span>
                        </label>
                        <label class="foxblock-checkbox">
                            <input type="checkbox" name="scan_extensions[]" value="phar">
                            <span class="foxblock-check-label">PHAR (.phar)</span>
                        </label>
                        <label class="foxblock-checkbox">
                            <input type="checkbox" name="scan_extensions[]" value="js">
                            <span class="foxblock-check-label">JavaScript (.js)</span>
                        </label>
                        <label class="foxblock-checkbox">
                            <input type="checkbox" name="scan_extensions[]" value="svg">
                            <span class="foxblock-check-label">SVG (.svg)</span>
                        </label>
                        <label class="foxblock-checkbox">
                            <input type="checkbox" name="scan_extensions[]" value="html">
                            <span class="foxblock-check-label">HTML (.html, .htm)</span>
                        </label>
                    </div>
<?php if (get_option('foxblock_ai_enabled') && get_option('foxblock_ai_endpoint') && get_option('foxblock_ai_model') && get_option('foxblock_ai_apikey')): ?>
                    <div style="margin-top:15px; border-top: 1px solid #e5e7eb; padding-top: 15px;">
                        <label class="foxblock-toggle">
                            <input type="checkbox" id="foxblock-ai-scan" value="1">
                            <span class="foxblock-slider"></span>
                            <div class="foxblock-toggle-text">
                                <span class="foxblock-toggle-label" style="font-weight:600; color:#1d2327;">AI phân tích</span>
								<p style="margin:0px;font-size:12px;color:#646970;">Phân tích thông minh với AI các file nghi ngờ để hạn chế nhận diện nhầm.</p>
                            </div>
                        </label>
                    </div>
<?php endif; ?>
                </div>

                <div id="foxblock-malware-loading"
                    style="display:none;padding:40px 0px;text-align:center;color:#646970;">
                    <span class="dashicons dashicons-update-alt foxblock-spin"
                        style="font-size:32px;width:32px;height:32px;color:#ff6c00"></span>
                    <p style="margin-top:12px;">Đang quét file...<br><small>Quá trình này có thể mất vài giây đến vài
                            phút tùy số lượng file</small></p>
                </div>

                <div id="foxblock-malware-result"></div>
                <div id="foxblock-ai-results-container" style="display:none; margin-top: 15px; border-top: 2px dashed #ff6c00; padding-top: 15px;">
                    <h3 style="margin: 0 0 10px; font-size: 15px; display: flex; align-items: center; gap: 8px;">
                        <svg class="foxblock-title-icon" viewBox="0 0 24 24" width="20" height="20" aria-hidden="true" fill="none" stroke="#ff6c00" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round">
                            <path d="M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83"></path>
                        </svg>
                        Phân tích từ AI
                    </h3>
                    <div id="foxblock-ai-results-list" style="display: flex; flex-direction: column; gap: 10px;"></div>
                </div>
            </div>
        </div>

        <!-- Tab Thiết lập chặn Auto -->
        <div id="foxblock-tab-autoblock" class="foxblock-tab">
            <!-- Trạng thái GeoIP Database -->
            <div class="foxblock-card">
                <h2 style="display:flex;align-items:center;gap:10px;"><svg class="foxblock-title-icon"
                        viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.9"
                        stroke-linecap="round" stroke-linejoin="round">
                        <path d="M12 2L2 7l10 5 10-5-10-5z"></path>
                        <path d="M2 17l10 5 10-5"></path>
                        <path d="M2 12l10 5 10-5"></path>
                    </svg>Trạng thái GeoIP Database</h2>
                <?php
                $geoip_info = Foxblock_GeoIP::get_database_info();
                if ($geoip_info['exists']):
                    ?>
                    <div style="padding:15px;background:#f0fdf4;border:1px solid#86efac;border-radius:8px;margin-top:15px;">
                        <div style="display:flex;align-items:center;gap:10px;margin-bottom:10px;">
                            <svg viewBox="0 0 24 24" aria-hidden="true"
                                style="width:30px;height:30px;color:#16a34a;flex-shrink:0;" fill="none"
                                stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                <circle cx="12" cy="12" r="9"></circle>
                                <path d="M8.5 12.5l2.2 2.2 4.8-5.2"></path>
                            </svg>
                            <strong style="color:#166534;font-size:15px;">Database Local đã được cài đặt</strong>
                        </div>
                        <div style="color:#166534;font-size:13px;line-height:1.8;">
                            <div><span style="display:inline-flex;align-items:center;gap:6px;"><svg viewBox="0 0 24 24"
                                        aria-hidden="true" style="width:15px;height:15px;color:#16a34a;flex-shrink:0;"
                                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                        stroke-linejoin="round">
                                        <path d="M3 7h6l2 2h10v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7z"></path>
                                    </svg><strong>Đường dẫn:</strong></span> <code
                                    style="background:#fff;padding:2px 6px;border-radius:3px;"><?php echo esc_html($geoip_info['path']); ?></code>
                            </div>
                            <div><span style="display:inline-flex;align-items:center;gap:6px;"><svg viewBox="0 0 24 24"
                                        aria-hidden="true" style="width:15px;height:15px;color:#16a34a;flex-shrink:0;"
                                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                        stroke-linejoin="round">
                                        <path d="M4 7h16"></path>
                                        <path d="M7 4h10"></path>
                                        <rect x="4" y="7" width="16" height="13" rx="2"></rect>
                                    </svg><strong>Kích thước:</strong></span>
                                <?php echo esc_html(size_format($geoip_info['size'])); ?></div>
                            <div><span style="display:inline-flex;align-items:center;gap:6px;"><svg viewBox="0 0 24 24"
                                        aria-hidden="true" style="width:15px;height:15px;color:#16a34a;flex-shrink:0;"
                                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                        stroke-linejoin="round">
                                        <circle cx="12" cy="12" r="9"></circle>
                                        <path d="M12 7v5l3 2"></path>
                                    </svg><strong>Cập nhật:</strong></span> <?php echo esc_html($geoip_info['modified']); ?>
                            </div>
                            <div><span style="display:inline-flex;align-items:center;gap:6px;"><svg viewBox="0 0 24 24"
                                        aria-hidden="true" style="width:15px;height:15px;color:#16a34a;flex-shrink:0;"
                                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                        stroke-linejoin="round">
                                        <path d="M12 3l7 3v5c0 5-3.4 8.7-7 10-3.6-1.3-7-5-7-10V6l7-3z"></path>
                                    </svg><strong>Phương thức:</strong></span> Local Database (Nhanh, không giới hạn)</div>
                        </div>
                    </div>
                <?php else: ?>
                    <div
                        style="padding:15px;background:#fff3e7;border:1px solid#ff6c0073;border-radius:8px;margin-top:15px;">
                        <div style="display:flex;align-items:center;gap:10px;margin-bottom:10px;">
                            <svg viewBox="0 0 24 24" aria-hidden="true"
                                style="width:30px;height:30px;color:#ff6c00;flex-shrink:0;" fill="none"
                                stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                <path d="M12 3.5l9 16H3l9-16z"></path>
                                <path d="M12 9v4.5"></path>
                                <path d="M12 17h.01"></path>
                            </svg>
                            <strong style="color:#ff6c00;font-size:15px;">Database Local chưa được cài đặt</strong>
                        </div>
                        <div style="color:#646970;font-size:13px;line-height:1.8;margin-bottom:15px;">
                            <div><span style="display:inline-flex;align-items:center;gap:6px;"><svg viewBox="0 0 24 24"
                                        aria-hidden="true" style="width:15px;height:15px;color:#ff6c00;flex-shrink:0;"
                                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                        stroke-linejoin="round">
                                        <path d="M12 3l7 3v5c0 5-3.4 8.7-7 10-3.6-1.3-7-5-7-10V6l7-3z"></path>
                                    </svg><strong>Phương thức hiện tại:</strong></span> API Fallback (ip-api.com + ipapi.co)
                            </div>
                            <div><span style="display:inline-flex;align-items:center;gap:6px;"><svg viewBox="0 0 24 24"
                                        aria-hidden="true" style="width:15px;height:15px;color:#ff6c00;flex-shrink:0;"
                                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                        stroke-linejoin="round">
                                        <path d="M13 3L4 14h6l-1 7 9-11h-6l1-7z"></path>
                                    </svg><strong>Tốc độ:</strong></span> ~100ms/request (chậm hơn local ~100 lần)</div>
                            <div><span style="display:inline-flex;align-items:center;gap:6px;"><svg viewBox="0 0 24 24"
                                        aria-hidden="true" style="width:15px;height:15px;color:#ff6c00;flex-shrink:0;"
                                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                        stroke-linejoin="round">
                                        <circle cx="12" cy="12" r="9"></circle>
                                        <path d="M12 7v5"></path>
                                        <path d="M12 12l3 2"></path>
                                    </svg><strong>Giới hạn:</strong></span> 45 requests/phút (ip-api.com)</div>
                        </div>
                        <div
                            style="background:#fff;padding:12px;border-radius:6px;border:1px solid #ddd;margin-bottom:10px;">
                            <strong style="color:#1d2327;display:inline-flex;align-items:center;gap:8px;"><svg
                                    viewBox="0 0 24 24" aria-hidden="true"
                                    style="width:18px;height:18px;color:#ff6c00;flex-shrink:0;" fill="none"
                                    stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                    <path d="M12 3v10"></path>
                                    <path d="M8 9l4 4 4-4"></path>
                                    <path d="M4 17v2h16v-2"></path>
                                </svg>Hướng dẫn cài đặt Database Local:</strong>
                            <ol style="margin:10px 0 0 20px;color:#646970;font-size:13px;line-height:1.8;">
                                <li>Đăng ký miễn phí tại: <a href="https://www.maxmind.com/en/geolite2/signup"
                                        target="_blank" style="color:#2271b1;">MaxMind GeoLite2</a></li>
                                <li>Tải file <code
                                        style="background:#f0f0f1;padding:2px 6px;border-radius:3px;">GeoLite2-Country.mmdb</code>
                                </li>
                                <li>Upload vào: <code
                                        style="background:#f0f0f1;padding:2px 6px;border-radius:3px;"><?php echo esc_html($geoip_info['path']); ?></code>
                                </li>
                                <li>Reload trang này để kiểm tra</li>
                            </ol>
                        </div>
                        <a href="https://www.maxmind.com/en/geolite2/signup" target="_blank"
                            class="button button-secondary">
                            <svg viewBox="0 0 24 24" aria-hidden="true" style="width:16px;height:16px;flex-shrink:0;"
                                fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                stroke-linejoin="round">
                                <path d="M12 3v10"></path>
                                <path d="M8 9l4 4 4-4"></path>
                                <path d="M4 17v2h16v-2"></path>
                            </svg> Đăng ký MaxMind (Miễn phí)
                        </a>
                    </div>
                <?php endif; ?>
            </div>

            <!-- Chặn theo quốc gia -->
            <div class="foxblock-card">
                <h2 style="display:flex;align-items:center;gap:10px;"><svg class="foxblock-title-icon"
                        viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.9"
                        stroke-linecap="round" stroke-linejoin="round">
                        <circle cx="12" cy="12" r="9"></circle>
                        <path d="M3 12h18"></path>
                        <path d="M12 3a14 14 0 0 1 0 18"></path>
                        <path d="M12 3a14 14 0 0 0 0 18"></path>
                    </svg>Chặn theo quốc gia</h2>
                <p style="margin:4px 0 0;color:#646970;font-size:13px;">
                    Tự động chặn truy cập từ các quốc gia được chọn. IP từ các quốc gia này sẽ tự động được thêm vào
                    danh sách chặn IP.
                </p>
                <form id="foxblock-country-form">
                    <div class="foxblock-bot-grid" style="margin-top:20px;">
                        <?php
                        $blocked_countries = get_option('foxblock_blocked_countries', []);
                        $countries = [
                            'VN' => 'Việt Nam',
                            'CN' => 'Trung Quốc',
                            'RU' => 'Nga',
                            'KP' => 'Triều Tiên',
                            'IR' => 'Iran',
                            'SY' => 'Syria',
                            'IQ' => 'Iraq',
                            'AF' => 'Afghanistan',
                            'BY' => 'Belarus',
                            'CU' => 'Cuba',
                            'LY' => 'Libya',
                            'SD' => 'Sudan',
                            'VE' => 'Venezuela',
                            'YE' => 'Yemen',
                            'ZW' => 'Zimbabwe',
                            'MM' => 'Myanmar',
                            'SO' => 'Somalia',
                            'ER' => 'Eritrea',
                            'SS' => 'Nam Sudan',
                            'CF' => 'Trung Phi',
                            'TD' => 'Chad',
                            'ML' => 'Mali',
                            'NE' => 'Niger',
                            'BF' => 'Burkina Faso',
                            'NG' => 'Nigeria',
                            'PK' => 'Pakistan',
                            'BD' => 'Bangladesh',
                            'IN' => 'Ấn Độ',
                            'ID' => 'Indonesia',
                            'PH' => 'Philippines',
                            'TH' => 'Thái Lan',
                            'MY' => 'Malaysia',
                            'SG' => 'Singapore',
                            'KR' => 'Hàn Quốc',
                            'JP' => 'Nhật Bản',
                            'TW' => 'Đài Loan',
                            'HK' => 'Hồng Kông',
                            'MO' => 'Macau',
                            'MN' => 'Mông Cổ',
                            'KZ' => 'Kazakhstan',
                            'UZ' => 'Uzbekistan',
                            'TM' => 'Turkmenistan',
                            'KG' => 'Kyrgyzstan',
                            'TJ' => 'Tajikistan',
                            'GE' => 'Georgia',
                            'AM' => 'Armenia',
                            'AZ' => 'Azerbaijan',
                            'TR' => 'Thổ Nhĩ Kỳ',
                            'SA' => 'Ả Rập Xê Út',
                            'AE' => 'UAE',
                            'QA' => 'Qatar',
                            'KW' => 'Kuwait',
                            'BH' => 'Bahrain',
                            'OM' => 'Oman',
                            'JO' => 'Jordan',
                            'LB' => 'Lebanon',
                            'IL' => 'Israel',
                            'PS' => 'Palestine',
                            'EG' => 'Ai Cập',
                            'DZ' => 'Algeria',
                            'MA' => 'Morocco',
                            'TN' => 'Tunisia',
                            'LR' => 'Liberia',
                            'SL' => 'Sierra Leone',
                            'GN' => 'Guinea',
                            'CI' => 'Bờ Biển Ngà',
                            'GH' => 'Ghana',
                            'TG' => 'Togo',
                            'BJ' => 'Benin',
                            'CM' => 'Cameroon',
                            'GA' => 'Gabon',
                            'CG' => 'Congo',
                            'CD' => 'Congo (DRC)',
                            'AO' => 'Angola',
                            'ZM' => 'Zambia',
                            'ZA' => 'Nam Phi',
                            'KE' => 'Kenya',
                            'TZ' => 'Tanzania',
                            'UG' => 'Uganda',
                            'RW' => 'Rwanda',
                            'BI' => 'Burundi',
                            'ET' => 'Ethiopia',
                            'DJ' => 'Djibouti',
                            'MZ' => 'Mozambique',
                            'MW' => 'Malawi',
                            'MG' => 'Madagascar',
                            'MU' => 'Mauritius',
                            'SC' => 'Seychelles',
                            'BR' => 'Brazil',
                            'AR' => 'Argentina',
                            'CL' => 'Chile',
                            'CO' => 'Colombia',
                            'PE' => 'Peru',
                            'EC' => 'Ecuador',
                            'BO' => 'Bolivia',
                            'PY' => 'Paraguay',
                            'UY' => 'Uruguay',
                            'GY' => 'Guyana',
                            'SR' => 'Suriname',
                            'MX' => 'Mexico',
                            'GT' => 'Guatemala',
                            'HN' => 'Honduras',
                            'SV' => 'El Salvador',
                            'NI' => 'Nicaragua',
                            'CR' => 'Costa Rica',
                            'PA' => 'Panama',
                            'US' => 'Hoa Kỳ',
                            'CA' => 'Canada',
                            'GB' => 'Anh',
                            'FR' => 'Pháp',
                            'DE' => 'Đức',
                            'IT' => 'Ý',
                            'ES' => 'Tây Ban Nha',
                            'PT' => 'Bồ Đào Nha',
                            'NL' => 'Hà Lan',
                            'BE' => 'Bỉ',
                            'CH' => 'Thụy Sĩ',
                            'AT' => 'Áo',
                            'SE' => 'Thụy Điển',
                            'NO' => 'Na Uy',
                            'DK' => 'Đan Mạch',
                            'FI' => 'Phần Lan',
                            'IS' => 'Iceland',
                            'IE' => 'Ireland',
                            'PL' => 'Ba Lan',
                            'CZ' => 'Séc',
                            'SK' => 'Slovakia',
                            'HU' => 'Hungary',
                            'RO' => 'Romania',
                            'BG' => 'Bulgaria',
                            'GR' => 'Hy Lạp',
                            'HR' => 'Croatia',
                            'SI' => 'Slovenia',
                            'RS' => 'Serbia',
                            'BA' => 'Bosnia',
                            'ME' => 'Montenegro',
                            'MK' => 'Macedonia',
                            'AL' => 'Albania',
                            'XK' => 'Kosovo',
                            'UA' => 'Ukraine',
                            'MD' => 'Moldova',
                            'LT' => 'Lithuania',
                            'LV' => 'Latvia',
                            'EE' => 'Estonia',
                            'AU' => 'Úc',
                            'NZ' => 'New Zealand',
                            'FJ' => 'Fiji',
                            'PG' => 'Papua New Guinea',
                            'LA' => 'Lào',
                            'KH' => 'Campuchia'
                        ];
                        foreach ($countries as $code => $name):
                            $flag_url = 'https://flagcdn.com/w40/' . strtolower($code) . '.png';
                            ?>
                            <label class="foxblock-checkbox foxblock-country-item">
                                <input type="checkbox" name="countries[]" value="<?php echo esc_attr($code); ?>" <?php checked(in_array($code, $blocked_countries)); ?>>
                                <img src="<?php echo esc_url($flag_url); ?>" alt="<?php echo esc_attr($code); ?>"
                                    class="foxblock-country-flag" width="24" height="16">
                                <span class="foxblock-check-label"><?php echo esc_html($name); ?></span>
                            </label>
                        <?php endforeach; ?>
                    </div>
                    <div class="foxblock-actions">
                        <button type="submit" class="button button-primary button-hero">Lưu cài đặt quốc gia</button>
                        <span id="foxblock-country-status" class="foxblock-status"></span>
                    </div>
                </form>
            </div>

            <!-- Chặn theo hành vi -->
            <div class="foxblock-card">
                <h2 style="display:flex;align-items:center;gap:10px;"><svg class="foxblock-title-icon"
                        viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.9"
                        stroke-linecap="round" stroke-linejoin="round">
                        <path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"></path>
                    </svg>Chặn theo hành vi đáng ngờ</h2>
                <p style="margin:4px 0 0;color:#646970;font-size:13px;">
                    Tự động phát hiện và chặn các hành vi bất thường như request quá nhanh, quét lỗ hổng, brute force,
                    v.v.
                </p>
                <form id="foxblock-behavior-form">
                    <div class="foxblock-bot-grid" style="margin-top:20px;">
                        <?php
                        $blocked_behaviors = get_option('foxblock_blocked_behaviors', []);
                        $behaviors = [
                            'rate_limit' => 'Request quá nhanh (>30 req/phút)',
                            'rapid_404' => 'Nhiều lỗi 404 liên tiếp (>10 lần)',
                            'user_agent_empty' => 'User-Agent trống hoặc không hợp lệ',
                            'suspicious_params' => 'Tham số URL chứa SQL/XSS',
                            'brute_force_login' => 'Thử đăng nhập nhiều lần thất bại',
                            'scanner_pattern' => 'Pattern giống công cụ quét (Nmap, Nikto)',
                            'multiple_user_agents' => 'Đổi User-Agent liên tục',
                            'no_referrer' => 'Không có Referrer khi POST',
                            'suspicious_headers' => 'HTTP Headers bất thường',
                            'tor_proxy' => 'Truy cập qua Tor/Proxy ẩn danh',
                            'datacenter_ip' => 'IP từ datacenter/hosting (không phải ISP)',
                            'vpn_detection' => 'Phát hiện VPN thương mại'
                        ];
                        foreach ($behaviors as $key => $label):
                            ?>
                            <label class="foxblock-checkbox">
                                <input type="checkbox" name="behaviors[]" value="<?php echo esc_attr($key); ?>" <?php checked(in_array($key, $blocked_behaviors)); ?>>
                                <span class="foxblock-check-label"><?php echo esc_html($label); ?></span>
                            </label>
                        <?php endforeach; ?>
                    </div>
                    <div class="foxblock-actions">
                        <button type="submit" class="button button-primary button-hero">Lưu cài đặt hành vi</button>
                        <span id="foxblock-behavior-status" class="foxblock-status"></span>
                    </div>
                </form>
            </div>

            <!-- Chặn URL/Endpoint nguy hiểm -->
            <div class="foxblock-card">
                <h2 style="display:flex;align-items:center;gap:10px;"><svg class="foxblock-title-icon"
                        viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.9"
                        stroke-linecap="round" stroke-linejoin="round">
                        <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path>
                        <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path>
                    </svg>Chặn URL/Endpoint nguy hiểm</h2>
                <p style="margin:4px 0 0;color:#646970;font-size:13px;">
                    Chặn truy cập vào các URL/endpoint thường bị hacker khai thác. Các request này sẽ trả về lỗi 403
                    ngay lập tức.
                </p>
                <form id="foxblock-endpoint-form">
                    <div class="foxblock-bot-grid" style="margin-top:20px;">
                        <?php
                        $blocked_endpoints = get_option('foxblock_blocked_endpoints', []);
                        $endpoints = [
                            'xmlrpc' => '/xmlrpc.php (XML-RPC attacks)',
                            'wp-json-users' => '/wp-json/wp/v2/users (User enumeration)',
                            'author-enum' => '/?author=* (Author enumeration)',
                            'env-file' => '/.env (Environment config)',
                            'git-folder' => '/.git/ (Git repository)',
                            'svn-folder' => '/.svn/ (SVN repository)',
                            'phpmyadmin' => '/phpmyadmin (phpMyAdmin)',
                            'adminer' => '/adminer.php (Adminer)',
                            'config-php' => '/wp-config.php (WordPress config)',
                            'readme' => '/readme.html (WordPress readme)',
                            'license' => '/license.txt (License file)',
                            'sql-backup' => '/*.sql (SQL backup files)',
                            'zip-backup' => '/*.zip (Backup archives)',
                            'tar-backup' => '/*.tar.gz (Backup archives)',
                            'log-files' => '/*.log (Log files)',
                            'debug-log' => '/wp-content/debug.log (Debug log)',
                            'shell-php' => '/*shell*.php (Shell scripts)',
                            'c99-shell' => '/c99.php (C99 shell)',
                            'r57-shell' => '/r57.php (R57 shell)',
                            'wso-shell' => '/wso.php (WSO shell)',
                            'install-php' => '/wp-admin/install.php (WP installer)',
                            'setup-config' => '/wp-admin/setup-config.php (WP setup)',
                            'upgrade-php' => '/wp-admin/upgrade.php (WP upgrade)',
                            'maint-php' => '/wp-admin/maint/ (Maintenance)',
                            'includes-direct' => '/wp-includes/*.php (Direct access)',
                            'sql-injection' => 'SQL injection patterns (UNION, SELECT, etc.)',
                            'xss-patterns' => 'XSS patterns (<script>, javascript:, etc.)',
                            'path-traversal' => 'Path traversal (../, ..\\ patterns)',
                            'null-byte' => 'Null byte injection (%00)',
                            'base64-payload' => 'Base64 encoded payloads'
                        ];
                        foreach ($endpoints as $key => $label):
                            ?>
                            <label class="foxblock-checkbox">
                                <input type="checkbox" name="endpoints[]" value="<?php echo esc_attr($key); ?>" <?php checked(in_array($key, $blocked_endpoints)); ?>>
                                <span class="foxblock-check-label"><?php echo esc_html($label); ?></span>
                            </label>
                        <?php endforeach; ?>
                    </div>
                    <div class="foxblock-actions">
                        <button type="submit" class="button button-primary button-hero">Lưu cài đặt endpoint</button>
                        <span id="foxblock-endpoint-status" class="foxblock-status"></span>
                    </div>
                </form>
            </div>

            <!-- Thông báo Telegram -->
            <div class="foxblock-card">
                <h2 style="display:flex;align-items:center;gap:10px;"><svg class="foxblock-title-icon"
                        viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.9"
                        stroke-linecap="round" stroke-linejoin="round">
                        <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>
                        <path d="M8 10h.01"></path>
                        <path d="M12 10h.01"></path>
                        <path d="M16 10h.01"></path>
                    </svg>Thông báo Telegram</h2>
                <p style="margin:4px 0 0;color:#646970;font-size:13px;">
                    Nhận thông báo qua Telegram mỗi khi có IP bị chặn. Bạn sẽ biết ngay lập tức khi có cuộc tấn công
                    hoặc truy cập đáng ngờ.
                </p>
                <form id="foxblock-telegram-form">
                    <div style="margin-top:20px;">
                        <label class="foxblock-toggle">
                            <input type="checkbox" name="telegram_enabled" value="1" <?php checked(get_option('foxblock_telegram_enabled', 0), 1); ?>>
                            <span class="foxblock-slider"></span>
                            <div class="foxblock-toggle-text">
                                <span class="foxblock-toggle-label">Bật thông báo Telegram</span>
                            </div>
                        </label>
                    </div>

                    <div class="foxblock-telegram-settings" style="margin-top:20px;">
                        <div style="margin-bottom:15px;">
                            <label for="foxblock-telegram-token"
                                style="display:block;font-weight:600;margin-bottom:5px;color:#1d2327;">Bot Token</label>
                            <input type="text" id="foxblock-telegram-token" name="telegram_token"
                                value="<?php echo esc_attr(get_option('foxblock_telegram_token', '')); ?>"
                                placeholder="123456789:ABCdefGHIjklMNOpqrsTUVwxyz"
                                style="width:100%;padding:10px;border:1px solid #ff6c0073;border-radius:8px;font-family:monospace;font-size:13px;">
                        </div>

                        <div style="margin-bottom:15px;">
                            <label for="foxblock-telegram-chatid"
                                style="display:block;font-weight:600;margin-bottom:5px;color:#1d2327;">Chat ID</label>
                            <input type="text" id="foxblock-telegram-chatid" name="telegram_chatid"
                                value="<?php echo esc_attr(get_option('foxblock_telegram_chatid', '')); ?>"
                                placeholder="123456789 hoặc -100123456789"
                                style="width:100%;padding:10px;border:1px solid #ff6c0073;border-radius:8px;font-family:monospace;font-size:13px;">
                        </div>

                        <div
                            style="padding:15px;background:#fff3e7;border:1px solid #ff6c0073;border-radius:8px;margin-bottom:15px;">
                            <strong style="color:#ff6c00;">Hướng dẫn nhanh:</strong>
                            <ol style="margin:10px 0 0 20px;color:#646970;font-size:13px;line-height:1.8;">
                                <li>Mở Telegram, tìm <strong>@BotFather</strong></li>
                                <li>Gửi lệnh <code
                                        style="background:#fff;padding:2px 6px;border-radius:3px;">/newbot</code> để tạo
                                    bot mới</li>
                                <li>Đặt tên và username cho bot, nhận Bot Token</li>
                                <li>Tìm <strong>@userinfobot</strong>, gửi bất kỳ tin nhắn nào để lấy Chat ID</li>
                                <li>Nhập Bot Token và Chat ID vào form trên</li>
                                <li>Nhấn "Gửi tin nhắn thử" để kiểm tra kết nối</li>
                            </ol>
                        </div>

                        <div style="display:flex;gap:10px;flex-wrap:wrap;">
                            <button type="button" id="foxblock-telegram-test" class="button button-secondary">
                                <span class="dashicons dashicons-email" style="margin-top:3px;"></span> Gửi tin nhắn thử
                            </button>
                            <span id="foxblock-telegram-test-status"
                                style="display:inline-flex;align-items:center;font-size:13px;"></span>
                        </div>
                    </div>

                    <div class="foxblock-actions">
                        <button type="submit" class="button button-primary button-hero">Lưu cài đặt Telegram</button>
                        <span id="foxblock-telegram-status" class="foxblock-status"></span>
                    </div>
                </form>
            </div>
        </div>

        <!-- Tab Cài đặt nâng cao -->
        <div id="foxblock-tab-advanced" class="foxblock-tab">
            <div class="foxblock-card">
                <h2 style="display:flex;align-items:center;gap:10px;"><svg class="foxblock-title-icon"
                        viewBox="0 0 24 24" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.9"
                        stroke-linecap="round" stroke-linejoin="round">
                        <circle cx="12" cy="12" r="3"></circle>
                        <path
                            d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z">
                        </path>
                    </svg>Thay đổi đường dẫn đăng nhập (Hide Login)</h2>
                <p style="margin:4px 0 0;color:#646970;font-size:13px;">
                    Đổi đường dẫn <code>/wp-login.php</code> mặc định thành một đường dẫn bảo mật khác để tránh bị bot
                    dòm ngó và tấn công Brute Force.
                </p>
                <form id="foxblock-advanced-form">
                    <div style="margin-top:20px;">
                        <label class="foxblock-toggle" style="margin-bottom:20px;">
                            <input type="checkbox" name="enable_wp_login_hide" value="1" <?php checked(get_option('foxblock_enable_wp_login_hide', 1), 1); ?>>
                            <span class="foxblock-slider"></span>
                            <div class="foxblock-toggle-text">
                                <span class="foxblock-toggle-label">Bật tính năng bảo vệ trang đăng nhập (Hide
                                    Login)</span>
                            </div>
                        </label>

                        <div style="margin-bottom:15px;">
                            <div style="display:flex;align-items:center;">
                                <span
                                    style="background:#ff6c0012;padding:10px;border:1px solid #ff6c0073;border-right:none;border-radius:8px 0 0 8px;color:#ff6c00;height: 50px;display: flex;align-items: center;"><?php echo home_url('/'); ?></span>
                                <input type="text" id="foxblock-login-slug" name="login_slug"
                                    value="<?php echo esc_attr(get_option('foxblock_login_slug', '')); ?>"
                                    placeholder="Nhập tùy chỉnh vào đây"
                                    style="width:100%;padding:10px;border:1px solid #ff6c0073;border-radius:0 8px 8px 0;font-family:monospace;font-size:14px;height: 50px;">
                            </div>
                        </div>
                    </div>

                    <div
                        style="padding:15px;background:#fff3e7;border:1px solid #ff6c0073;border-radius:8px;margin-bottom:15px;">
                        <strong style="color:#ff6c00;">Lưu ý quan trọng:</strong>
                        <ul
                            style="margin:10px 0 0 20px;color:#646970;font-size:13px;line-height:1.8;list-style-type:disc;">
                            <li>Hãy ghi nhớ kỹ đường dẫn mới này. Nếu quên, bạn sẽ <strong>không thể đăng nhập</strong>.
                            </li>
                            <li>Khi tính năng này được bật, truy cập vào <code>/wp-login.php</code> hoặc
                                <code>/wp-admin</code> (khi chưa đăng nhập) sẽ bị chặn báo lỗi 404 hoặc chuyển hướng
                                trang chủ.
                            </li>
                            <li>Nếu dùng Cache Plugin (như LiteSpeed Cache, WP Rocket), vui lòng <strong>Xóa
                                    Cache</strong> toàn trang sau khi lưu cài đặt và thêm URL đăng nhập mới vào mục loại
                                trừ bộ nhớ đệm (Exclude from cache).</li>
                        </ul>
                    </div>

                    <div class="foxblock-actions">
                        <button type="submit" class="button button-primary button-hero">Lưu cài đặt</button>
                        <span id="foxblock-advanced-status" class="foxblock-status"></span>
                    </div>
                </form>
            </div>

            <!-- === Xác thực 2 lớp (2FA) === -->
            <div class="foxblock-card">
                <h2 style="display:flex;align-items:center;gap:10px;">
                    <svg class="foxblock-title-icon" viewBox="0 0 24 24" aria-hidden="true" fill="none"
                        stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round">
                        <rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect>
                        <path d="M7 11V7a5 5 0 0 1 10 0v4"></path>
                    </svg>
                    Xác thực 2 lớp (2FA — TOTP)
                </h2>
                <p style="margin:4px 0 0;color:#646970;font-size:13px;">
                    Cho phép người dùng bảo vệ tài khoản bằng mã OTP từ Google Authenticator / Microsoft Authenticator.
                    Khi bật, mỗi người dùng có thể tự thiết lập 2FA trong trang hồ sơ của họ.
                </p>
                <form id="foxblock-2fa-master-form" style="margin-top:20px;">
                    <div
                        style="display:flex;align-items:flex-start;gap:14px;padding:14px 16px;background:<?php echo get_option('foxblock_2fa_master_enabled', 0) ? '#fff8f0' : '#fafafa'; ?>;border:1.5px solid <?php echo get_option('foxblock_2fa_master_enabled', 0) ? '#ff6c0073' : '#e5e7eb'; ?>;border-radius:10px;margin-bottom:16px;">
                        <label class="foxblock-toggle" style="margin:0;">
                            <input type="checkbox" name="foxblock_2fa_master_enabled" value="1" <?php checked(get_option('foxblock_2fa_master_enabled', 0), 1); ?>>
                            <span class="foxblock-slider"></span>
                        </label>
                        <div style="flex:1;min-width:0;">
                            <div class="foxblock-toggle-text">
                                <span class="foxblock-toggle-label" style="font-size:14px;font-weight:600;">Bật tính
                                    năng 2FA</span>
                            </div>
                            <p style="margin:0;font-size:12.5px;color:#646970;line-height:1.6;">Khi bật, mỗi người dùng
                                có thể vào <strong>Hồ sơ cá nhân → Xác thực 2 lớp</strong> để thiết lập.</p>
                        </div>
                    </div>
                    <div class="foxblock-actions">
                        <button type="submit" class="button button-primary">Lưu cài đặt 2FA</button>
                        <span id="foxblock-2fa-master-status" class="foxblock-status"></span>
                    </div>
                </form>
            </div>

            <!-- === Cấu hình AI Phân tích (Groq/Zinbox) === -->
            <div class="foxblock-card">
                <h2 style="display:flex;align-items:center;gap:10px;">
                    <svg class="foxblock-title-icon" viewBox="0 0 24 24" aria-hidden="true" fill="none"
                        stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round">
                        <circle cx="12" cy="12" r="10"></circle>
                        <line x1="12" y1="16" x2="12" y2="12"></line>
                        <line x1="12" y1="8" x2="12.01" y2="8"></line>
                    </svg>
                    Cấu hình AI Phân tích (Zinbox/Groq/OpenAI chuẩn)
                </h2>
                <p style="margin:4px 0 0;color:#646970;font-size:13px;">
                    Cung cấp kết nối tới nhà cung cấp API AI để sử dụng được chức năng "AI phân tích" trong phần Quét mã độc. Trình quản lý AI sẽ giúp giảm thiểu rủi ro nhận xét nhầm (false positive).
                </p>
                <form id="foxblock-ai-settings-form" style="margin-top:20px;">
                    <div style="display:flex;align-items:flex-start;gap:14px;padding:14px 16px;background:<?php echo get_option('foxblock_ai_enabled', 0) ? '#fff8f0' : '#fafafa'; ?>;border:1.5px solid <?php echo get_option('foxblock_ai_enabled', 0) ? '#ff6c0073' : '#e5e7eb'; ?>;border-radius:10px;margin-bottom:16px;">
                        <label class="foxblock-toggle" style="margin:0;">
                            <input type="checkbox" name="foxblock_ai_enabled" id="foxblock_ai_enabled" value="1" <?php checked(get_option('foxblock_ai_enabled', 0), 1); ?>>
                            <span class="foxblock-slider"></span>
                        </label>
                        <div style="flex:1;min-width:0;">
                            <div class="foxblock-toggle-text">
                                <span class="foxblock-toggle-label" style="font-size:14px;font-weight:600;">Bật tính năng AI phân tích</span>
                            </div>
                            <p style="margin:0;font-size:12.5px;color:#646970;line-height:1.6;">Nút "AI phân tích" ở tab Quét mã độc sẽ chỉ mở khi bạn bật tính năng này và khai báo Endpoint, Model cùng API Key hợp lệ bên dưới.</p>
                        </div>
                    </div>

                    <div style="margin-bottom:20px;">
                        <label for="foxblock_ai_endpoint" style="display:block;font-weight:600;margin-bottom:6px;color:#1d2327;font-size:13px;">Endpoint API</label>
                        <input name="foxblock_ai_endpoint" type="text" id="foxblock_ai_endpoint" value="<?php echo esc_attr(get_option('foxblock_ai_endpoint', '')); ?>" style="width:100%;max-width:100%;padding:9px 12px;border:1px solid #ff6c0073;border-radius:8px;font-size:13px;height: 46px;" placeholder="Ví dụ: https://api.groq.com/openai/v1/chat/completions">
                    </div>
                    
                    <div style="display:grid;grid-template-columns:1fr 1fr;gap:20px;">
                        <div>
                            <label for="foxblock_ai_model" style="display:block;font-weight:600;margin-bottom:6px;color:#1d2327;font-size:13px;">Model</label>
                            <input name="foxblock_ai_model" type="text" id="foxblock_ai_model" value="<?php echo esc_attr(get_option('foxblock_ai_model', '')); ?>" style="width:100%;max-width:100%;padding:9px 12px;border:1px solid #ff6c0073;border-radius:8px;font-size:13px;height: 46px;" placeholder="Ví dụ: mixtral-8x7b-32768 / gpt-4o">
                        </div>
                        <div>
                            <label for="foxblock_ai_apikey" style="display:block;font-weight:600;margin-bottom:6px;color:#1d2327;font-size:13px;">API Key bí mật</label>
                            <input name="foxblock_ai_apikey" type="password" id="foxblock_ai_apikey" value="<?php echo esc_attr(get_option('foxblock_ai_apikey', '')); ?>" style="width:100%;max-width:100%;padding:9px 12px;border:1px solid #ff6c0073;border-radius:8px;font-size:13px;height: 46px;" placeholder="Nhập khóa API">
                        </div>
                    </div>

                    <div class="foxblock-actions" style="margin-top:20px;">
                        <button type="submit" class="button button-primary">Lưu cấu hình AI</button>
                        <span id="foxblock-ai-settings-status" class="foxblock-status"></span>
                    </div>
                </form>
            </div>

            <!-- === Vô hiệu hoá tính năng dễ bị tấn công === -->

            <div class="foxblock-card">
                <h2 style="display:flex;align-items:center;gap:10px;">
                    <svg class="foxblock-title-icon" viewBox="0 0 24 24" aria-hidden="true" fill="none"
                        stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round">
                        <path d="M12 3l7 3v5c0 5-3.4 8.7-7 10-3.6-1.3-7-5-7-10V6l7-3z"></path>
                        <path d="M9 12l2 2 4-4"></path>
                    </svg>
                    Vô hiệu hoá tính năng dễ bị tấn công
                </h2>
                <p style="margin:4px 0 0;color:#646970;font-size:13px;">
                    Tắt các tính năng WordPress mặc định thường bị khai thác bởi hacker. Mỗi tuỳ chọn có thể ảnh hưởng
                    tới một số plugin/service — hãy đọc kỹ mô tả trước khi bật.
                </p>

                <form id="foxblock-disable-features-form" style="margin-top:20px;">
                    <?php
                    $disabled_features = get_option('foxblock_disabled_features', []);
                    $security_features = [
                        'disable_rest_api' => [
                            'label' => 'REST API (/wp-json/)',
                            'desc' => 'Vô hiệu hoá REST API với người dùng chưa đăng nhập. Chặn các endpoint như /wp-json/wp/v2/users hay /wp-json/oembed. Có thể ảnh hưởng tới Gutenberg, ứng dụng di động kết nối WP.',
                            'icon' => 'dashicons-rest-api',
                            'risk' => 'Trung bình',
                        ],
                        'disable_xmlrpc' => [
                            'label' => 'XML-RPC (xmlrpc.php)',
                            'desc' => 'Tắt hoàn toàn XML-RPC — con đường tấn công Brute Force phổ biến nhất. Ảnh hưởng tới Jetpack, ứng dụng WP Mobile và Pingback.',
                            'icon' => 'dashicons-code-standards',
                            'risk' => 'Cao',
                        ],
                        'disable_wp_embed' => [
                            'label' => 'WP-Embed (oEmbed)',
                            'desc' => 'Tắt tính năng nhúng (embed) nội dung WordPress qua oEmbed. Ngăn rò rỉ thông tin website qua /wp-json/oembed và ?oembed=1.',
                            'icon' => 'dashicons-video-alt3',
                            'risk' => 'Thấp',
                        ],
                        'disable_rss_feed' => [
                            'label' => 'RSS/Atom Feed',
                            'desc' => 'Tắt toàn bộ RSS và Atom feed. Ngăn kẻ tấn công thu thập nội dung bài viết, thông tin tác giả, thời gian đăng tự động. Ảnh hưởng RSS reader và các dịch vụ đồng bộ feed.',
                            'icon' => 'dashicons-rss',
                            'risk' => 'Thấp',
                        ],
                        'disable_author_enum' => [
                            'label' => 'User Enumeration (?author=N)',
                            'desc' => 'Chặn việc dò tên đăng nhập qua ?author=1, ?author=2... Cần thiết để ngăn Brute Force tên tài khoản.',
                            'icon' => 'dashicons-admin-users',
                            'risk' => 'Cao',
                        ],
                        'disable_wp_version' => [
                            'label' => 'Ẩn phiên bản WordPress',
                            'desc' => 'Xoá thẻ meta generator và version query string trong CSS/JS để hacker không biết version đang chạy.',
                            'icon' => 'dashicons-visibility',
                            'risk' => 'Thấp',
                        ],
                        'disable_file_edit' => [
                            'label' => 'Chỉnh sửa file qua Admin (Theme/Plugin Editor)',
                            'desc' => 'Tắt trình soạn thảo code trong trang quản trị (Appearance > Editor, Plugins > Editor). Nếu bị chiếm tài khoản admin, hacker không thể inject code trực tiếp vào theme/plugin.',
                            'icon' => 'dashicons-edit-page',
                            'risk' => 'Cao',
                        ],
                        'disable_pingback' => [
                            'label' => 'Pingback & Trackback',
                            'desc' => 'Tắt pingback và trackback. Tính năng này hay bị lợi dụng để tạo DDoS amplification attack và spam.',
                            'icon' => 'dashicons-networking',
                            'risk' => 'Trung bình',
                        ],
                        'disable_self_pingback' => [
                            'label' => 'Self-Pingback (Pingback nội bộ)',
                            'desc' => 'Ngăn WordPress tự gửi pingback khi link tới bài viết khác trong cùng site. Không ảnh hưởng pingback từ bên ngoài.',
                            'icon' => 'dashicons-admin-links',
                            'risk' => 'Thấp',
                        ],
                        'disable_readme' => [
                            'label' => 'Chặn readme.html & license.txt',
                            'desc' => 'Chặn truy cập vào readme.html và license.txt để hacker không thể xác định version WordPress.',
                            'icon' => 'dashicons-media-text',
                            'risk' => 'Thấp',
                        ],
                        'disable_script_concat' => [
                            'label' => 'Tắt Script Concatenation trong Admin',
                            'desc' => 'Tắt tính năng gộp JS trong trang admin (load=1). Giảm nguy cơ lộ cấu trúc hệ thống qua URL ?load[]=...',
                            'icon' => 'dashicons-admin-generic',
                            'risk' => 'Thấp',
                        ],
                        'disable_application_passwords' => [
                            'label' => 'Application Passwords',
                            'desc' => 'Tắt tính năng Application Passwords (mật khẩu ứng dụng) của WP 5.6+. Nếu bị rò rỉ, tính năng này cho phép đăng nhập không cần MFA.',
                            'icon' => 'dashicons-lock',
                            'risk' => 'Trung bình',
                        ],
                    ];
                    ?>

                    <div style="display:grid;gap:12px;margin-bottom:20px;">
                        <?php foreach ($security_features as $key => $feature):
                            $is_enabled = in_array($key, $disabled_features);
                            $risk_color = $feature['risk'] === 'Cao' ? '#dc2626' : ($feature['risk'] === 'Trung bình' ? '#d97706' : '#16a34a');
                            $risk_bg = $feature['risk'] === 'Cao' ? '#fef2f2' : ($feature['risk'] === 'Trung bình' ? '#fffbeb' : '#f0fdf4');
                            ?>
                            <div style="display:flex;align-items:flex-start;gap:14px;padding:14px 16px;background:<?php echo $is_enabled ? '#fff8f0' : '#fafafa'; ?>;border:1.5px solid <?php echo $is_enabled ? '#ff6c0073' : '#e5e7eb'; ?>;border-radius:10px;transition:all .2s;"
                                class="foxblock-secfeat-row">
                                <label class="foxblock-toggle" style="margin:0;flex-shrink:0;margin-top:2px;">
                                    <input type="checkbox" name="disabled_features[]" value="<?php echo esc_attr($key); ?>"
                                        <?php checked($is_enabled); ?>>
                                    <span class="foxblock-slider"></span>
                                </label>
                                <div style="flex:1;min-width:0;">
                                    <div style="display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px;">
                                        <strong
                                            style="font-size:13.5px;color:#1d2327;"><?php echo esc_html($feature['label']); ?></strong>
                                        <span
                                            style="font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px;background:<?php echo $risk_bg; ?>;color:<?php echo $risk_color; ?>;border:1px solid <?php echo $risk_color; ?>40;">
                                            Rủi ro: <?php echo esc_html($feature['risk']); ?>
                                        </span>
                                    </div>
                                    <p style="margin:0;font-size:12.5px;color:#646970;line-height:1.6;">
                                        <?php echo esc_html($feature['desc']); ?>
                                    </p>
                                </div>
                            </div>
                        <?php endforeach; ?>
                    </div>

                    <div
                        style="padding:14px;background:#e7f5ff;border:1px solid #2271b180;border-radius:8px;margin-bottom:18px;font-size:13px;color:#1d2327;">
                        <strong style="color:#2271b1;">Lưu ý:</strong> Một số tính năng khi tắt có thể ảnh hưởng tới
                        plugin/theme bên thứ ba. Nếu website gặp lỗi sau khi lưu, hãy tắt lần lượt từng tuỳ chọn để xác
                        định nguyên nhân.
                    </div>

                    <div class="foxblock-actions">
                        <button type="submit" class="button button-primary button-hero" style="font-size:16px;">
                            Lưu cài đặt bảo mật
                        </button>
                        <span id="foxblock-disable-features-status" class="foxblock-status"></span>
                    </div>
                </form>
            </div>

            <!-- === Bộ lọc Media (Media Filter) === -->
            <div class="foxblock-card">
                <h2 style="display:flex;align-items:center;gap:10px;">
                    <svg class="foxblock-title-icon" viewBox="0 0 24 24" aria-hidden="true" fill="none"
                        stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round">
                        <rect x="3" y="3" width="18" height="18" rx="2"></rect>
                        <path d="M3 9h18"></path>
                        <path d="M9 21V9"></path>
                    </svg>
                    Bộ lọc Media — Chặn Upload File Độc Hại
                </h2>
                <p style="margin:4px 0 0;color:#646970;font-size:13px;">
                    Kiểm tra và chặn các file upload nguy hiểm trước khi chúng lưu vào server. Sử dụng nhiều lớp kiểm
                    tra: extension, MIME thật, nội dung file và phân tích SVG.
                </p>

                <form id="foxblock-media-filter-form" style="margin-top:20px;">
                    <?php
                    $media_opts = get_option('foxblock_media_filter', []);
                    $mf_enabled = !empty($media_opts['enabled']);
                    $mf_fake_image = !empty($media_opts['block_fake_image']);
                    $mf_svg = !empty($media_opts['block_svg_malware']);
                    $mf_archive = !empty($media_opts['block_malware_archive']);
                    $mf_code = !empty($media_opts['block_code_payload']);
                    ?>

                    <!-- Master Toggle -->
                    <div
                        style="padding:14px 16px;background:<?php echo $mf_enabled ? '#fff8f0' : '#fafafa'; ?>;border:1.5px solid <?php echo $mf_enabled ? '#ff6c0073' : '#e5e7eb'; ?>;border-radius:10px;margin-bottom:16px;">
                        <label class="foxblock-toggle" style="margin:0;">
                            <input type="checkbox" name="media_filter[enabled]" value="1" <?php checked($mf_enabled); ?>
                                id="foxblock-mf-master">
                            <span class="foxblock-slider"></span>
                            <div class="foxblock-toggle-text">
                                <span class="foxblock-toggle-label" style="font-size:14px;font-weight:600;">Bật Bộ lọc
                                    Media (Media Filter)</span>
                            </div>
                        </label>
                        <p style="margin:8px 0 0 54px;font-size:12.5px;color:#646970;">Khi bật, mọi file upload sẽ được
                            quét qua các bộ lọc bên dưới trước khi lưu vào server.</p>
                    </div>

                    <!-- Sub-options -->
                    <div id="foxblock-mf-suboptions"
                        style="display:grid;gap:10px;margin-bottom:18px;<?php echo $mf_enabled ? '' : 'opacity:.5;pointer-events:none;'; ?>">

                        <!-- Block fake image -->
                        <div
                            style="display:flex;align-items:flex-start;gap:14px;padding:12px 16px;background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;">
                            <label class="foxblock-toggle" style="margin:0;flex-shrink:0;margin-top:2px;">
                                <input type="checkbox" name="media_filter[block_fake_image]" value="1" <?php checked($mf_fake_image); ?>>
                                <span class="foxblock-slider"></span>
                            </label>
                            <div>
                                <div style="display:flex;align-items:center;gap:8px;margin-bottom:3px;">
                                    <strong style="font-size:13px;color:#1d2327;">Chặn file giả ảnh (Fake
                                        Image)</strong>
                                    <span
                                        style="font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px;background:#fef2f2;color:#dc2626;border:1px solid #dc262640;">Rủi
                                        ro: Cao</span>
                                </div>
                                <p style="margin:0;font-size:12px;color:#646970;line-height:1.6;">Phát hiện file đổi tên
                                    thành <code>.jpg/.png</code> nhưng MIME thật là PHP/script. Kiểm tra bằng
                                    <code>finfo_file()</code> + so sánh extension. Chặn double-extension
                                    (<code>.jpg.php</code>).
                                </p>
                            </div>
                        </div>

                        <!-- Block SVG malware -->
                        <div
                            style="display:flex;align-items:flex-start;gap:14px;padding:12px 16px;background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;">
                            <label class="foxblock-toggle" style="margin:0;flex-shrink:0;margin-top:2px;">
                                <input type="checkbox" name="media_filter[block_svg_malware]" value="1" <?php checked($mf_svg); ?>>
                                <span class="foxblock-slider"></span>
                            </label>
                            <div>
                                <div style="display:flex;align-items:center;gap:8px;margin-bottom:3px;">
                                    <strong style="font-size:13px;color:#1d2327;">Chặn SVG chứa mã độc</strong>
                                    <span
                                        style="font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px;background:#fef2f2;color:#dc2626;border:1px solid #dc262640;">Rủi
                                        ro: Cao</span>
                                </div>
                                <p style="margin:0;font-size:12px;color:#646970;line-height:1.6;">Parse nội dung SVG,
                                    chặn nếu chứa <code>&lt;script&gt;</code>, <code>onload=</code>,
                                    <code>javascript:</code>, hoặc các event handler nguy hiểm. Cho phép SVG sạch.
                                </p>
                            </div>
                        </div>

                        <!-- Block malware archive -->
                        <div
                            style="display:flex;align-items:flex-start;gap:14px;padding:12px 16px;background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;">
                            <label class="foxblock-toggle" style="margin:0;flex-shrink:0;margin-top:2px;">
                                <input type="checkbox" name="media_filter[block_malware_archive]" value="1" <?php checked($mf_archive); ?>>
                                <span class="foxblock-slider"></span>
                            </label>
                            <div>
                                <div style="display:flex;align-items:center;gap:8px;margin-bottom:3px;">
                                    <strong style="font-size:13px;color:#1d2327;">Chặn file nén có dấu hiệu mã độc (ZIP,
                                        RAR)</strong>
                                    <span
                                        style="font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px;background:#fffbeb;color:#d97706;border:1px solid #d9770640;">Rủi
                                        ro: Trung bình</span>
                                </div>
                                <p style="margin:0;font-size:12px;color:#646970;line-height:1.6;">Đọc nội dung file
                                    ZIP/RAR (text-readable), phát hiện pattern nguy hiểm ẩn bên trong. Chặn hoàn toàn
                                    upload ZIP/RAR nếu phát hiện mã độc.</p>
                            </div>
                        </div>

                        <!-- Block code payload -->
                        <div
                            style="display:flex;align-items:flex-start;gap:14px;padding:12px 16px;background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;">
                            <label class="foxblock-toggle" style="margin:0;flex-shrink:0;margin-top:2px;">
                                <input type="checkbox" name="media_filter[block_code_payload]" value="1" <?php checked($mf_code); ?>>
                                <span class="foxblock-slider"></span>
                            </label>
                            <div>
                                <div style="display:flex;align-items:center;gap:8px;margin-bottom:3px;">
                                    <strong style="font-size:13px;color:#1d2327;">Chặn file chứa code PHP/JS nguy
                                        hiểm</strong>
                                    <span
                                        style="font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px;background:#fef2f2;color:#dc2626;border:1px solid #dc262640;">Rủi
                                        ro: Cao</span>
                                </div>
                                <p style="margin:0;font-size:12px;color:#646970;line-height:1.6;">Scan nội dung file
                                    (tối đa 2MB): phát hiện <code>&lt;?php</code>, <code>eval(</code>,
                                    <code>base64_decode</code>, <code>shell_exec</code>, <code>&lt;script</code>,
                                    <code>javascript:</code>. Áp dụng cho mọi loại file upload.
                                </p>
                            </div>
                        </div>

                    </div>

                    <!-- Patterns info -->
                    <div
                        style="padding:13px 15px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:18px;font-size:12.5px;color:#374151;line-height:1.7;">
                        <strong style="color:#1d2327;">Extension bị chặn tuyệt đối:</strong>
                        <div style="margin-top:6px;display:flex;flex-wrap:wrap;gap:6px;">
                            <?php foreach (['.php', '.phtml', '.phar', '.php3', '.php4', '.php5', '.php7', '.shtml', '.phtml', '.asp', '.aspx', '.cgi', '.pl', '.exe', '.sh'] as $ext): ?>
                                <code
                                    style="background:#fee2e2;color:#991b1b;padding:2px 7px;border-radius:4px;font-size:11px;"><?php echo esc_html($ext); ?></code>
                            <?php endforeach; ?>
                        </div>
                    </div>

                    <div class="foxblock-actions">
                        <button type="submit" class="button button-primary button-hero" style="font-size:16px;">
                            Lưu cài đặt Bộ lọc Media
                        </button>
                        <span id="foxblock-media-filter-status" class="foxblock-status"></span>
                    </div>
                </form>
            </div>
        </div>

        <!-- ═══════════════════════════════════ Tab Sao lưu & Khôi phục ═══════════════════════════════════ -->
        <div id="foxblock-tab-backup" class="foxblock-tab">

            <!-- Card 1: Sao lưu thủ công -->
            <div class="foxblock-card">
                <div class="foxblock-card-header">
                    <div>
                        <h2 style="display:flex;align-items:center;gap:10px;">
                            <svg class="foxblock-title-icon" viewBox="0 0 24 24" aria-hidden="true" fill="none"
                                stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round">
                                <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
                                <polyline points="17 8 12 3 7 8"></polyline>
                                <line x1="12" y1="3" x2="12" y2="15"></line>
                            </svg>
                            Sao lưu thủ công
                        </h2>
                        <p style="margin:4px 0 0;color:#646970;font-size:13px;">
                            Tạo bản sao lưu đầy đủ: Database + wp-content (uploads, plugins, themes). Định dạng
                            <code>.foxblock</code>.
                        </p>
                    </div>
                    <div style="display:flex;align-items:center;gap:10px;flex-shrink:0;">
                        <button id="foxblock-backup-start" class="button button-primary"
                            style="white-space:nowrap;display:flex;align-items:center;gap:6px;">
                            <svg viewBox="0 0 24 24" style="width:16px;height:16px;" fill="none" stroke="currentColor"
                                stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
                                <polyline points="17 8 12 3 7 8"></polyline>
                                <line x1="12" y1="3" x2="12" y2="15"></line>
                            </svg>
                            Tạo Backup Ngay
                        </button>
                        <button id="foxblock-backup-cancel" class="button button-secondary"
                            style="display:none;">Hủy</button>
                    </div>
                </div>

                <!-- Progress area -->
                <div id="foxblock-backup-progress-wrap" style="display:none;margin-top:20px;">
                    <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;">
                        <span id="foxblock-backup-step-label" style="font-size:13px;color:#374151;font-weight:600;">Đang
                            khởi động...</span>
                        <span id="foxblock-backup-pct" style="font-size:13px;color:#ff6c00;font-weight:700;">0%</span>
                    </div>
                    <div style="background:#f0f2f5;border-radius:50px;height:10px;overflow:hidden;">
                        <div id="foxblock-backup-bar"
                            style="height:10px;background:linear-gradient(90deg,#ff6c00,#ff9500);border-radius:50px;transition:width .4s ease;width:0%;">
                        </div>
                    </div>
                    <div id="foxblock-backup-log"
                        style="margin-top:12px;padding:10px 14px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-size:12.5px;color:#6b7280;min-height:40px;max-height:120px;overflow-y:auto;font-family:monospace;">
                    </div>
                </div>

                <!-- Success message -->
                <div id="foxblock-backup-done"
                    style="display:none;margin-top:20px;padding:14px 18px;background:#f0fdf4;border:1px solid #86efac;border-radius:8px;">
                    <div style="display:flex;align-items:center;gap:10px;">
                        <svg viewBox="0 0 24 24" style="width:22px;height:22px;color:#16a34a;flex-shrink:0;" fill="none"
                            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                            <circle cx="12" cy="12" r="9"></circle>
                            <path d="M8.5 12.5l2.2 2.2 4.8-5.2"></path>
                        </svg>
                        <span id="foxblock-backup-done-msg"
                            style="color:#166534;font-weight:600;font-size:13px;"></span>
                    </div>
                </div>
            </div>

            <!-- Card 2: Lịch backup tự động -->
            <div class="foxblock-card">
                <h2 style="display:flex;align-items:center;gap:10px;">
                    <svg class="foxblock-title-icon" viewBox="0 0 24 24" aria-hidden="true" fill="none"
                        stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round">
                        <rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect>
                        <line x1="16" y1="2" x2="16" y2="6"></line>
                        <line x1="8" y1="2" x2="8" y2="6"></line>
                        <line x1="3" y1="10" x2="21" y2="10"></line>
                    </svg>
                    Lịch Backup Tự động
                </h2>
                <p style="margin:4px 0 0;color:#646970;font-size:13px;">Tự động tạo backup theo lịch đặt sẵn. Backup cũ
                    vượt quá số lượng giữ lại sẽ được xóa tự động.</p>
                <form id="foxblock-backup-schedule-form" style="margin-top:20px;">
                    <div style="display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;">
                        <div>
                            <label
                                style="display:block;font-weight:600;margin-bottom:6px;color:#1d2327;font-size:13px;">Nơi lưu trữ</label>
                            <select name="storage" id="foxblock-backup-storage"
                                style="width:100%;max-width:100%;padding:9px 12px;border:1px solid #ff6c0073;border-radius:8px;font-size:13px;height: 46px;">
                                <?php
                                $storage = get_option('foxblock_backup_storage', 'local');
                                ?>
                                <option value="local" <?php selected($storage, 'local'); ?>>Máy chủ (Local)</option>
                                <option value="gdrive" <?php selected($storage, 'gdrive'); ?>>Google Drive</option>
                            </select>
                        </div>
                        <div>
                            <label
                                style="display:block;font-weight:600;margin-bottom:6px;color:#1d2327;font-size:13px;">Số bản backup giữ lại</label>
                            <select name="backup_retention" id="foxblock-backup-retention"
                                style="width:100%;max-width:100%;padding:9px 12px;border:1px solid #ff6c0073;border-radius:8px;font-size:13px;height: 46px;">
                                <?php
                                $retention = intval(get_option('foxblock_backup_retention', 5));
                                foreach ([1, 2, 3, 5, 7, 10, 15, 20, 30] as $n): ?>
                                    <option value="<?php echo $n; ?>" <?php selected($retention, $n); ?>><?php echo $n; ?> bản</option>
                                <?php endforeach; ?>
                            </select>
                        </div>
                    </div>
                    <div style="display:grid;grid-template-columns:1fr 1fr;gap:20px;">
                        <div>
                            <label
                                style="display:block;font-weight:600;margin-bottom:6px;color:#1d2327;font-size:13px;">Tần
                                suất backup</label>
                            <select name="backup_schedule" id="foxblock-backup-schedule"
                                style="width:100%;max-width:100%;padding:9px 12px;border:1px solid #ff6c0073;border-radius:8px;font-size:13px;height: 46px;">
                                <?php
                                $sched = get_option('foxblock_backup_schedule', 'disabled');
                                $sched_opts = ['disabled' => 'Tắt backup tự động', 'daily' => 'Hàng ngày', 'weekly' => 'Hàng tuần', 'monthly' => 'Hàng tháng'];
                                foreach ($sched_opts as $val => $label): ?>
                                    <option value="<?php echo esc_attr($val); ?>" <?php selected($sched, $val); ?>>
                                        <?php echo esc_html($label); ?>
                                    </option>
                                <?php endforeach; ?>
                            </select>
                        </div>
                        <div>
                            <label
                                style="display:block;font-weight:600;margin-bottom:6px;color:#1d2327;font-size:13px;">Giờ
                                chạy (Server)</label>
                            <input type="time" name="backup_time" id="foxblock-backup-time"
                                value="<?php echo esc_attr(get_option('foxblock_backup_time', '02:00')); ?>"
                                style="width:100%;padding:9px 12px;border:1px solid #ff6c0073;border-radius:8px;font-size:13px;height: 46px;">
                        </div>
                    </div>

                    <!-- Google Drive Config Box -->
                    <div id="foxblock-gdrive-config" style="display:<?php echo $storage === 'gdrive' ? 'block' : 'none'; ?>; margin-top:20px; padding:18px; background:#fafafa; border:1px solid #e5e7eb; border-radius:8px;">
                        <h3 style="margin:0 0 15px 0; font-size:15px; display:flex; align-items:center; gap:8px;">
							<svg class="foxblock-title-icon" fill="currentColor" width="20" height="20" height="800px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" data-name="Layer 1"><path d="M21.4231,13.88785,15.33356,3.33792H8.66663l6.09,10.54993ZM8.08917,4.33835,2,14.88736l3.33356,5.77472,6.08911-10.54926Zm1.73273,10.549L6.48877,20.66208H18.66663L22,14.88736Z"/></svg>
                            Cấu hình Google Drive
                        </h3>
                        
                        <?php
                        foxblock_load_backup_classes();
                        $gdrive_handler = new Foxblock_Backup_Google_OAuth_Handler();
                        $is_connected = $gdrive_handler->is_connected();
                        $gdrive_email = get_option('foxblock_gdrive_email', '');
                        $gdrive_folder = get_option('foxblock_gdrive_folder', 'Foxblock Backups');
                        ?>
                        
                        <?php if (isset($_GET['gdrive_success'])): ?>
                            <div style="padding:12px; background:#dcfce7; color:#166534; border:1px solid #bbf7d0; border-radius:6px; margin-bottom:15px; font-size:13px;">
                                Kết nối Google Drive thành công!
                            </div>
                        <?php endif; ?>
                        
                        <?php if (isset($_GET['gdrive_error'])): ?>
                            <div style="padding:12px; background:#fee2e2; color:#991b1b; border:1px solid #fecaca; border-radius:6px; margin-bottom:15px; font-size:13px;">
                                Lỗi kết nối: <?php echo esc_html($_GET['gdrive_error']); ?>
                            </div>
                        <?php endif; ?>

                        <div style="display:grid; grid-template-columns: 1fr 1fr; gap:15px; align-items:end;">
                            <div>
                                <label style="display:block;font-weight:600;margin-bottom:6px;color:#1d2327;font-size:13px;">Thư mục trên Drive</label>
                                <input type="text" name="gdrive_folder" value="<?php echo esc_attr($gdrive_folder); ?>" style="width:100%;padding:9px 12px;border:1px solid #ff6c0073;border-radius:8px;font-size:13px;height: 46px;" placeholder="Ví dụ: /WP-Backups">
                            </div>
                            
                            <div>
                                <?php if ($is_connected): ?>
                                    <div style="display:flex; gap:10px; align-items:center; height: 46px; background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 8px; padding: 0 12px; font-size: 13px;">
                                        <span style="color:#166534; font-weight:600;">Đã kết nối:</span> 
                                        <span><?php echo esc_html($gdrive_email ? $gdrive_email : 'Tài khoản Google'); ?></span>
                                    </div>
                                <?php else: ?>
                                    <div style="display:flex; gap:10px; align-items:center; height: 46px; background: #fff3e7; border: 1px solid #ff6c0073; border-radius: 8px; padding: 0 12px; font-size: 13px;">
                                        <span style="color:#c2410c; font-weight:600;">Chưa kết nối Google Drive</span> 
                                    </div>
                                <?php endif; ?>
                            </div>
                        </div>

                        <?php if (!$is_connected): ?>
                        <div style="margin-top:15px;">
                            <label style="display:block;font-weight:600;margin-bottom:6px;color:#1d2327;font-size:13px;">Google Client ID <small style="font-weight:normal;color:#646970;">(Bắt buộc khi không dùng trung gian)</small></label>
                            <input type="text" name="foxblock_gdrive_client_id" id="foxblock-gdrive-client-id" value="<?php echo esc_attr(get_option('foxblock_gdrive_client_id', '')); ?>" style="width:100%;padding:9px 12px;border:1px solid #ff6c0073;border-radius:8px;font-size:13px;height: 46px;margin-bottom:10px;" placeholder="Ví dụ: 123456789-xxxx.apps.googleusercontent.com">

                            <label style="display:block;font-weight:600;margin-bottom:6px;color:#1d2327;font-size:13px;">Google Client Secret</label>
                            <input type="password" name="foxblock_gdrive_client_secret" id="foxblock-gdrive-client-secret" value="<?php echo esc_attr(get_option('foxblock_gdrive_client_secret', '')); ?>" style="width:100%;padding:9px 12px;border:1px solid #ff6c0073;border-radius:8px;font-size:13px;height: 46px;margin-bottom:10px;" placeholder="Nhập Client Secret...">
                            
                            <label style="display:block;font-weight:600;margin-bottom:6px;color:#1d2327;font-size:13px;">Authorized redirect URIs <small style="font-weight:normal;color:#646970;">(Copy link này dán vào Google Cloud)</small></label>
                            <input type="text" readonly value="<?php echo esc_url(admin_url('admin-ajax.php?action=foxblock_gdrive_oauth_callback')); ?>" style="width:100%;padding:9px 12px;border:1px solid #e5e7eb;background:#f3f4f6;border-radius:8px;font-size:13px;height: 46px;color:#374151;" onclick="this.select();">
                            
                            <p style="font-size:12px;color:#646970;margin-top:10px;">Vì bạn yêu cầu không sử dụng server trung gian để bảo mật tuyệt đối, bạn phải tự tạo App trên <a href="https://console.cloud.google.com/" target="_blank">Google Cloud Console</a>, dán URL ở trên vào mục <strong>Authorized redirect URIs</strong> rồi lấy Client ID/Secret điền vào đây.</p>
                        </div>
                        <?php endif; ?>

                        <div style="margin-top:18px; display:flex; gap:10px;">
                            <?php if ($is_connected): ?>
                                <button type="button" id="foxblock-gdrive-disconnect" class="button" style="color:#dc2626; border-color:#dc2626;">Ngắt kết nối</button>
                                <button type="button" id="foxblock-gdrive-test" class="button">Kiểm tra tải lên</button>
                                <span id="foxblock-gdrive-test-status" style="font-size:13px; display:flex; align-items:center; margin-left: 10px;"></span>
                            <?php else: ?>
                                <button type="button" id="foxblock-gdrive-connect" class="button button-primary">Gắn kết Google Drive</button>
                            <?php endif; ?>
                        </div>
                    </div>

                    <?php
                    $next_backup = wp_next_scheduled('foxblock_auto_backup');
                    if ($next_backup && $sched !== 'disabled'): ?>
                        <div
                            style="margin-top:12px;padding:10px 14px;background:#e7f5ff;border:1px solid #2271b180;border-radius:6px;font-size:13px;color:#1d2327;">
                            <strong style="color:#2271b1;">Backup tự động tiếp theo:</strong>
                            <?php echo esc_html(wp_date('d/m/Y H:i:s', $next_backup)); ?>
                        </div>
                    <?php endif; ?>
                    <div class="foxblock-actions">
                        <button type="submit" class="button button-primary button-hero" style="font-size:16px;">Lưu lịch
                            backup</button>
                        <span id="foxblock-schedule-status" class="foxblock-status"></span>
                    </div>
                </form>
            </div>

            <!-- Card 3: Danh sách backup -->
            <div class="foxblock-card">
                <div class="foxblock-card-header">
                    <div>
                        <h2 style="display:flex;align-items:center;gap:10px;">
                            <svg class="foxblock-title-icon" viewBox="0 0 24 24" aria-hidden="true" fill="none"
                                stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round">
                                <path d="M3 7h6l2 2h10v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7z"></path>
                            </svg>
                            Danh sách Backup
                        </h2>
                        <p style="margin:4px 0 0;color:#646970;font-size:13px;">Quản lý và khôi phục các bản backup đã
                            lưu.</p>
                    </div>
                    <button id="foxblock-backup-refresh-list" class="button button-secondary"
                        style="white-space:nowrap;display:flex;align-items:center;gap:6px;">
                        <span class="dashicons dashicons-update-alt" style="margin-top:3px;"></span> Làm mới
                    </button>
                </div>
                <div class="foxblock-table-responsive" style="margin-top:16px;">
                    <table class="foxblock-table" id="foxblock-backup-list-table">
                        <thead>
                            <tr>
                                <th>Tên file</th>
                                <th>Nơi lưu trữ</th>
                                <th>Ngày tạo</th>
                                <th>Kích thước</th>
                                <th style="text-align:center;width:200px;">Thao tác</th>
                            </tr>
                        </thead>
                        <tbody id="foxblock-backup-list-body">
                            <tr>
                                <td colspan="5" style="text-align:center;padding:30px;color:#666;">
                                    <span class="dashicons dashicons-update-alt foxblock-spin"
                                        style="font-size:22px;width:22px;height:22px;color:#ff6c00;"></span>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>

            <!-- Card 4: Khôi phục từ file -->
            <div class="foxblock-card">
                <h2 style="display:flex;align-items:center;gap:10px;">
                    <svg class="foxblock-title-icon" viewBox="0 0 24 24" aria-hidden="true" fill="none"
                        stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round">
                        <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
                        <polyline points="9 22 9 12 15 12 15 22"></polyline>
                    </svg>
                    Khôi phục từ file .foxblock
                </h2>
                <p style="margin:4px 0 0;color:#646970;font-size:13px;">Upload file backup <code>.foxblock</code> để
                    khôi phục toàn bộ database và file của website.</p>

                <div
                    style="margin-top:20px;padding:14px;background:#fff3e7;border:1px solid #ff6c0073;border-radius:8px;margin-bottom:20px;">
                    <strong style="color:#ff6c00;">Cảnh báo quan trọng:</strong>
                    <ul style="margin:8px 0 0 20px;color:#646970;font-size:13px;line-height:1.8;list-style-type:disc;">
                        <li>Quá trình khôi phục sẽ <strong>DROP toàn bộ bảng database</strong> hiện tại rồi import lại
                            từ backup.</li>
                        <li>Các file trong uploads/plugins/themes sẽ bị <strong>ghi đè</strong> bởi file từ backup.</li>
                        <li>Hãy đảm bảo bạn có backup mới nhất trước khi tiến hành.</li>
                    </ul>
                </div>

                <div id="foxblock-restore-upload-area">
                    <div style="border:2px dashed #ff6c0073;border-radius:10px;padding:30px;text-align:center;background:#fff8f0;cursor:pointer;"
                        id="foxblock-restore-drop-zone">
                        <svg viewBox="0 0 24 24" style="width:40px;height:40px;color:#ff6c00;margin:0 auto 10px;"
                            fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
                            stroke-linejoin="round">
                            <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
                            <polyline points="17 8 12 3 7 8"></polyline>
                            <line x1="12" y1="3" x2="12" y2="15"></line>
                        </svg>
                        <p style="color:#374151;font-weight:600;margin:0 0 6px;">Kéo thả file .foxblock vào đây</p>
                        <p style="color:#9ca3af;font-size:13px;margin:0 0 12px;">hoặc</p>
                        <label class="button button-secondary" style="cursor:pointer;">
                            Chọn file
                            <input type="file" id="foxblock-restore-file" accept=".foxblock" style="display:none;">
                        </label>
                        <p style="color:#9ca3af;font-size:12px;margin:10px 0 0;">Chỉ chấp nhận file .foxblock — Không giới hạn dung lượng</p>
                    </div>
                    <div id="foxblock-restore-file-info"
                        style="display:none;margin-top:12px;padding:12px 16px;background:#f0f2f5;border-radius:8px;display:flex;align-items:center;gap:10px;">
                        <svg viewBox="0 0 24 24" style="width:20px;height:20px;color:#ff6c00;flex-shrink:0;" fill="none"
                            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                            <path d="M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z"></path>
                            <path d="M14 3v5h5"></path>
                        </svg>
                        <span id="foxblock-restore-file-name"
                            style="font-size:13px;color:#374151;font-weight:600;"></span>
                        <span id="foxblock-restore-file-size" style="font-size:12px;color:#9ca3af;"></span>
                        <button id="foxblock-restore-start" class="button button-primary"
                            style="margin-left:auto;display:flex;align-items:center;gap:6px;">
                            <svg viewBox="0 0 24 24" style="width:14px;height:14px;" fill="none" stroke="currentColor"
                                stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
                                <polygon points="5 3 19 12 5 21 5 3"></polygon>
                            </svg>
                            Bắt đầu khôi phục
                        </button>
                    </div>
                </div>

                <!-- Restore progress -->
                <div id="foxblock-restore-progress-wrap" style="display:none;margin-top:20px;">
                    <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;">
                        <span id="foxblock-restore-step-label"
                            style="font-size:13px;color:#374151;font-weight:600;">Đang khởi động...</span>
                        <span id="foxblock-restore-pct" style="font-size:13px;color:#2271b1;font-weight:700;">0%</span>
                    </div>
                    <div style="background:#f0f2f5;border-radius:50px;height:10px;overflow:hidden;">
                        <div id="foxblock-restore-bar"
                            style="height:10px;background:linear-gradient(90deg,#2271b1,#0096de);border-radius:50px;transition:width .4s ease;width:0%;">
                        </div>
                    </div>
                    <div id="foxblock-restore-log"
                        style="margin-top:12px;padding:10px 14px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-size:12.5px;color:#6b7280;min-height:40px;max-height:120px;overflow-y:auto;font-family:monospace;">
                    </div>
                    <button id="foxblock-restore-cancel" class="button button-secondary"
                        style="margin-top:10px;">Hủy</button>
                </div>

                <!-- Restore done -->
                <div id="foxblock-restore-done"
                    style="display:none;margin-top:20px;padding:14px 18px;background:#f0fdf4;border:1px solid #86efac;border-radius:8px;">
                    <div style="display:flex;align-items:center;gap:10px;">
                        <svg viewBox="0 0 24 24" style="width:22px;height:22px;color:#16a34a;flex-shrink:0;" fill="none"
                            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                            <circle cx="12" cy="12" r="9"></circle>
                            <path d="M8.5 12.5l2.2 2.2 4.8-5.2"></path>
                        </svg>
                        <span id="foxblock-restore-done-msg" style="color:#166534;font-weight:600;font-size:13px;">Phục
                            hồi hoàn tất!</span>
                    </div>
                </div>

            </div>
        </div><!-- /#foxblock-tab-backup -->

        <!-- ═══════════════════════════════════ Tab Kiểm tra Bảo mật ═════════════════════════════════════ -->
        <div id="foxblock-tab-audit" class="foxblock-tab">
            <div class="foxblock-card" style="margin-bottom:20px;">
                <div
                    style="display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:20px;">
                    <div>
                        <h2 style="display:flex;align-items:center;gap:10px;margin:0;">
                            <svg class="foxblock-title-icon" viewBox="0 0 24 24" aria-hidden="true" fill="none"
                                stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round">
                                <path
                                    d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z">
                                </path>
                            </svg>
                            Kiểm tra Bảo mật Toàn diện
                        </h2>
                        <p style="margin:4px 0 0;color:#646970;font-size:13px;">Đánh giá và chấm điểm bảo mật hệ thống
                            WordPress + Foxblock của bạn tự động.</p>
                    </div>
                    <button id="foxblock-audit-rescan" class="button button-primary"
                        style="display:flex;align-items:center;gap:6px;">
                        <span class="dashicons dashicons-update-alt" style="margin-top:3px;"></span>
                        Quét lại
                    </button>
                </div>

                <!-- Score area -->
                <div id="foxblock-audit-score-area" style="display:none;">
                    <div class="foxblock-audit-score-wrap">
                        <!-- Circle gauge -->
                        <div class="foxblock-score-circle">
                            <svg width="160" height="160" viewBox="0 0 160 160">
                                <circle class="foxblock-score-circle__bg" cx="80" cy="80" r="65"></circle>
                                <circle id="foxblock-audit-bar" class="foxblock-score-circle__bar" cx="80" cy="80"
                                    r="65"></circle>
                            </svg>
                            <div id="foxblock-audit-score-num" class="foxblock-score-circle__num"
                                style="color:#ff6c00;">0</div>
                            <div class="foxblock-score-circle__label">100 điểm</div>
                        </div>
                        <!-- Summary text -->
                        <div style="flex:1;min-width:220px;">
                            <div style="display:flex;align-items:baseline;gap:20px;align-items: center;">
                                <div id="foxblock-audit-grade" class="foxblock-audit-grade">-</div>
                                <div>
                                    <div id="foxblock-audit-verdict"
                                        style="font-size:18px;font-weight:700;color:#1d2327;"></div>
                                    <div id="foxblock-audit-verdict-sub"
                                        style="font-size:13px;color:#6b7280;margin-top:3px;max-width:340px;line-height:1.5;">
                                    </div>
                                </div>
                            </div>
                            <!-- Stat pills -->
                            <div class="foxblock-audit-cats" id="foxblock-audit-cats"></div>
                        </div>
                    </div>

                    <!-- Linear score bars per category -->
                    <div id="foxblock-audit-cat-bars" style="margin-top:24px;display:grid;gap:10px;"></div>
                </div>

                <!-- Loading state -->
                <div id="foxblock-audit-loading">
                    <div class="foxblock-audit-scan-dots">
                        <span></span><span></span><span></span>
                    </div>
                    <div style="font-size:14px;font-weight:600;color:#374151;" id="foxblock-audit-loading-text">Đang
                        khởi động quét hệ thống...</div>
                    <div class="foxblock-audit-progress-bar-wrap">
                        <div class="foxblock-audit-progress-bar" id="foxblock-audit-progress"></div>
                    </div>
                </div>
            </div>
            <!-- Check Results (populated by JS) -->
            <div id="foxblock-audit-results" style="display:none;"></div>
        </div><!-- /#foxblock-tab-audit -->
		
	</div><!-- /.foxblock-content -->

    <div class="foxblock-header foxblock-header-footer">
        <div class="foxblock-header-brand">
            <div class="foxblock-header-icon">
                <span class="dashicons dashicons-shield"></span>
            </div>
            <div style="color:#fff">
                Nếu cảm thấy hữu ích hãy Donate cho tác giả<br>Bank: <b>ACB</b>, Name: <b>Nguyễn Ngọc Hoan</b>, STK:
                <b>18996981</b>
            </div>
        </div>
    </div>
		
</div><!-- /.foxblock-content -->