{{template "layout.html" .}}

{{define "content"}}
<link rel="stylesheet" href="{{asset "/template/default/assets/css/admin-documents.css"}}">

{{template "admin-hero-styles" .}}

<details class="admin-hero">
    <summary class="admin-hero-bar">
        <span class="admin-hero-icon" aria-hidden="true"><i class='bx bx-file'></i></span>
        <span class="admin-hero-intro">{{T "admin_documents_page_hint"}}</span>
        <span class="admin-hero-toggle">
            <span class="admin-hero-toggle-label"><i class='bx bx-info-circle' aria-hidden="true"></i> {{T "admin_usage_title"}}</span>
            {{template "admin-hero-help-meta" .}}
        </span>
    </summary>
    <div class="admin-hero-body">
            <ul class="admin-hero-field-grid">
                <li class="admin-hero-field-item"><strong>{{T "admin_documents_usage_search"}}</strong>{{T "admin_documents_usage_search_desc"}}</li>
                <li class="admin-hero-field-item"><strong>{{T "admin_documents_usage_edit"}}</strong>{{T "admin_documents_usage_edit_desc"}}</li>
                <li class="admin-hero-field-item"><strong>{{T "admin_documents_usage_bulk"}}</strong>{{T "admin_documents_usage_bulk_desc"}}</li>
                <li class="admin-hero-field-item"><strong>{{T "admin_documents_usage_cache"}}</strong>{{T "admin_documents_usage_cache_desc"}}</li>
            </ul>
    </div>
</details>
<div class="card">
    <div class="card-header">
        <div class="d-flex gap-2 align-items-center flex-wrap">
            <div class="flex-grow-1" style="min-width: 200px;">
                <div class="input-group input-group-sm">
                    <span class="input-group-text"><i class='bx bx-search'></i></span>
                    <input type="text" class="form-control form-control-sm" id="searchKeyword" placeholder="{{T "admin_documents_search_placeholder"}}" value="{{.Data.Keyword}}">
                </div>
            </div>
            <div style="min-width: 150px;">
                <select class="form-select form-select-sm" id="filterDirectory">
                    <option value="">{{T "admin_documents_all_dirs"}}</option>
                    {{range .Data.Directories}}
                    <option value="{{.option_value}}" {{if eq $.Data.SelectedFilter .option_value}}selected{{end}} data-name="{{.name}}">
                        {{if gt .level 0}}{{if eq .level 1}}&nbsp;&nbsp;&nbsp;&nbsp;├─ {{end}}{{if eq .level 2}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;├─ {{end}}{{if eq .level 3}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;├─ {{end}}{{end}}{{.name}}
                    </option>
                    {{end}}
                </select>
            </div>
            <div style="min-width: 120px;">
                <select class="form-select form-select-sm" id="filterStatus">
                    <option value="">{{T "admin_documents_all_status"}}</option>
                    <option value="1" {{if eq .Data.Status "1"}}selected{{end}}>{{T "admin_documents_status_published"}}</option>
                    <option value="0" {{if eq .Data.Status "0"}}selected{{end}}>{{T "admin_documents_status_draft"}}</option>
                </select>
            </div>
            <div style="min-width: 100px;">
                <select class="form-select form-select-sm" id="pageSizeSelect" title="{{T "admin_documents_per_page"}}">
                    <option value="20" {{if eq .Data.PageSize 20}}selected{{end}}>20</option>
                    <option value="50" {{if eq .Data.PageSize 50}}selected{{end}}>50</option>
                    <option value="100" {{if eq .Data.PageSize 100}}selected{{end}}>100</option>
                </select>
            </div>
            <button class="btn btn-outline-primary btn-sm" onclick="searchDocuments()">
                <i class='bx bx-search'></i> {{T "admin_btn_search"}}
            </button>
            <button class="btn btn-outline-secondary btn-sm" onclick="resetFilters()">
                <i class='bx bx-reset'></i> {{T "admin_documents_reset_filter"}}
            </button>
            <button type="button" class="btn btn-outline-success btn-sm" id="btnAdminDocCacheSync" title="{{T "admin_documents_cache_sync_title"}}">
                <i class='bx bx-refresh'></i> {{T "admin_documents_cache_sync_btn"}}
            </button>
        </div>
    </div>
    <div class="card-body">
        <div class="d-flex gap-3 flex-wrap mb-3 small">
            <span class="badge bg-secondary px-3 py-2">{{T "admin_documents_stats_total"}}: {{.Data.StatsTotal}}</span>
            <span class="badge bg-success px-3 py-2">{{T "admin_documents_stats_published"}}: {{.Data.StatsPublished}}</span>
            <span class="badge bg-warning text-dark px-3 py-2">{{T "admin_documents_stats_draft"}}: {{.Data.StatsDraft}}</span>
            <span class="badge bg-info px-3 py-2">{{T "admin_documents_stats_filtered"}}: {{.Data.TotalRecords}}</span>
        </div>
        <div class="table-responsive">
            <table class="table table-hover">
                <thead>
                    <tr>
                        <th width="40">
                            <input type="checkbox" id="selectAll" title="{{T "admin_documents_select_all"}}">
                        </th>
                        <th width="60"><a href="javascript:void(0)" class="text-decoration-none text-dark" onclick="sortBy('id')">{{T "admin_documents_col_id"}}</a></th>
                        <th><a href="javascript:void(0)" class="text-decoration-none text-dark" onclick="sortBy('title')">{{T "admin_col_title"}}</a></th>
                        <th>{{T "admin_documents_col_dir"}}</th>
                        <th width="90"><a href="javascript:void(0)" class="text-decoration-none text-dark" onclick="sortBy('status')">{{T "admin_col_status"}}</a></th>
                        <th width="90">{{T "admin_documents_col_chars"}}</th>
                        <th width="80"><a href="javascript:void(0)" class="text-decoration-none text-dark" onclick="sortBy('view_count')">{{T "admin_documents_col_views"}}</a></th>
                        <th><a href="javascript:void(0)" class="text-decoration-none text-dark" onclick="sortBy('created_at')">{{T "admin_documents_col_created"}}</a></th>
                        <th width="60" class="text-center">{{T "admin_col_actions"}}</th>
                    </tr>
                </thead>
                <tbody id="documentList">
                    {{if .Data.Documents}}
                    {{range .Data.Documents}}
                    <tr class="admin-doc-row" data-id="{{.id}}" data-title="{{.title}}" data-status="{{.status}}"{{if .url}} data-url="{{.url}}" data-can-view="1"{{else}} data-can-view="0"{{end}}>
                        <td>
                            <input type="checkbox" class="document-checkbox" value="{{.id}}" data-title="{{.title}}">
                        </td>
                        <td>{{.id}}</td>
                        <td>
                            <div{{if .slug}} title="{{.slug}}"{{end}}>
                                {{if .url}}
                                <a href="{{.url}}" target="_blank" class="text-decoration-none">
                                    <i class="bx bx-file me-1 text-muted"></i>
                                    <strong class="text-dark">{{.title}}</strong>
                                </a>
                                {{else}}
                                <strong>{{.title}}</strong>
                                {{end}}
                            </div>
                        </td>
                        <td>
                            {{if .directory_path}}
                            <a href="{{if .directory_filter_url}}{{.directory_filter_url}}{{else}}/admin/documents?directory_id={{index . "directory_filter_id"}}{{end}}" class="text-decoration-none" title="{{T "admin_documents_filter_category"}}">
                                <span class="badge bg-info text-wrap text-start lh-sm">{{.directory_path}}</span>
                            </a>
                            {{else}}
                            <span class="text-muted">-</span>
                            {{end}}
                        </td>
                        <td>
                            {{if eq .status 1}}
                            <span class="badge bg-success">{{T "admin_documents_status_published"}}</span>
                            {{else}}
                            <span class="badge bg-secondary">{{T "admin_documents_status_draft"}}</span>
                            {{end}}
                        </td>
                        <td class="doc-table-col-meta" title="{{T "admin_documents_col_chars"}}">{{if .char_count_display}}{{.char_count_display}}{{else}}0{{end}}</td>
                        <td class="doc-table-col-meta">{{.view_count}}</td>
                        <td class="doc-table-col-meta"{{if .updated_at_str}} title="{{T "admin_col_updated"}}: {{.updated_at_str}}"{{end}}>{{if .created_at_str}}{{.created_at_str}}{{else}}-{{end}}</td>
                        <td class="text-center">
                            <div class="dropdown table-action-dropdown">
                                <button class="btn btn-action-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
                                    <i class="bx bx-dots-vertical-rounded" style="font-size:1.15rem;"></i>
                                </button>
                                <ul class="dropdown-menu dropdown-menu-end">
                                    {{if .url}}
                                    <li><a class="dropdown-item" href="{{.url}}" target="_blank" rel="noopener"><i class="bx bx-show"></i> {{T "admin_btn_view"}}</a></li>
                                    <li><a class="dropdown-item doc-action-copy" href="javascript:;" data-url="{{.url}}"><i class="bx bx-link"></i> {{T "admin_documents_copy_link"}}</a></li>
                                    <li><hr class="dropdown-divider"></li>
                                    {{end}}
                                    <li><a class="dropdown-item" href="javascript:;" onclick="editDocument('{{.id}}')"><i class="bx bx-edit"></i> {{T "admin_btn_edit"}}</a></li>
                                    {{if eq .status 1}}
                                    <li><a class="dropdown-item" href="javascript:;" onclick="toggleDocumentStatus('{{.id}}')"><i class="bx bx-file"></i> {{T "admin_documents_action_draft"}}</a></li>
                                    {{else}}
                                    <li><a class="dropdown-item" href="javascript:;" onclick="toggleDocumentStatus('{{.id}}')"><i class="bx bx-check-circle"></i> {{T "admin_documents_action_publish"}}</a></li>
                                    {{end}}
                                    <li><a class="dropdown-item text-danger doc-action-delete" href="javascript:;" data-id="{{.id}}" data-title="{{.title}}"><i class="bx bx-trash"></i> {{T "admin_btn_delete"}}</a></li>
                                </ul>
                            </div>
                        </td>
                    </tr>
                    {{end}}
                    {{else}}
                    <tr>
                        <td colspan="10" class="text-center text-muted py-4">
                            <i class='bx bx-file-blank' style="font-size: 3rem;"></i>
                            <div class="mt-2">{{T "admin_documents_no_docs"}}</div>
                        </td>
                    </tr>
                    {{end}}
                </tbody>
            </table>
        </div>
        
        <!-- 分页 -->
        {{if gt .Data.TotalPages 1}}
        <nav aria-label="Pagination">
            <ul class="pagination justify-content-center">
                {{$currentPage := .Data.Page}}
                {{$totalPages := .Data.TotalPages}}
                {{$prevPage := sub $currentPage 1}}
                {{$nextPage := add $currentPage 1}}
                {{$qs := .Data.QuerySuffix}}
                {{if gt $currentPage 1}}
                <li class="page-item">
                    <a class="page-link" href="/admin/documents?page=1&{{$qs}}">
                        <i class='bx bx-first-page'></i> {{T "admin_pagination_first"}}
                    </a>
                </li>
                <li class="page-item">
                    <a class="page-link" href="/admin/documents?page={{$prevPage}}&{{$qs}}">
                        <i class='bx bx-chevron-left'></i> {{T "admin_pagination_prev"}}
                    </a>
                </li>
                {{end}}
                <li class="page-item disabled">
                    <span class="page-link">{{T "admin_pagination_page"}} {{$currentPage}} / {{$totalPages}}, {{.Data.TotalRecords}} {{T "admin_pagination_records_unit"}}</span>
                </li>
                {{if lt $currentPage $totalPages}}
                <li class="page-item">
                    <a class="page-link" href="/admin/documents?page={{$nextPage}}&{{$qs}}">
                        {{T "admin_pagination_next"}} <i class='bx bx-chevron-right'></i>
                    </a>
                </li>
                <li class="page-item">
                    <a class="page-link" href="/admin/documents?page={{$totalPages}}&{{$qs}}">
                        {{T "admin_pagination_last"}} <i class='bx bx-last-page'></i>
                    </a>
                </li>
                {{end}}
            </ul>
        </nav>
        {{end}}
    </div>
</div>

<ul id="adminDocContextMenu" class="admin-context-menu" role="menu" aria-hidden="true"></ul>

<!-- 编辑文档模态框 -->
<div class="modal fade" id="documentModal" tabindex="-1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="documentModalTitle">{{T "admin_documents_edit_title"}}</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <form id="documentForm">
                    <input type="hidden" id="documentId" name="id" value="0">
                    <div class="mb-3">
                        <label class="form-label">{{T "admin_documents_col_directory"}} <span class="text-danger">*</span></label>
                        <select class="form-select" id="documentDirectory" name="directory" required>
                            <option value="">{{T "admin_documents_select_directory"}}</option>
                            {{range .Data.Directories}}
                            <option value="{{.path}}" data-slug="{{.slug}}">
                                {{if gt .level 0}}{{if eq .level 1}}&nbsp;&nbsp;&nbsp;&nbsp;├─ {{end}}{{if eq .level 2}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;├─ {{end}}{{if eq .level 3}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;├─ {{end}}{{end}}{{.name}}
                            </option>
                            {{end}}
                        </select>
                        <small class="text-muted">{{T "admin_documents_directory_hint"}}</small>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">{{T "admin_col_title"}} <span class="text-danger">*</span></label>
                        <input type="text" class="form-control form-control-sm" id="documentTitle" name="title" required>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">{{T "admin_documents_col_description"}}</label>
                        <textarea class="form-control form-control-sm" id="documentDescription" name="description" rows="2"></textarea>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">{{T "admin_documents_col_content"}} <span class="text-danger">*</span></label>
                        <textarea class="form-control form-control-sm" id="documentContent" name="content" rows="15" required style="font-family: 'Courier New', monospace;"></textarea>
                        <small class="text-muted">{{T "admin_documents_markdown_hint"}}</small>
                    </div>
                    <div class="mb-3">
                        <label class="form-label d-block">{{T "admin_col_status"}}</label>
                        <div class="doc-status-radios">
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="radio" name="document_status" id="documentStatusPublished" value="1" checked>
                                <label class="form-check-label" for="documentStatusPublished">{{T "admin_documents_status_published"}}</label>
                            </div>
                            <div class="form-check form-check-inline">
                                <input class="form-check-input" type="radio" name="document_status" id="documentStatusDraft" value="0">
                                <label class="form-check-label" for="documentStatusDraft">{{T "admin_documents_status_draft"}}</label>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{T "admin_btn_cancel"}}</button>
                <button type="button" class="btn btn-primary" onclick="saveDocument()">{{T "admin_btn_save"}}</button>
            </div>
        </div>
    </div>
</div>

<!-- 批量操作浮动栏 -->
<div id="batchActionBar" class="batch-action-bar" style="display: none;">
    <div class="batch-action-content">
        <div class="batch-action-info">
            {{T "admin_documents_bulk_selected"}} <span id="selectedCount">0</span> {{T "admin_documents_bulk_selected_unit"}}
        </div>
        <div class="batch-action-buttons">
            <button class="btn btn-sm btn-outline-success" onclick="batchUpdateStatus(1)">
                <i class='bx bx-check-circle'></i> {{T "admin_documents_bulk_publish"}}
            </button>
            <button class="btn btn-sm btn-outline-warning" onclick="batchUpdateStatus(0)">
                <i class='bx bx-edit-alt'></i> {{T "admin_documents_bulk_draft"}}
            </button>
            <button class="btn btn-sm btn-outline-primary" onclick="showBatchMoveModal()">
                <i class='bx bx-move'></i> {{T "admin_documents_bulk_move"}}
            </button>
            <button class="btn btn-sm btn-outline-danger" onclick="batchDeleteDocuments()">
                <i class='bx bx-trash'></i> {{T "admin_documents_bulk_delete"}}
            </button>
            <button class="btn btn-sm btn-outline-secondary" onclick="clearSelection()">
                <i class='bx bx-x'></i> {{T "admin_documents_clear_selection"}}
            </button>
        </div>
    </div>
</div>

<!-- 批量移动模态框 -->
<div class="modal fade" id="batchMoveModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">{{T "admin_documents_move_title"}}</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <div class="mb-3">
                    <label class="form-label">{{T "admin_documents_move_target"}} <span class="text-danger">*</span></label>
                    <select class="form-select form-select-sm" id="batchMoveDirectory" required>
                        <option value="">{{T "admin_documents_select_directory"}}</option>
                        {{range .Data.Directories}}
                        <option value="{{.path}}" data-slug="{{.slug}}">
                            {{if gt .level 0}}{{if eq .level 1}}&nbsp;&nbsp;&nbsp;&nbsp;├─ {{end}}{{if eq .level 2}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;├─ {{end}}{{if eq .level 3}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;├─ {{end}}{{end}}{{.name}}
                        </option>
                        {{end}}
                    </select>
                    <small class="text-muted">{{T "admin_documents_move_hint"}}</small>
                </div>
                <div class="alert alert-info">
                    <i class='bx bx-info-circle'></i> <span id="batchMoveCount">0</span> {{T "admin_documents_move_count_unit"}}
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{T "admin_btn_cancel"}}</button>
                <button type="button" class="btn btn-primary" onclick="confirmBatchMove()">{{T "admin_documents_confirm_move"}}</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="adminDocCacheSyncModal" tabindex="-1" aria-labelledby="adminDocCacheSyncModalLabel">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content admin-docs-cache-sync-modal">
            <div class="modal-header">
                <h5 class="modal-title" id="adminDocCacheSyncModalLabel">{{T "admin_documents_cache_sync_title"}}</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{T "admin_documents_cache_sync_close"}}"></button>
            </div>
            <div class="modal-body">
                <p class="admin-docs-cache-sync-desc">{{T "admin_documents_cache_sync_lead"}}</p>
                <p class="admin-docs-cache-sync-desc mt-2">{{T "admin_documents_cache_sync_desc"}}</p>
                <div class="admin-docs-cache-sync-note">{{T "admin_documents_cache_sync_note"}}</div>
                <div class="admin-docs-cache-sync-scope">
                    <span class="text-muted">{{T "admin_documents_cache_sync_scope_label"}}：</span>
                    <strong id="adminDocCacheSyncScopeText">—</strong>
                </div>
                <div class="admin-docs-cache-sync-progress d-none" id="adminDocCacheSyncProgressWrap">
                    <div class="progress" role="progressbar" aria-valuemin="0" aria-valuemax="100">
                        <div class="progress-bar progress-bar-striped progress-bar-animated" id="adminDocCacheSyncProgressBar" style="width:0%"></div>
                    </div>
                    <div class="admin-docs-cache-sync-status" id="adminDocCacheSyncStatusText"></div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal" id="adminDocCacheSyncCloseBtn">{{T "admin_documents_cache_sync_close"}}</button>
                <button type="button" class="btn btn-primary" id="adminDocCacheSyncStartBtn">
                    <i class='bx bx-refresh'></i> {{T "admin_documents_cache_sync_start"}}
                </button>
            </div>
        </div>
    </div>
</div>

{{end}}

{{define "scripts"}}
<script>
var DocumentsPageI18n = {
    linkCopied: {{json (T "admin_documents_link_copied")}},
    statusUpdated: {{json (T "admin_documents_status_updated")}},
    statusToPublished: {{json (T "admin_documents_status_to_published")}},
    statusToDraft: {{json (T "admin_documents_status_to_draft")}},
    updateFailed: {{json (T "admin_documents_update_failed")}},
    requestFailed: {{json (T "admin_request_failed")}},
    selectDocs: {{json (T "admin_documents_select_docs")}},
    batchPublishConfirm: {{json (T "admin_documents_batch_publish_confirm")}},
    batchDraftConfirm: {{json (T "admin_documents_batch_draft_confirm")}},
    confirmBatch: {{json (T "admin_documents_confirm_batch")}},
    updatedOk: {{json (T "admin_documents_updated_ok")}},
    selectDelete: {{json (T "admin_documents_select_delete")}},
    batchDeleteConfirm: {{json (T "admin_documents_batch_delete_confirm")}},
    batchDeleteWarn: {{json (T "admin_documents_batch_delete_warn")}},
    andMore: {{json (T "admin_documents_and_more")}},
    confirmBatchDelete: {{json (T "admin_documents_confirm_batch_delete")}},
    deletedOk: {{json (T "admin_documents_deleted_ok")}},
    deleteFailed: {{json (T "admin_documents_delete_failed")}},
    sessionExpired: {{json (T "admin_documents_session_expired")}},
    goLogin: {{json (T "admin_documents_go_login")}},
    loginTitle: {{json (T "admin_documents_login_title")}},
    btnConfirm: {{json (T "admin_doc_config_confirm")}},
    btnCancel: {{json (T "admin_btn_cancel")}},
    btnDelete: {{json (T "admin_btn_delete")}},
    selectMove: {{json (T "admin_documents_select_move")}},
    selectTargetDir: {{json (T "admin_documents_select_target_dir")}},
    movedOk: {{json (T "admin_documents_moved_ok")}},
    moveFailed: {{json (T "admin_documents_move_failed")}},
    systemInit: {{json (T "admin_documents_system_init")}},
    loadFailed: {{json (T "admin_documents_load_failed")}},
    selectDirectory: {{json (T "admin_documents_select_directory_required")}},
    enterTitle: {{json (T "admin_documents_enter_title")}},
    enterContent: {{json (T "admin_documents_enter_content")}},
    savedOk: {{json (T "admin_documents_saved_ok")}},
    saveFailed: {{json (T "admin_documents_save_failed")}},
    deleteConfirm: {{json (T "admin_documents_delete_confirm")}},
    deleteWarn: {{json (T "admin_documents_delete_warn")}},
    confirmDelete: {{json (T "admin_confirm_delete")}},
    ctxView: {{json (T "admin_btn_view")}},
    ctxCopy: {{json (T "admin_documents_copy_link")}},
    ctxEdit: {{json (T "admin_btn_edit")}},
    ctxDraft: {{json (T "admin_documents_action_draft")}},
    ctxPublish: {{json (T "admin_documents_action_publish")}},
    ctxDelete: {{json (T "admin_btn_delete")}}
};

var adminDocCacheSyncI18n = {
    scopeAll: {{json (T "admin_documents_cache_sync_scope_all")}},
    scopeDirectory: {{json (T "admin_documents_cache_sync_scope_directory")}},
    running: {{json (T "admin_documents_cache_sync_running")}},
    done: {{json (T "admin_documents_cache_sync_done")}},
    empty: {{json (T "admin_documents_cache_sync_empty")}},
    failed: {{json (T "admin_documents_cache_sync_failed")}},
    inProgress: {{json (T "admin_documents_cache_sync_in_progress")}},
    start: {{json (T "admin_documents_cache_sync_start")}}
};
var adminDocCacheSyncRunning = false;
var adminDocCacheSyncDefaultFilter = {{json .Data.SelectedFilter}};

function adminDocCacheSyncFormat(template, vars) {
    var s = String(template || '');
    if (!vars) return s;
    Object.keys(vars).forEach(function(key) {
        s = s.split('{' + key + '}').join(String(vars[key]));
    });
    return s;
}
function getAdminDocCacheSyncScopePreview() {
    var filterVal = $('#filterDirectory').val() || adminDocCacheSyncDefaultFilter || '';
    if (filterVal) {
        var dirText = $('#filterDirectory option:selected').text().replace(/^\s*[├─\s]+/, '').trim();
        return adminDocCacheSyncFormat(adminDocCacheSyncI18n.scopeDirectory, {name: dirText || filterVal});
    }
    return adminDocCacheSyncI18n.scopeAll;
}
function resetAdminDocCacheSyncModal() {
    adminDocCacheSyncRunning = false;
    $('#adminDocCacheSyncProgressWrap').addClass('d-none');
    $('#adminDocCacheSyncProgressBar').css('width', '0%').attr('aria-valuenow', 0);
    $('#adminDocCacheSyncStatusText').text('');
    $('#adminDocCacheSyncStartBtn').prop('disabled', false).html("<i class='bx bx-refresh'></i> " + adminDocCacheSyncI18n.start);
    $('#adminDocCacheSyncCloseBtn').prop('disabled', false);
    $('#adminDocCacheSyncScopeText').text(getAdminDocCacheSyncScopePreview());
}
function openAdminDocCacheSyncModal() {
    resetAdminDocCacheSyncModal();
    var modalEl = document.getElementById('adminDocCacheSyncModal');
    if (modalEl && typeof bootstrap !== 'undefined') {
        bootstrap.Modal.getOrCreateInstance(modalEl).show();
    }
}
function updateAdminDocCacheSyncProgress(processed, total, statusText) {
    var pct = total > 0 ? Math.min(100, Math.round((processed / total) * 100)) : 0;
    $('#adminDocCacheSyncProgressWrap').removeClass('d-none');
    $('#adminDocCacheSyncProgressBar').css('width', pct + '%').attr('aria-valuenow', pct);
    $('#adminDocCacheSyncStatusText').text(statusText || '');
}
function runAdminDocCacheSyncBatch(offset, totals) {
    totals = totals || {total: 0, processed: 0, success: 0, fail: 0};
    $.ajax({
        url: '/admin/document-cache-sync',
        method: 'POST',
        data: {
            directory_filter: $('#filterDirectory').val() || adminDocCacheSyncDefaultFilter || '',
            offset: offset,
            batch_size: 10
        },
        success: function(res) {
            if (!res || !res.success) {
                adminDocCacheSyncRunning = false;
                $('#adminDocCacheSyncStartBtn').prop('disabled', false).html("<i class='bx bx-refresh'></i> " + adminDocCacheSyncI18n.start);
                $('#adminDocCacheSyncCloseBtn').prop('disabled', false);
                BootstrapModal.msg((res && res.message) || adminDocCacheSyncI18n.empty, {icon: res && res.data && res.data.total === 0 ? 0 : 2});
                return;
            }
            var data = res.data || {};
            if (data.scope_label) {
                $('#adminDocCacheSyncScopeText').text(data.scope_label);
            }
            totals.total = data.total || totals.total;
            totals.processed = data.processed || totals.processed;
            totals.success += data.success_count || 0;
            totals.fail += data.fail_count || 0;
            updateAdminDocCacheSyncProgress(
                totals.processed,
                totals.total,
                adminDocCacheSyncFormat(adminDocCacheSyncI18n.running, {current: totals.processed, total: totals.total})
            );
            if (data.done) {
                adminDocCacheSyncRunning = false;
                $('#adminDocCacheSyncProgressBar').removeClass('progress-bar-animated progress-bar-striped');
                // 更新成功后保持禁用，重新打开弹窗时才恢复可点
                $('#adminDocCacheSyncStartBtn').prop('disabled', true).html("<i class='bx bx-check'></i> " + adminDocCacheSyncI18n.start);
                $('#adminDocCacheSyncCloseBtn').prop('disabled', false);
                updateAdminDocCacheSyncProgress(
                    totals.total,
                    totals.total,
                    adminDocCacheSyncFormat(adminDocCacheSyncI18n.done, {success: totals.success, fail: totals.fail})
                );
                return;
            }
            runAdminDocCacheSyncBatch(totals.processed, totals);
        },
        error: function() {
            adminDocCacheSyncRunning = false;
            $('#adminDocCacheSyncStartBtn').prop('disabled', false).html("<i class='bx bx-refresh'></i> " + adminDocCacheSyncI18n.start);
            $('#adminDocCacheSyncCloseBtn').prop('disabled', false);
            BootstrapModal.msg(adminDocCacheSyncI18n.failed, {icon: 2});
        }
    });
}
function startAdminDocCacheSync() {
    if (adminDocCacheSyncRunning) return;
    adminDocCacheSyncRunning = true;
    $('#adminDocCacheSyncStartBtn').prop('disabled', true).html("<i class='bx bx-loader-alt bx-spin'></i> " + adminDocCacheSyncI18n.inProgress);
    $('#adminDocCacheSyncCloseBtn').prop('disabled', true);
    $('#adminDocCacheSyncProgressBar').addClass('progress-bar-animated progress-bar-striped');
    runAdminDocCacheSyncBatch(0, {total: 0, processed: 0, success: 0, fail: 0});
}

var adminDocContextRow = null;

function hideAdminDocContextMenu() {
    $('#adminDocContextMenu').removeClass('is-open').attr('aria-hidden', 'true').empty();
    $('.admin-doc-row.is-context-open').removeClass('is-context-open');
    adminDocContextRow = null;
}
function positionAdminContextMenu($menu, x, y) {
    $menu.css({ left: '-9999px', top: '-9999px' }).addClass('is-open');
    var rect = $menu[0].getBoundingClientRect();
    var maxX = window.innerWidth - rect.width - 8;
    var maxY = window.innerHeight - rect.height - 8;
    $menu.css({
        left: Math.max(8, Math.min(x, maxX)) + 'px',
        top: Math.max(8, Math.min(y, maxY)) + 'px'
    });
}
function showAdminDocContextMenu(e, $row) {
    e.preventDefault();
    hideAdminDocContextMenu();
    adminDocContextRow = $row;
    $row.addClass('is-context-open');
    var canView = String($row.data('can-view')) === '1';
    var url = ($row.data('url') || '').toString();
    var id = String($row.data('id') || '');
    var title = ($row.data('title') || '').toString();
    var status = parseInt($row.data('status'), 10);
    var $menu = $('#adminDocContextMenu');
    var html = '';
    if (canView && url) {
        html += '<li><button type="button" class="admin-context-item" data-action="view"><i class="bx bx-show"></i><span>' + DocumentsPageI18n.ctxView + '</span></button></li>';
        html += '<li><button type="button" class="admin-context-item" data-action="copy"><i class="bx bx-link"></i><span>' + DocumentsPageI18n.ctxCopy + '</span></button></li>';
        html += '<li class="admin-context-divider" role="separator"></li>';
    }
    html += '<li><button type="button" class="admin-context-item" data-action="edit"><i class="bx bx-edit"></i><span>' + DocumentsPageI18n.ctxEdit + '</span></button></li>';
    if (status === 1) {
        html += '<li><button type="button" class="admin-context-item" data-action="toggle"><i class="bx bx-file"></i><span>' + DocumentsPageI18n.ctxDraft + '</span></button></li>';
    } else {
        html += '<li><button type="button" class="admin-context-item" data-action="toggle"><i class="bx bx-check-circle"></i><span>' + DocumentsPageI18n.ctxPublish + '</span></button></li>';
    }
    html += '<li class="admin-context-divider" role="separator"></li>';
    html += '<li><button type="button" class="admin-context-item is-danger" data-action="delete"><i class="bx bx-trash"></i><span>' + DocumentsPageI18n.ctxDelete + '</span></button></li>';
    $menu.html(html).attr('aria-hidden', 'false');
    $menu.data('ctx', { canView: canView, url: url, id: id, title: title });
    positionAdminContextMenu($menu, e.clientX, e.clientY);
}

function docI18n(text, vars) {
    if (!text) return '';
    if (!vars) return text;
    return text.replace(/\{(\w+)\}/g, function(_, key) {
        return vars[key] !== undefined ? vars[key] : '';
    });
}

function showDocLoginConfirm(message) {
    BootstrapModal.confirm(message || DocumentsPageI18n.sessionExpired, {
        icon: 3,
        title: DocumentsPageI18n.loginTitle,
        btn: [DocumentsPageI18n.goLogin, DocumentsPageI18n.btnCancel]
    }, function(index) {
        BootstrapModal.close(index);
        window.location.href = '/login?redirect=' + encodeURIComponent(window.location.pathname + window.location.search);
    });
}

let documentModal;
const currentSort = '{{.Data.Sort}}';
const currentOrder = '{{.Data.Order}}';

function buildDocumentsQuery(extra) {
    extra = extra || {};
    const params = [];
    const keyword = $('#searchKeyword').val();
    const directory = $('#filterDirectory').val();
    const status = $('#filterStatus').val();
    const pageSize = $('#pageSizeSelect').val();
    if (keyword) params.push('keyword=' + encodeURIComponent(keyword));
    if (directory) {
        if (directory.indexOf(':') >= 0) {
            const parts = directory.split(':');
            params.push('directory_id=' + encodeURIComponent(parts[0]));
            if (parts[1]) params.push('subdir=' + encodeURIComponent(parts[1]));
        } else {
            params.push('directory_id=' + encodeURIComponent(directory));
        }
    }
    if (status !== '') params.push('status=' + encodeURIComponent(status));
    if (pageSize) params.push('page_size=' + encodeURIComponent(pageSize));
    const sort = extra.sort || currentSort || 'created_at';
    const order = extra.order || currentOrder || 'desc';
    params.push('sort=' + encodeURIComponent(sort));
    params.push('order=' + encodeURIComponent(order));
    if (extra.page) params.push('page=' + encodeURIComponent(extra.page));
    return params.join('&');
}

function searchDocuments() {
    window.location.href = '/admin/documents?' + buildDocumentsQuery({page: 1});
}

function resetFilters() {
    window.location.href = '/admin/documents';
}

function sortBy(field) {
    let order = 'desc';
    if (field === (currentSort || 'created_at') && (currentOrder || 'desc') === 'desc') {
        order = 'asc';
    }
    window.location.href = '/admin/documents?' + buildDocumentsQuery({sort: field, order: order, page: 1});
}

function copyDocLink(url) {
    const fullUrl = window.location.origin + url;
    if (navigator.clipboard && navigator.clipboard.writeText) {
        navigator.clipboard.writeText(fullUrl).then(function() {
            BootstrapModal.msg(DocumentsPageI18n.linkCopied, {icon: 1, time: 1000});
        });
    } else {
        const tmp = $('<input>').val(fullUrl).appendTo('body').select();
        document.execCommand('copy');
        tmp.remove();
        BootstrapModal.msg(DocumentsPageI18n.linkCopied, {icon: 1, time: 1000});
    }
}

function toggleDocumentStatus(id) {
    $.ajax({
        url: '/admin/document-toggle-status',
        type: 'POST',
        contentType: 'application/json',
        data: JSON.stringify({id: parseInt(id)}),
        dataType: 'json',
        headers: {'X-Requested-With': 'XMLHttpRequest'},
        success: function(res) {
            if (res.success) {
                var msg = res.message;
                if (res.data && typeof res.data.status !== 'undefined') {
                    if (parseInt(res.data.status, 10) === 0) {
                        msg = DocumentsPageI18n.statusToDraft;
                    } else if (parseInt(res.data.status, 10) === 1) {
                        msg = DocumentsPageI18n.statusToPublished;
                    }
                }
                BootstrapModal.msg(msg || DocumentsPageI18n.statusUpdated, {icon: 1, time: 800});
                setTimeout(function() { location.reload(); }, 1000);
            } else {
                BootstrapModal.msg(res.message || DocumentsPageI18n.updateFailed, {icon: 2});
            }
        },
        error: function() {
            BootstrapModal.msg(DocumentsPageI18n.requestFailed, {icon: 2});
        }
    });
}

function batchUpdateStatus(status) {
    const ids = getSelectedDocumentIds();
    if (ids.length === 0) {
        BootstrapModal.msg(DocumentsPageI18n.selectDocs, {icon: 2});
        return;
    }
    const confirmText = status === 1
        ? docI18n(DocumentsPageI18n.batchPublishConfirm, {count: ids.length})
        : docI18n(DocumentsPageI18n.batchDraftConfirm, {count: ids.length});
    BootstrapModal.confirm(confirmText, {
        icon: 3,
        title: DocumentsPageI18n.confirmBatch,
        btn: [DocumentsPageI18n.btnConfirm, DocumentsPageI18n.btnCancel]
    }, function(index) {
        BootstrapModal.close(index);
        $.ajax({
            url: '/admin/document-batch-status',
            type: 'POST',
            contentType: 'application/json',
            data: JSON.stringify({ids: ids, status: status}),
            dataType: 'json',
            headers: {'X-Requested-With': 'XMLHttpRequest'},
            success: function(res) {
                if (res.success) {
                    BootstrapModal.msg(res.message || DocumentsPageI18n.updatedOk, {icon: 1, time: 1000});
                    clearSelection();
                    setTimeout(function() { location.reload(); }, 1500);
                } else {
                    BootstrapModal.msg(res.message || DocumentsPageI18n.updateFailed, {icon: 2});
                }
            },
            error: function() {
                BootstrapModal.msg(DocumentsPageI18n.requestFailed, {icon: 2});
            }
        });
    });
}

// 初始化Modal
function initModals() {
    if (typeof bootstrap !== 'undefined' && bootstrap.Modal) {
        const docModalEl = document.getElementById('documentModal');
        if (docModalEl && !documentModal) {
            documentModal = new bootstrap.Modal(docModalEl);
        }
    }
}

// 确保在DOM和依赖加载后初始化
if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', function() {
        if (typeof $ !== 'undefined') {
            initModals();
            initEventHandlers();
        } else {
            // 如果jQuery还没加载，等待一下
            setTimeout(function() {
                if (typeof $ !== 'undefined') {
                    initModals();
                    initEventHandlers();
                }
            }, 100);
        }
    });
} else {
    // DOM已经加载完成
    if (typeof $ !== 'undefined' && typeof bootstrap !== 'undefined') {
        initModals();
        initEventHandlers();
    } else {
        // 等待依赖加载
        window.addEventListener('load', function() {
            initModals();
            initEventHandlers();
        });
    }
}

function initEventHandlers() {
    // 搜索框回车事件
    $('#searchKeyword').on('keypress', function(e) {
        if (e.which === 13) {
            searchDocuments();
        }
    });
    
    // 全选复选框
    $('#selectAll').on('change', function() {
        const isChecked = $(this).prop('checked');
        $('.document-checkbox').prop('checked', isChecked);
        updateBatchActionBar();
    });
    
    // 单个复选框
    $(document).on('change', '.document-checkbox', function() {
        updateSelectAllState();
        updateBatchActionBar();
    });
}

// 更新全选复选框状态
function updateSelectAllState() {
    const total = $('.document-checkbox').length;
    const checked = $('.document-checkbox:checked').length;
    $('#selectAll').prop('checked', total > 0 && total === checked);
}

// 更新批量操作栏
function updateBatchActionBar() {
    const selected = $('.document-checkbox:checked');
    const count = selected.length;
    
    if (count > 0) {
        $('#selectedCount').text(count);
        $('#batchActionBar').slideDown(200);
    } else {
        $('#batchActionBar').slideUp(200);
    }
}

// 清除选择
function clearSelection() {
    $('.document-checkbox').prop('checked', false);
    $('#selectAll').prop('checked', false);
    updateBatchActionBar();
}

// 获取选中的文档ID列表
function getSelectedDocumentIds() {
    const ids = [];
    $('.document-checkbox:checked').each(function() {
        ids.push(parseInt($(this).val()));
    });
    return ids;
}

// 批量删除文档
function batchDeleteDocuments() {
    const ids = getSelectedDocumentIds();
    if (ids.length === 0) {
        BootstrapModal.msg(DocumentsPageI18n.selectDelete, {icon: 2});
        return;
    }
    
    // 获取选中的文档标题
    const titles = [];
    $('.document-checkbox:checked').each(function() {
        titles.push($(this).data('title'));
    });
    
    const titleList = titles.slice(0, 3).join(', ');
    const moreText = titles.length > 3 ? docI18n(DocumentsPageI18n.andMore, {count: titles.length}) : '';
    
    BootstrapModal.confirm(docI18n(DocumentsPageI18n.batchDeleteConfirm, {count: ids.length}) + '<br><span class="text-danger">' + DocumentsPageI18n.batchDeleteWarn + '</span><br><small class="text-muted">' + titleList + moreText + '</small>', {
        icon: 3,
        title: DocumentsPageI18n.confirmBatchDelete,
        btn: [DocumentsPageI18n.btnDelete, DocumentsPageI18n.btnCancel]
    }, function(index) {
        BootstrapModal.close(index);
        
        $.ajax({
            url: '/admin/document-batch-delete',
            type: 'POST',
            contentType: 'application/json',
            data: JSON.stringify({ids: ids}),
            dataType: 'json',
            headers: {
                'X-Requested-With': 'XMLHttpRequest'
            },
            success: function(res) {
                if (res.success) {
                    BootstrapModal.msg(res.message || DocumentsPageI18n.deletedOk, {icon: 1, time: 1000});
                    clearSelection();
                    setTimeout(function() {
                        location.reload();
                    }, 2000);
                } else {
                    if (res.require_login) {
                        showDocLoginConfirm(res.message);
                    } else {
                        BootstrapModal.msg(res.message || DocumentsPageI18n.deleteFailed, {icon: 2});
                    }
                }
            },
            error: function(xhr, status, error) {
                if (xhr.status === 401 || xhr.status === 403) {
                    showDocLoginConfirm();
                } else {
                    BootstrapModal.msg(DocumentsPageI18n.requestFailed, {icon: 2});
                }
            }
        });
    });
}

// 显示批量移动模态框
function showBatchMoveModal() {
    const ids = getSelectedDocumentIds();
    if (ids.length === 0) {
        BootstrapModal.msg(DocumentsPageI18n.selectMove, {icon: 2});
        return;
    }
    
    $('#batchMoveCount').text(ids.length);
    if (typeof bootstrap !== 'undefined' && bootstrap.Modal) {
        const modalEl = document.getElementById('batchMoveModal');
        if (modalEl) {
            const modal = new bootstrap.Modal(modalEl);
            modal.show();
        }
    } else {
        BootstrapModal.msg(DocumentsPageI18n.systemInit, {icon: 2});
    }
}

// 确认批量移动
function confirmBatchMove() {
    const ids = getSelectedDocumentIds();
    const targetDirectory = $('#batchMoveDirectory').val();
    
    if (ids.length === 0) {
        BootstrapModal.msg(DocumentsPageI18n.selectMove, {icon: 2});
        return;
    }
    
    if (!targetDirectory) {
        BootstrapModal.msg(DocumentsPageI18n.selectTargetDir, {icon: 2});
        return;
    }
    
    $.ajax({
        url: '/admin/document-batch-move',
        type: 'POST',
        contentType: 'application/json',
        data: JSON.stringify({
            ids: ids,
            target_directory: targetDirectory
        }),
        dataType: 'json',
        headers: {
            'X-Requested-With': 'XMLHttpRequest'
        },
        success: function(res) {
            if (res.success) {
                if (typeof bootstrap !== 'undefined' && bootstrap.Modal) {
                    const modalEl = document.getElementById('batchMoveModal');
                    if (modalEl) {
                        const modal = bootstrap.Modal.getInstance(modalEl);
                        if (modal) modal.hide();
                    }
                }
                BootstrapModal.msg(res.message || DocumentsPageI18n.movedOk, {icon: 1, time: 1000});
                clearSelection();
                setTimeout(function() {
                    location.reload();
                }, 2000);
            } else {
                if (res.require_login) {
                    showDocLoginConfirm(res.message);
                } else {
                    BootstrapModal.msg(res.message || DocumentsPageI18n.moveFailed, {icon: 2});
                }
            }
        },
        error: function(xhr, status, error) {
            if (xhr.status === 401 || xhr.status === 403) {
                showDocLoginConfirm();
            } else {
                BootstrapModal.msg(DocumentsPageI18n.requestFailed, {icon: 2});
            }
        }
    });
}

function selectDocumentDirectory(directoryPath) {
    const $sel = $('#documentDirectory');
    if (!directoryPath) {
        $sel.val('');
        return;
    }
    if ($sel.find('option[value="' + directoryPath.replace(/"/g, '\\"') + '"]').length) {
        $sel.val(directoryPath);
        return;
    }
    let path = directoryPath;
    while (path.indexOf('/') >= 0) {
        path = path.substring(0, path.lastIndexOf('/'));
        if ($sel.find('option[value="' + path.replace(/"/g, '\\"') + '"]').length) {
            $sel.val(path);
            return;
        }
    }
    $sel.val(directoryPath);
}

function editDocument(id) {
    if (!documentModal) initModals();
    if (!documentModal) {
        BootstrapModal.msg(DocumentsPageI18n.systemInit, {icon: 2});
        return;
    }
    $.ajax({
        url: '/admin/document-get?id=' + id,
        type: 'GET',
        dataType: 'json',
        headers: {
            'X-Requested-With': 'XMLHttpRequest'
        },
        success: function(res) {
            if (res.success && res.data) {
                const doc = res.data;
                $('#documentModalTitle').text('{{T "admin_documents_edit_title"}}');
                $('#documentId').val(doc.id);
                
                selectDocumentDirectory(doc.directory_path || doc.project_slug || '');
                $('#documentTitle').val(doc.title);
                $('#documentDescription').val(doc.description || '');
                $('#documentContent').val(doc.content);
                $('input[name="document_status"][value="' + String(doc.status) + '"]').prop('checked', true);
                documentModal.show();
            } else {
                // 检查是否需要重新登录
                if (res.require_login) {
                    showDocLoginConfirm(res.message);
                } else {
                    BootstrapModal.msg(res.message || DocumentsPageI18n.loadFailed, {icon: 2});
                }
            }
        },
        error: function(xhr, status, error) {
            // 如果是 401 或 403，可能是认证问题
            if (xhr.status === 401 || xhr.status === 403) {
                showDocLoginConfirm();
            } else {
                // 尝试解析 JSON 响应
                try {
                    const res = JSON.parse(xhr.responseText);
                    if (res.require_login) {
                        showDocLoginConfirm(res.message);
                    } else {
                        BootstrapModal.msg(res.message || DocumentsPageI18n.requestFailed, {icon: 2});
                    }
                } catch (e) {
                    BootstrapModal.msg(DocumentsPageI18n.requestFailed, {icon: 2});
                }
            }
        }
    });
}

function saveDocument() {
    const docId = parseInt($('#documentId').val()) || 0;
    if (docId <= 0) {
        BootstrapModal.msg('{{T "admin_documents_create_disabled"}}', {icon: 0});
        return;
    }
    const formData = {
        id: docId,
        directory: $('#documentDirectory').val(),
        title: $('#documentTitle').val(),
        description: $('#documentDescription').val(),
        content: $('#documentContent').val(),
        status: parseInt($('input[name="document_status"]:checked').val(), 10)
    };
    
    if (!formData.directory) {
        BootstrapModal.msg(DocumentsPageI18n.selectDirectory, {icon: 2});
        return;
    }
    if (!formData.title) {
        BootstrapModal.msg(DocumentsPageI18n.enterTitle, {icon: 2});
        return;
    }
    if (!formData.content) {
        BootstrapModal.msg(DocumentsPageI18n.enterContent, {icon: 2});
        return;
    }
    
    $.ajax({
        url: '/admin/document-save',
        type: 'POST',
        contentType: 'application/json',
        data: JSON.stringify(formData),
        dataType: 'json',
        headers: {
            'X-Requested-With': 'XMLHttpRequest'
        },
        success: function(res) {
            if (res.success) {
                if (documentModal) documentModal.hide();
                BootstrapModal.msg(res.message || DocumentsPageI18n.savedOk, {icon: 1, time: 1000});
                // 延迟刷新，确保消息能显示
                setTimeout(function() {
                    location.reload();
                }, 2000);
            } else {
                // 检查是否需要重新登录
                if (res.require_login) {
                    showDocLoginConfirm(res.message);
                } else {
                    BootstrapModal.msg(res.message || DocumentsPageI18n.saveFailed, {icon: 2});
                }
            }
        },
        error: function(xhr, status, error) {
            // 如果是 401 或 403，可能是认证问题
            if (xhr.status === 401 || xhr.status === 403) {
                showDocLoginConfirm();
            } else {
                // 尝试解析 JSON 响应
                try {
                    const res = JSON.parse(xhr.responseText);
                    if (res.require_login) {
                        showDocLoginConfirm(res.message);
                    } else {
                        BootstrapModal.msg(res.message || DocumentsPageI18n.requestFailed, {icon: 2});
                    }
                } catch (e) {
                    BootstrapModal.msg(DocumentsPageI18n.requestFailed, {icon: 2});
                }
            }
        }
    });
}

function deleteDocument(id, title) {
    BootstrapModal.confirm(docI18n(DocumentsPageI18n.deleteConfirm, {title: title}) + '<br><span class="text-danger">' + DocumentsPageI18n.deleteWarn + '</span>', {
        icon: 3,
        title: DocumentsPageI18n.confirmDelete,
        btn: [DocumentsPageI18n.btnDelete, DocumentsPageI18n.btnCancel]
    }, function(index) {
        BootstrapModal.close(index);
    
    $.ajax({
        url: '/admin/document-delete',
        type: 'POST',
        contentType: 'application/json',
        data: JSON.stringify({id: parseInt(id)}),
        dataType: 'json',
        headers: {
            'X-Requested-With': 'XMLHttpRequest'
        },
        success: function(res) {
            if (res.success) {
                BootstrapModal.msg(res.message || DocumentsPageI18n.deletedOk, {icon: 1}, function() {
                    location.reload();
                });
            } else {
                // 检查是否需要重新登录
                if (res.require_login) {
                    showDocLoginConfirm(res.message);
                } else {
                    BootstrapModal.msg(res.message || DocumentsPageI18n.deleteFailed, {icon: 2});
                }
            }
        },
        error: function(xhr, status, error) {
            // 如果是 401 或 403，可能是认证问题
            if (xhr.status === 401 || xhr.status === 403) {
                showDocLoginConfirm();
            } else {
                // 尝试解析 JSON 响应
                try {
                    const res = JSON.parse(xhr.responseText);
                    if (res.require_login) {
                        showDocLoginConfirm(res.message);
                    } else {
                        BootstrapModal.msg(res.message || DocumentsPageI18n.requestFailed, {icon: 2});
                    }
                } catch (e) {
                    BootstrapModal.msg(DocumentsPageI18n.requestFailed, {icon: 2});
                }
            }
        }
    });
    });
}

$(document).on('click', '.doc-action-copy', function(e) {
    e.preventDefault();
    copyDocLink($(this).data('url'));
});
$(document).on('click', '.doc-action-delete', function(e) {
    e.preventDefault();
    deleteDocument($(this).data('id'), $(this).data('title'));
});
$(document).on('contextmenu', '.admin-doc-row', function(e) {
    if ($(e.target).closest('a, button, input, .dropdown-menu, label').length) return;
    showAdminDocContextMenu(e, $(this));
});
$(document).on('click', '#adminDocContextMenu .admin-context-item', function() {
    var $menu = $('#adminDocContextMenu');
    var ctx = $menu.data('ctx') || {};
    var action = $(this).data('action');
    hideAdminDocContextMenu();
    if (!action || !ctx.id) return;
    if (action === 'view' && ctx.url) {
        window.open(ctx.url, '_blank', 'noopener');
        return;
    }
    if (action === 'copy' && ctx.url) {
        copyDocLink(ctx.url);
        return;
    }
    if (action === 'edit') {
        editDocument(ctx.id);
        return;
    }
    if (action === 'toggle') {
        toggleDocumentStatus(ctx.id);
        return;
    }
    if (action === 'delete') {
        deleteDocument(ctx.id, ctx.title);
    }
});
$(document).on('click', function(e) {
    if (!$(e.target).closest('#adminDocContextMenu').length) hideAdminDocContextMenu();
});
$(document).on('keydown', function(e) {
    if (e.key === 'Escape') hideAdminDocContextMenu();
});
$(window).on('scroll resize', hideAdminDocContextMenu);
$('#btnAdminDocCacheSync').on('click', openAdminDocCacheSyncModal);
$('#adminDocCacheSyncStartBtn').on('click', startAdminDocCacheSync);
$('#adminDocCacheSyncModal').on('hidden.bs.modal', function() {
    if (!adminDocCacheSyncRunning) {
        resetAdminDocCacheSyncModal();
    }
});

</script>
{{end}}