{{template "layout.html" .}}

{{define "move_dir_tree_node"}}
<li class="pub-tree-node move-tree-node expanded" data-path="{{index . "path"}}">
    <div class="pub-tree-row move-tree-target">
        {{if index . "children"}}
        <i class='bx bx-chevron-right pub-tree-chevron'></i>
        {{else}}
        <span class="pub-tree-chevron-spacer"></span>
        {{end}}
        <i class='bx bx-folder text-primary'></i>
        <span>{{index . "name"}}</span>
        <span class="text-muted small ms-1">{{index . "path"}}</span>
    </div>
    {{if index . "children"}}
    <ul class="pub-tree-children">
        {{range index . "children"}}
        {{template "move_dir_tree_node" .}}
        {{end}}
    </ul>
    {{end}}
</li>
{{end}}

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


<div class="user-list-page user-docs-page">
    <div class="card mb-3">
        <div class="card-body">
            <div class="user-page-head">
                <div class="user-page-head-main">
                    <h5>{{T "user_documents_manage"}}</h5>
                    <p class="text-muted">{{T "user_documents_manage_subtitle"}}</p>
                </div>
                <div class="user-page-head-actions">
                    <button type="button" class="btn btn-outline-success btn-sm" id="btnOpenDocCacheSync" title="{{T "user_docs_cache_sync_title"}}">
                        <i class='bx bx-refresh'></i> {{T "user_docs_cache_sync_btn"}}
                    </button>
                    {{if .Data.CanCreateDoc}}
                    <a href="/user/document_edit" class="btn btn-outline-primary btn-sm"><i class='bx bx-upload'></i> {{T "user_publish_document"}}</a>
                    {{end}}
                    <a href="/user/projects" class="btn btn-outline-secondary btn-sm"><i class='bx bx-collection'></i> {{T "user_documents_go_categories"}}</a>
                </div>
            </div>
        </div>
    </div>

    {{if .Data.Flash}}
    <div class="alert alert-warning alert-dismissible fade show py-2" role="alert">
        {{if eq .Data.Flash "no_access"}}{{T "user_flash_no_access"}}{{else if eq .Data.Flash "directory_error"}}{{T "user_flash_directory_error"}}{{else}}{{.Data.Flash}}{{end}}
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
    </div>
    {{end}}

    <div class="filter-bar user-docs-filter-bar">
        <div class="user-docs-filter-row user-docs-filter-row--filters">
        <select class="form-select form-select-sm user-docs-filter-select" onchange="filterByDirectory(this.value)">
            <option value="">{{T "user_documents_filter_directory"}}</option>
            {{range .Data.Directories}}
            <option value="{{.id}}" {{if eq (printf "%d" $.Data.DirectoryID) .id}}selected{{end}}>{{.label}}</option>
            {{end}}
        </select>
        <select class="form-select form-select-sm user-docs-filter-select user-docs-filter-select--category" onchange="filterByCategory(this.value)">
            <option value="">{{T "user_documents_filter_category"}}</option>
            {{range .Data.Categories}}
            <option value="{{index . "id"}}" {{if eq $.Data.ProjectID (index . "id")}}selected{{end}}>{{index . "name"}}</option>
            {{end}}
        </select>
        <div class="btn-group btn-group-sm user-docs-status-tabs">
            <a href="{{.Data.FilterURLAll}}" class="btn {{if not .Data.Status}}btn-primary{{else}}btn-outline-secondary{{end}}">{{T "user_filter_all"}} <span class="badge rounded-pill">{{.Data.CountAll}}</span></a>
            <a href="{{.Data.FilterURLPublished}}" class="btn {{if eq .Data.Status "published"}}btn-primary{{else}}btn-outline-secondary{{end}}">{{T "user_filter_published"}} <span class="badge rounded-pill">{{.Data.CountPublished}}</span></a>
            <a href="{{.Data.FilterURLDraft}}" class="btn {{if eq .Data.Status "draft"}}btn-primary{{else}}btn-outline-secondary{{end}}">{{T "user_filter_draft"}} <span class="badge rounded-pill">{{.Data.CountDraft}}</span></a>
        </div>
        </div>
        <div class="user-docs-filter-row user-docs-filter-row--search">
            <div class="user-docs-search-wrap">
                <div class="user-docs-search">
                    <i class='bx bx-search user-docs-search-icon' aria-hidden="true"></i>
                    <input type="text" id="userDocsSearch" class="form-control" value="{{.Data.Q}}" placeholder="{{T "user_documents_search_placeholder"}}" autocomplete="off" aria-label="{{T "user_documents_search_placeholder"}}">
                    <button type="button" class="user-docs-search-clear d-none" id="userDocsSearchClear" title="{{T "user_btn_cancel"}}" aria-label="{{T "user_btn_cancel"}}"><i class='bx bx-x'></i></button>
                </div>
                <div class="user-docs-search-meta" id="userDocsSearchMeta"></div>
            </div>
        </div>
    </div>

    <div class="card user-table-card">
        <div class="table-responsive">
            <table class="table table-hover mb-0">
                <thead>
                    <tr>
                        <th class="col-check"><input type="checkbox" id="selectAllDocs" title="{{T "user_select_all"}}"></th>
                        <th>{{if .Data.SortTitleURL}}<a href="{{.Data.SortTitleURL}}" class="user-table-sort{{if eq .Data.Sort "title"}} is-active{{end}}" title="{{T "user_documents_col_title_path"}}">{{T "user_documents_col_title_path"}}{{if eq .Data.Sort "title"}} <i class='bx {{if eq .Data.Order "asc"}}bx-sort-up{{else}}bx-sort-down{{end}}' aria-hidden="true"></i>{{end}}</a>{{else}}{{T "user_documents_col_title_path"}}{{end}}</th>
                        <th>{{T "user_documents_col_location"}}</th>
                        <th>{{T "user_col_status"}}</th>
                        <th>{{T "user_documents_col_chars"}}</th>
                        <th>{{T "user_col_views"}}</th>
                        <th>{{T "user_col_updated"}}</th>
                        <th width="60" class="text-center">{{T "user_col_actions"}}</th>
                    </tr>
                </thead>
                <tbody>
                {{if .Data.Documents}}
                    {{range .Data.Documents}}
                    {{$doc := .}}
                    {{$url := index $doc "url"}}
                    {{$canView := and $url (eq (index $doc "status") 1) (eq (index $doc "audit_status") 1)}}
                    <tr class="doc-row"
                        data-id="{{index $doc "id"}}"
                        data-project-id="{{index $doc "project_id"}}"
                        data-title="{{index $doc "title"}}"
                        data-directory-path="{{index $doc "directory_path"}}"
                        data-move-directory-path="{{if index $doc "slug_directory_path"}}{{index $doc "slug_directory_path"}}{{else}}{{index $doc "directory_path"}}{{end}}"
                        data-search="{{index $doc "title"}} {{index $doc "directory_path"}} {{index $doc "public_category_label"}} {{index $doc "project_public_label"}} {{index $doc "project_user_name"}} {{index $doc "project_display_name"}}"
                        {{if $canView}}data-url="{{$url}}" data-can-view="1"{{else}}data-can-view="0"{{end}}>
                        <td><input type="checkbox" class="doc-checkbox" value="{{index $doc "id"}}" data-project-id="{{index $doc "project_id"}}" data-title="{{index $doc "title"}}"></td>
                        <td class="fw-medium">
                            <div class="user-doc-title-cell">
                            {{if $canView}}
                            <a href="{{$url}}" target="_blank" rel="noopener" class="doc-title-link" title="{{T "user_btn_view"}}">
                                <i class='bx bx-file me-1 text-muted'></i>{{index $doc "title"}}
                            </a>
                            {{else}}
                            <div class="doc-title-text"><i class='bx bx-file me-1 text-muted'></i>{{index $doc "title"}}</div>
                            {{end}}
                            {{$catLabel := index $doc "public_category_label"}}
                            {{if $catLabel}}
                            {{$catURL := index $doc "category_url"}}
                            {{if $catURL}}
                            <a href="{{$catURL}}" class="user-doc-category-subtitle" target="_blank" rel="noopener" title="{{T "user_col_directory"}}"><i class='bx bx-folder'></i>{{$catLabel}}</a>
                            {{else}}
                            <span class="user-doc-category-subtitle user-doc-category-subtitle--text"><i class="bx bx-folder"></i>{{$catLabel}}</span>
                            {{end}}
                            {{end}}
                            </div>
                        </td>
                        <td>
                            <div class="user-doc-project-cell">
                                {{$publicLabel := index $doc "project_public_label"}}
                                {{if $publicLabel}}
                                    {{if index $doc "project_public_filter_url"}}
                                    <a href="{{index $doc "project_public_filter_url"}}" class="user-doc-project-cell__public user-project-link" title="{{T "user_doc_category_label"}}">{{$publicLabel}}</a>
                                    {{else}}
                                    <div class="user-doc-project-cell__public">{{$publicLabel}}</div>
                                    {{end}}
                                {{end}}
                                {{$userName := index $doc "project_user_name"}}
                                {{if $userName}}
                                    {{if and (index $doc "project_filterable") (index $doc "project_filter_url")}}
                                    <a href="{{index $doc "project_filter_url"}}" class="user-doc-project-cell__user user-project-link" title="{{T "user_doc_project_label"}}">{{$userName}}</a>
                                    {{else}}
                                    <div class="user-doc-project-cell__user">{{$userName}}</div>
                                    {{end}}
                                {{else}}
                                <div class="user-doc-project-cell__user text-muted">—</div>
                                {{end}}
                            </div>
                        </td>
                        <td>
                            {{$a := index $doc "audit_status"}}
                            {{$s := index $doc "status"}}
                            <div class="user-doc-status-stack">
                                <div>
                                    {{if eq $a 0}}<span class="badge badge-audit-pending">{{T "user_audit_pending"}}</span>
                                    {{else if eq $a 2}}<span class="badge badge-audit-rejected" title="{{index $doc "reject_reason"}}">{{T "user_audit_rejected"}}</span>
                                    {{else}}<span class="badge badge-audit-approved">{{T "user_audit_done"}}</span>{{end}}
                                </div>
                                <div>
                                    {{if eq $s 1}}<span class="badge badge-pub-published">{{T "user_filter_published"}}</span>
                                    {{else}}<span class="badge badge-pub-draft">{{T "user_filter_draft"}}</span>{{end}}
                                </div>
                            </div>
                        </td>
                        <td class="doc-table-col-meta" title="{{T "user_documents_col_chars"}}">{{index $doc "char_count_display"}}</td>
                        <td class="doc-table-col-meta">{{index $doc "view_count"}}</td>
                        <td class="doc-table-col-meta">{{index $doc "updated_at_display"}}</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 $canView}}
                                    <li><a class="dropdown-item" href="{{$url}}" target="_blank" rel="noopener"><i class="bx bx-show"></i> {{T "user_btn_view"}}</a></li>
                                    <li><a class="dropdown-item doc-action-copy" href="javascript:;" data-url="{{$url}}"><i class="bx bx-link"></i> {{T "user_copy_link"}}</a></li>
                                    <li><hr class="dropdown-divider"></li>
                                    {{end}}
                                    <li><a class="dropdown-item" href="/user/document_edit?project_id={{index $doc "project_id"}}&id={{index $doc "id"}}"><i class="bx bx-edit"></i> {{T "user_btn_edit"}}</a></li>
                                    <li><a class="dropdown-item btn-move-doc" href="javascript:;" data-id="{{index $doc "id"}}" data-project-id="{{index $doc "project_id"}}" data-directory-path="{{index $doc "directory_path"}}" data-move-directory-path="{{if index $doc "slug_directory_path"}}{{index $doc "slug_directory_path"}}{{else}}{{index $doc "directory_path"}}{{end}}" data-title="{{index $doc "title"}}"><i class="bx bx-transfer"></i> {{T "user_btn_move"}}</a></li>
                                    <li><a class="dropdown-item text-danger" href="javascript:;" onclick="deleteDoc({{index $doc "id"}}, {{index $doc "project_id"}})"><i class="bx bx-trash"></i> {{T "user_btn_delete"}}</a></li>
                                </ul>
                            </div>
                        </td>
                    </tr>
                    {{end}}
                {{else}}
                    <tr class="user-docs-empty-row"><td colspan="8" class="text-center text-muted py-5">{{T "user_no_documents"}}</td></tr>
                    {{end}}
                <tr class="user-docs-no-search-row d-none"><td colspan="8" class="text-center text-muted">{{T "user_documents_search_empty"}}</td></tr>
                </tbody>
            </table>
        </div>
    </div>
</div>

<ul id="docContextMenu" class="doc-context-menu" role="menu" aria-hidden="true"></ul>

<div id="docsBatchActionBar" class="user-batch-bar" style="display:none;">
    <div class="d-flex justify-content-between align-items-center flex-wrap gap-2">
        <span class="small text-secondary"><span id="selectedDocCount">0</span> {{T "user_documents_selected_suffix"}}</span>
        <div class="d-flex gap-2 flex-wrap">
            <button type="button" class="btn btn-sm btn-outline-primary" onclick="batchUpdateDocStatus(1)"><i class='bx bx-check-circle'></i> {{T "user_batch_publish"}}</button>
            <button type="button" class="btn btn-sm btn-outline-secondary" onclick="batchUpdateDocStatus(0)"><i class='bx bx-edit-alt'></i> {{T "user_batch_draft"}}</button>
            <button type="button" class="btn btn-sm btn-outline-primary" onclick="openBatchMoveModal()"><i class='bx bx-transfer'></i> {{T "user_batch_move"}}</button>
            <button type="button" class="btn btn-sm btn-outline-danger" onclick="batchDeleteDocs()"><i class='bx bx-trash'></i> {{T "user_batch_delete"}}</button>
            <button type="button" class="btn btn-sm btn-outline-secondary" onclick="clearDocSelection()">{{T "user_clear_selection"}}</button>
        </div>
    </div>
</div>

<div class="modal fade" id="moveDocModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content user-form-modal user-move-modal">
            <div class="modal-header">
                <h5 class="modal-title">{{T "user_move_document_title"}}</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <p class="small text-muted mb-2" id="moveDocTitle"></p>
                <p class="small text-primary mb-2" id="moveDocBatchHint" style="display:none;"></p>
                {{if .Data.AuditEnabled}}
                <div class="user-hint-bar small py-2 px-3 mb-3">{{T "user_move_audit_hint"}}</div>
                {{end}}
                <label class="form-label">{{T "user_move_target_label"}}</label>
                <div class="move-dir-tree-panel">
                    <ul class="pub-tree move-dir-tree" id="moveDirTree">
                        {{range .Data.MoveDirectoryTree}}
                        {{template "move_dir_tree_node" .}}
                        {{else}}
                        <li class="text-muted small py-2 px-1">{{T "user_flash_directory_error"}}</li>
                        {{end}}
                    </ul>
                </div>
                <input type="hidden" id="moveTargetDirectory" value="">
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">{{T "user_btn_cancel"}}</button>
                <button type="button" class="btn btn-primary" onclick="confirmMoveDoc()">{{T "user_btn_move_confirm"}}</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="docCacheSyncModal" tabindex="-1" aria-labelledby="docCacheSyncModalLabel">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content user-form-modal user-docs-cache-sync-modal">
            <div class="modal-header">
                <h5 class="modal-title" id="docCacheSyncModalLabel">{{T "user_docs_cache_sync_title"}}</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{T "user_docs_cache_sync_close"}}"></button>
            </div>
            <div class="modal-body">
                <p class="user-docs-cache-sync-desc">{{T "user_docs_cache_sync_lead"}}</p>
                <p class="user-docs-cache-sync-desc mt-2">{{T "user_docs_cache_sync_desc"}}</p>
                <div class="user-docs-cache-sync-note">{{T "user_docs_cache_sync_note"}}</div>
                <div class="user-docs-cache-sync-scope">
                    <span class="text-muted">{{T "user_docs_cache_sync_scope_label"}}：</span>
                    <strong id="docCacheSyncScopeText">—</strong>
                </div>
                <div class="user-docs-cache-sync-progress d-none" id="docCacheSyncProgressWrap">
                    <div class="progress" role="progressbar" aria-valuemin="0" aria-valuemax="100">
                        <div class="progress-bar progress-bar-striped progress-bar-animated" id="docCacheSyncProgressBar" style="width:0%"></div>
                    </div>
                    <div class="user-docs-cache-sync-status" id="docCacheSyncStatusText"></div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal" id="docCacheSyncCloseBtn">{{T "user_docs_cache_sync_close"}}</button>
                <button type="button" class="btn btn-primary" id="docCacheSyncStartBtn">
                    <i class='bx bx-refresh'></i> {{T "user_docs_cache_sync_start"}}
                </button>
            </div>
        </div>
    </div>
</div>
{{end}}

{{define "scripts"}}
<script>
var moveDocId = 0;
var moveDocCurrentDir = '';
var batchMoveMode = false;
var msgBatchDeleteConfirm = {{json (T "user_batch_delete_documents_confirm")}};
var msgBatchMoveHint = {{json (T "user_batch_move_documents_hint")}};
var msgBatchDeleteTitle = {{json (T "user_batch_delete")}};
var msgBatchPublishConfirm = {{json (T "user_batch_publish_documents_confirm")}};
var msgBatchDraftConfirm = {{json (T "user_batch_draft_documents_confirm")}};
var msgBatchPublishTitle = {{json (T "user_batch_publish")}};
var msgBatchDraftTitle = {{json (T "user_batch_draft")}};
var docCtxLabels = {
    view: {{json (T "user_btn_view")}},
    copy: {{json (T "user_copy_link")}},
    edit: {{json (T "user_btn_edit")}},
    move: {{json (T "user_btn_move")}},
    del: {{json (T "user_btn_delete")}}
};
var docContextRow = null;
var userDocsSearchTimer = null;
var userDocsSearchI18n = {
    empty: {{json (T "user_documents_search_empty")}},
    result: {{json (T "user_documents_search_result")}}
};
var userDocsPageQuery = {
    status: {{json .Data.Status}},
    project_id: {{if gt .Data.ProjectID 0}}{{printf "%d" .Data.ProjectID}}{{else}}""{{end}},
    directory_id: {{if gt .Data.DirectoryID 0}}{{printf "%d" .Data.DirectoryID}}{{else}}""{{end}},
    sort: {{json .Data.Sort}},
    order: {{json .Data.Order}}
};
var docCacheSyncI18n = {
    scopeAll: {{json (T "user_docs_cache_sync_scope_all")}},
    scopeDirectory: {{json (T "user_docs_cache_sync_scope_directory")}},
    scopeProject: {{json (T "user_docs_cache_sync_scope_project")}},
    running: {{json (T "user_docs_cache_sync_running")}},
    done: {{json (T "user_docs_cache_sync_done")}},
    empty: {{json (T "user_docs_cache_sync_empty")}},
    failed: {{json (T "user_docs_cache_sync_failed")}},
    inProgress: {{json (T "user_docs_cache_sync_in_progress")}},
    start: {{json (T "user_docs_cache_sync_start")}}
};
var docCacheSyncRunning = false;

function docCacheSyncFormat(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 getDocCacheSyncScopePreview() {
    var dirVal = userDocsPageQuery.directory_id || '';
    var projVal = userDocsPageQuery.project_id || '';
    if (dirVal) {
        var dirText = $('.user-docs-filter-select').first().find('option:selected').text();
        return docCacheSyncFormat(docCacheSyncI18n.scopeDirectory, {name: dirText || dirVal});
    }
    if (projVal) {
        var projText = $('.user-docs-filter-select--category option:selected').text();
        return docCacheSyncFormat(docCacheSyncI18n.scopeProject, {name: projText || projVal});
    }
    return docCacheSyncI18n.scopeAll;
}
function resetDocCacheSyncModal() {
    docCacheSyncRunning = false;
    $('#docCacheSyncProgressWrap').addClass('d-none');
    $('#docCacheSyncProgressBar').css('width', '0%').attr('aria-valuenow', 0);
    $('#docCacheSyncStatusText').text('');
    $('#docCacheSyncStartBtn').prop('disabled', false).html("<i class='bx bx-refresh'></i> " + docCacheSyncI18n.start);
    $('#docCacheSyncCloseBtn').prop('disabled', false);
    $('#docCacheSyncScopeText').text(getDocCacheSyncScopePreview());
}
function openDocCacheSyncModal() {
    resetDocCacheSyncModal();
    var modalEl = document.getElementById('docCacheSyncModal');
    if (modalEl && typeof bootstrap !== 'undefined') {
        bootstrap.Modal.getOrCreateInstance(modalEl).show();
    }
}
function updateDocCacheSyncProgress(processed, total, statusText) {
    var pct = total > 0 ? Math.min(100, Math.round((processed / total) * 100)) : 0;
    $('#docCacheSyncProgressWrap').removeClass('d-none');
    $('#docCacheSyncProgressBar').css('width', pct + '%').attr('aria-valuenow', pct);
    $('#docCacheSyncStatusText').text(statusText || '');
}
function runDocCacheSyncBatch(offset, totals) {
    totals = totals || { total: 0, processed: 0, success: 0, fail: 0 };
    $.ajax({
        url: '/user/document_cache_sync',
        method: 'POST',
        data: {
            project_id: userDocsPageQuery.project_id || '',
            directory_id: userDocsPageQuery.directory_id || '',
            offset: offset,
            batch_size: 10
        },
        success: function(res) {
            if (!res || !res.success) {
                docCacheSyncRunning = false;
                $('#docCacheSyncStartBtn').prop('disabled', false).html("<i class='bx bx-refresh'></i> " + docCacheSyncI18n.start);
                $('#docCacheSyncCloseBtn').prop('disabled', false);
                if (typeof BootstrapModal !== 'undefined') {
                    BootstrapModal.msg((res && res.message) || docCacheSyncI18n.empty, {icon: res && res.data && res.data.total === 0 ? 0 : 2});
                }
                return;
            }
            var data = res.data || {};
            if (data.scope_label) {
                $('#docCacheSyncScopeText').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;
            updateDocCacheSyncProgress(
                totals.processed,
                totals.total,
                docCacheSyncFormat(docCacheSyncI18n.running, {current: totals.processed, total: totals.total})
            );
            if (data.done) {
                docCacheSyncRunning = false;
                $('#docCacheSyncProgressBar').removeClass('progress-bar-animated progress-bar-striped');
                // 更新成功后保持禁用，重新打开弹窗时才恢复可点
                $('#docCacheSyncStartBtn').prop('disabled', true).html("<i class='bx bx-check'></i> " + docCacheSyncI18n.start);
                $('#docCacheSyncCloseBtn').prop('disabled', false);
                updateDocCacheSyncProgress(
                    totals.total,
                    totals.total,
                    docCacheSyncFormat(docCacheSyncI18n.done, {success: totals.success, fail: totals.fail})
                );
                return;
            }
            runDocCacheSyncBatch(totals.processed, totals);
        },
        error: function() {
            docCacheSyncRunning = false;
            $('#docCacheSyncStartBtn').prop('disabled', false).html("<i class='bx bx-refresh'></i> " + docCacheSyncI18n.start);
            $('#docCacheSyncCloseBtn').prop('disabled', false);
            if (typeof BootstrapModal !== 'undefined') {
                BootstrapModal.msg(docCacheSyncI18n.failed, {icon: 2});
            }
        }
    });
}
function startDocCacheSync() {
    if (docCacheSyncRunning) return;
    docCacheSyncRunning = true;
    $('#docCacheSyncStartBtn').prop('disabled', true).html("<i class='bx bx-loader-alt bx-spin'></i> " + docCacheSyncI18n.inProgress);
    $('#docCacheSyncCloseBtn').prop('disabled', true);
    $('#docCacheSyncProgressBar').addClass('progress-bar-animated progress-bar-striped');
    runDocCacheSyncBatch(0, {total: 0, processed: 0, success: 0, fail: 0});
}

function normalizeDocsSearchText(text) {
    return (text || '').toString().toLowerCase().replace(/\s+/g, ' ').trim();
}
function getDocsSearchTerms() {
    return normalizeDocsSearchText($('#userDocsSearch').val()).split(' ').filter(function(term) { return term.length > 0; });
}
function docRowMatchesSearch($row, terms) {
    if (!terms.length) return true;
    var haystack = normalizeDocsSearchText($row.attr('data-search') || $row.text());
    for (var i = 0; i < terms.length; i++) {
        if (haystack.indexOf(terms[i]) === -1) return false;
    }
    return true;
}
function applyDocsSearch(options) {
    options = options || {};
    var terms = getDocsSearchTerms();
    var $rows = $('tr.doc-row');
    var visible = 0;
    $rows.each(function() {
        var match = docRowMatchesSearch($(this), terms);
        $(this).toggleClass('is-search-hidden', !match);
        if (match) visible++;
    });
    var hasQuery = terms.length > 0;
    $('#userDocsSearchClear').toggleClass('d-none', !hasQuery);
    $('.user-docs-empty-row').toggleClass('d-none', hasQuery);
    $('.user-docs-no-search-row').toggleClass('d-none', !hasQuery || visible > 0 || $rows.length === 0);
    var $meta = $('#userDocsSearchMeta');
    if (!hasQuery) {
        $meta.text('');
    } else if ($rows.length === 0) {
        $meta.text('');
    } else {
        $meta.text(userDocsSearchI18n.result.replace('{count}', visible));
    }
    updateSelectAllDocsState();
    updateDocBatchBar();
    if (options.syncURL !== false && typeof history !== 'undefined' && history.replaceState) {
        var nextURL = buildDocsURL({
            project_id: userDocsPageQuery.project_id,
            directory_id: userDocsPageQuery.directory_id,
            q: $('#userDocsSearch').val()
        });
        if (window.location.pathname + window.location.search !== nextURL) {
            history.replaceState(null, '', nextURL);
        }
    }
}
function scheduleDocsSearch(options) {
    if (userDocsSearchTimer) clearTimeout(userDocsSearchTimer);
    userDocsSearchTimer = setTimeout(function() {
        applyDocsSearch(options);
    }, options && options.immediate ? 0 : 180);
}

function hideDocContextMenu() {
    $('#docContextMenu').removeClass('is-open').attr('aria-hidden', 'true').empty();
    $('.doc-row.is-context-open').removeClass('is-context-open');
    docContextRow = null;
}
function positionDocContextMenu(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 openMoveDocModalFromRow($row) {
    batchMoveMode = false;
    moveDocId = parseInt($row.data('id')) || 0;
    // 移动定位用真实 slug 目录，与列表展示归属路径分开
    moveDocCurrentDir = ($row.data('move-directory-path') || $row.data('directory-path') || '').toString();
    $('#moveDocTitle').text($row.data('title') || '').show();
    $('#moveDocBatchHint').hide();
    applyMoveTreeCurrentDir();
    var el = document.getElementById('moveDocModal');
    if (el && typeof bootstrap !== 'undefined') bootstrap.Modal.getOrCreateInstance(el).show();
}
function showDocContextMenu(e, $row) {
    e.preventDefault();
    hideDocContextMenu();
    docContextRow = $row;
    $row.addClass('is-context-open');
    var canView = String($row.data('can-view')) === '1';
    var url = ($row.data('url') || '').toString();
    var id = parseInt($row.data('id')) || 0;
    var projectId = parseInt($row.data('project-id')) || 0;
    var $menu = $('#docContextMenu');
    var html = '';
    if (canView && url) {
        html += '<li><button type="button" class="doc-context-item" data-action="view"><i class="bx bx-show"></i><span>' + docCtxLabels.view + '</span></button></li>';
        html += '<li><button type="button" class="doc-context-item" data-action="copy"><i class="bx bx-link"></i><span>' + docCtxLabels.copy + '</span></button></li>';
        html += '<li class="doc-context-divider" role="separator"></li>';
    }
    html += '<li><button type="button" class="doc-context-item" data-action="edit"><i class="bx bx-edit"></i><span>' + docCtxLabels.edit + '</span></button></li>';
    html += '<li><button type="button" class="doc-context-item" data-action="move"><i class="bx bx-transfer"></i><span>' + docCtxLabels.move + '</span></button></li>';
    html += '<li class="doc-context-divider" role="separator"></li>';
    html += '<li><button type="button" class="doc-context-item is-danger" data-action="delete"><i class="bx bx-trash"></i><span>' + docCtxLabels.del + '</span></button></li>';
    $menu.html(html).attr('aria-hidden', 'false');
    $menu.data('ctx', { canView: canView, url: url, id: id, projectId: projectId });
    positionDocContextMenu($menu, e.clientX, e.clientY);
}

function getSelectedDocs() {
    var items = [];
    $('.doc-checkbox:checked').each(function() {
        if ($(this).closest('tr.doc-row').hasClass('is-search-hidden')) return;
        items.push({
            id: parseInt($(this).val()) || 0,
            project_id: parseInt($(this).data('project-id')) || 0,
            title: $(this).data('title') || ''
        });
    });
    return items;
}
function updateDocBatchBar() {
    var count = getSelectedDocs().length;
    $('#selectedDocCount').text(count);
    $('#docsBatchActionBar').toggle(count > 0);
}
function updateSelectAllDocsState() {
    var $visibleChecks = $('tr.doc-row:not(.is-search-hidden) .doc-checkbox');
    var total = $visibleChecks.length;
    var checked = $visibleChecks.filter(':checked').length;
    $('#selectAllDocs').prop('checked', total > 0 && total === checked);
}
function clearDocSelection() {
    $('.doc-checkbox, #selectAllDocs').prop('checked', false);
    updateDocBatchBar();
}
function resetMoveTreeSelection() {
    $('#moveTargetDirectory').val('');
    $('#moveDirTree .move-tree-target').removeClass('selected disabled');
}
function applyMoveTreeCurrentDir() {
    resetMoveTreeSelection();
    if (!moveDocCurrentDir) return;
    $('#moveDirTree .move-tree-node').each(function() {
        var path = $(this).data('path') || '';
        if (path === moveDocCurrentDir) {
            $(this).find('> .move-tree-target').addClass('disabled');
        }
    });
}
function confirmMoveDoc() {
    var targetDir = ($('#moveTargetDirectory').val() || '').trim();
    if (!targetDir) {
        if (typeof BootstrapModal !== 'undefined') BootstrapModal.msg({{json (T "user_move_select_target")}}, {icon: 2});
        return;
    }
    if (batchMoveMode) {
        var ids = getSelectedDocs().map(function(d) { return d.id; }).filter(function(id) { return id > 0; });
        if (!ids.length) return;
        $.ajax({
            url: '/user/document_batch_move', method: 'POST', contentType: 'application/json',
            data: JSON.stringify({ ids: ids, target_directory: targetDir }),
            success: function(res) {
                if (res.success) {
                    if (typeof BootstrapModal !== 'undefined') BootstrapModal.msg(res.message || {{json (T "user_move_success")}}, {icon: 1}, function(){ location.reload(); });
                    else location.reload();
                } else {
                    if (typeof BootstrapModal !== 'undefined') BootstrapModal.msg(res.message || {{json (T "user_failed")}}, {icon: 2});
                }
            },
            error: function() {
                if (typeof BootstrapModal !== 'undefined') BootstrapModal.msg({{json (T "user_failed")}}, {icon: 2});
            }
        });
        return;
    }
    if (!moveDocId) {
        if (typeof BootstrapModal !== 'undefined') BootstrapModal.msg({{json (T "user_move_select_target")}}, {icon: 2});
        return;
    }
    if (targetDir === moveDocCurrentDir) {
        if (typeof BootstrapModal !== 'undefined') BootstrapModal.msg({{json (T "user_move_already_in_target")}}, {icon: 0});
        return;
    }
    $.ajax({
        url: '/user/document_move', method: 'POST', contentType: 'application/json',
        data: JSON.stringify({ id: moveDocId, target_directory: targetDir }),
        success: function(res) {
            if (res.success) {
                if (typeof BootstrapModal !== 'undefined') BootstrapModal.msg(res.message || {{json (T "user_move_success")}}, {icon: 1}, function(){ location.reload(); });
                else location.reload();
            } else {
                if (typeof BootstrapModal !== 'undefined') BootstrapModal.msg(res.message || {{json (T "user_failed")}}, {icon: 2});
            }
        },
        error: function() {
            if (typeof BootstrapModal !== 'undefined') BootstrapModal.msg({{json (T "user_failed")}}, {icon: 2});
        }
    });
}
function openBatchMoveModal() {
    var items = getSelectedDocs();
    if (!items.length) return;
    batchMoveMode = true;
    moveDocId = 0;
    moveDocCurrentDir = '';
    $('#moveDocTitle').hide();
    $('#moveDocBatchHint').text(msgBatchMoveHint.replace('{count}', items.length)).show();
    applyMoveTreeCurrentDir();
    var el = document.getElementById('moveDocModal');
    if (el && typeof bootstrap !== 'undefined') bootstrap.Modal.getOrCreateInstance(el).show();
}
function batchDeleteDocs() {
    var items = getSelectedDocs();
    if (!items.length) return;
    var msg = msgBatchDeleteConfirm.replace('{count}', items.length);
    var ids = items.map(function(d) { return d.id; });
    var run = function() {
        $.ajax({
            url: '/user/document_batch_delete', method: 'POST', contentType: 'application/json',
            data: JSON.stringify({ ids: ids }),
            success: function(res) {
                if (res.success) {
                    if (typeof BootstrapModal !== 'undefined') BootstrapModal.msg(res.message || {{json (T "user_doc_deleted")}}, {icon: 1}, function(){ location.reload(); });
                    else location.reload();
                } else {
                    if (typeof BootstrapModal !== 'undefined') BootstrapModal.msg(res.message || {{json (T "user_failed")}}, {icon: 2});
                }
            },
            error: function() {
                if (typeof BootstrapModal !== 'undefined') BootstrapModal.msg({{json (T "user_failed")}}, {icon: 2});
            }
        });
    };
    if (typeof BootstrapModal !== 'undefined') BootstrapModal.confirm(msg, {icon: 3, title: msgBatchDeleteTitle}, function(){ run(); });
    else if (confirm(msg)) run();
}
function batchUpdateDocStatus(status) {
    var items = getSelectedDocs();
    if (!items.length) return;
    var isPublish = parseInt(status, 10) === 1;
    var msg = (isPublish ? msgBatchPublishConfirm : msgBatchDraftConfirm).replace('{count}', items.length);
    var title = isPublish ? msgBatchPublishTitle : msgBatchDraftTitle;
    var ids = items.map(function(d) { return d.id; });
    var run = function() {
        $.ajax({
            url: '/user/document_batch_status', method: 'POST', contentType: 'application/json',
            data: JSON.stringify({ ids: ids, status: isPublish ? 1 : 0 }),
            success: function(res) {
                if (res.success) {
                    if (typeof BootstrapModal !== 'undefined') BootstrapModal.msg(res.message || title, {icon: 1}, function(){ location.reload(); });
                    else location.reload();
                } else {
                    if (typeof BootstrapModal !== 'undefined') BootstrapModal.msg(res.message || {{json (T "user_failed")}}, {icon: 2});
                }
            },
            error: function() {
                if (typeof BootstrapModal !== 'undefined') BootstrapModal.msg({{json (T "user_failed")}}, {icon: 2});
            }
        });
    };
    if (typeof BootstrapModal !== 'undefined') BootstrapModal.confirm(msg, {icon: 3, title: title}, function(){ run(); });
    else if (confirm(msg)) run();
}
function buildDocsURL(params) {
    params = params || {};
    var q = [];
    var status = params.status !== undefined ? params.status : userDocsPageQuery.status;
    var projectID = params.project_id !== undefined ? params.project_id : userDocsPageQuery.project_id;
    var directoryID = params.directory_id !== undefined ? params.directory_id : userDocsPageQuery.directory_id;
    var sort = params.sort !== undefined ? params.sort : userDocsPageQuery.sort;
    var order = params.order !== undefined ? params.order : userDocsPageQuery.order;
    var searchQ = params.q !== undefined ? params.q : ($('#userDocsSearch').val() || '');
    if (status) q.push('status=' + encodeURIComponent(status));
    if (projectID) q.push('project_id=' + encodeURIComponent(projectID));
    if (directoryID) q.push('directory_id=' + encodeURIComponent(directoryID));
    if (sort === 'title') {
        q.push('sort=title');
        q.push('order=' + encodeURIComponent(order === 'desc' ? 'desc' : 'asc'));
    }
    searchQ = (searchQ || '').toString().trim();
    if (searchQ) q.push('q=' + encodeURIComponent(searchQ));
    return '/user/documents' + (q.length ? '?' + q.join('&') : '');
}
function filterByCategory(id) {
    if (!id) { location.href = buildDocsURL({ project_id: '' }); return; }
    location.href = buildDocsURL({ project_id: id });
}
function filterByDirectory(dirId) {
    if (!dirId) { location.href = buildDocsURL({ directory_id: '' }); return; }
    location.href = buildDocsURL({ directory_id: dirId });
}
function fitUserDocsFilterSelects() {
    var $selects = $('.user-docs-filter-row--filters .user-docs-filter-select');
    if (!$selects.length) return;
    if (window.matchMedia && window.matchMedia('(max-width: 767.98px)').matches) {
        $selects.css('width', '');
        return;
    }
    var $measure = $('#userDocsSelectMeasure');
    if (!$measure.length) {
        $measure = $('<span id="userDocsSelectMeasure" aria-hidden="true"/>').css({
            position: 'absolute',
            visibility: 'hidden',
            whiteSpace: 'nowrap',
            fontSize: '0.875rem',
            fontFamily: 'inherit',
            fontWeight: '400',
            padding: 0,
            pointerEvents: 'none'
        }).appendTo('body');
    }
    $selects.each(function() {
        var $select = $(this);
        var maxTextWidth = 0;
        $select.find('option').each(function() {
            $measure.text($(this).text());
            maxTextWidth = Math.max(maxTextWidth, $measure.outerWidth());
        });
        var width = Math.min(Math.max(Math.ceil(maxTextWidth) + 46, 148), 320);
        $select.css('width', width + 'px');
    });
}
function deleteDoc(id, projectId) {
    var msg = {{json (T "user_delete_doc_confirm")}};
    var run = function() {
        $.post('/user/document_delete', {id: id, project_id: projectId}, function(res) {
            if (res.success) {
                if (typeof BootstrapModal !== 'undefined') BootstrapModal.msg(res.message || {{json (T "user_doc_deleted")}}, {icon:1}, function(){ location.reload(); });
                else location.reload();
            } else {
                if (typeof BootstrapModal !== 'undefined') BootstrapModal.msg(res.message || {{json (T "user_failed")}}, {icon:2});
            }
        }, 'json');
    };
    if (typeof BootstrapModal !== 'undefined') BootstrapModal.confirm(msg, {icon:3}, function(){ run(); });
    else if (confirm(msg)) run();
}
$(document).on('click', '.btn-move-doc', function(e) {
    e.preventDefault();
    openMoveDocModalFromRow($(this).closest('tr.doc-row'));
});
$(document).on('contextmenu', '.doc-row', function(e) {
    if ($(e.target).closest('a, button, input, .dropdown-menu, label').length) return;
    showDocContextMenu(e, $(this));
});
$(document).on('click', '#docContextMenu .doc-context-item', function() {
    var $menu = $('#docContextMenu');
    var ctx = $menu.data('ctx') || {};
    var action = $(this).data('action');
    var $row = docContextRow;
    hideDocContextMenu();
    if (!action || !$row || !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') {
        location.href = '/user/document_edit?project_id=' + encodeURIComponent(ctx.projectId) + '&id=' + encodeURIComponent(ctx.id);
        return;
    }
    if (action === 'move') {
        openMoveDocModalFromRow($row);
        return;
    }
    if (action === 'delete') {
        deleteDoc(ctx.id, ctx.projectId);
    }
});
$(function() {
    fitUserDocsFilterSelects();
    $(window).on('resize', fitUserDocsFilterSelects);
    $('#moveDirTree').on('click', '.pub-tree-chevron', function(e) {
        e.stopPropagation();
        $(this).closest('.move-tree-node').toggleClass('expanded');
    });
    $('#moveDirTree').on('click', '.move-tree-target', function(e) {
        if ($(this).hasClass('disabled')) return;
        var path = ($(this).closest('.move-tree-node').data('path') || '').toString();
        if (!path) return;
        $('#moveDirTree .move-tree-target').removeClass('selected');
        $(this).addClass('selected');
        $('#moveTargetDirectory').val(path);
    });
    $('#selectAllDocs').on('change', function() {
        $('tr.doc-row:not(.is-search-hidden) .doc-checkbox').prop('checked', $(this).prop('checked'));
        updateDocBatchBar();
    });
    $('#userDocsSearch').on('input', function() {
        scheduleDocsSearch({ syncURL: true });
    }).on('keydown', function(e) {
        if (e.key === 'Escape') {
            $(this).val('');
            scheduleDocsSearch({ immediate: true, syncURL: true });
        }
    });
    $('#userDocsSearchClear').on('click', function() {
        $('#userDocsSearch').val('').trigger('focus');
        scheduleDocsSearch({ immediate: true, syncURL: true });
    });
    applyDocsSearch({ syncURL: false });
    $(document).on('change', '.doc-checkbox', function() {
        updateSelectAllDocsState();
        updateDocBatchBar();
    });
    $('#moveDocModal').on('hidden.bs.modal', function() {
        batchMoveMode = false;
        moveDocCurrentDir = '';
        $('#moveDocBatchHint').hide();
        $('#moveDocTitle').show();
        resetMoveTreeSelection();
    });
    $(document).on('click', function(e) {
        if (!$(e.target).closest('#docContextMenu').length) hideDocContextMenu();
    });
    $(document).on('keydown', function(e) {
        if (e.key === 'Escape') hideDocContextMenu();
    });
    $(window).on('scroll resize', hideDocContextMenu);
    $('#btnOpenDocCacheSync').on('click', openDocCacheSyncModal);
    $('#docCacheSyncStartBtn').on('click', startDocCacheSync);
    $('#docCacheSyncModal').on('hidden.bs.modal', function() {
        if (!docCacheSyncRunning) {
            resetDocCacheSyncModal();
        }
    });
});
function copyDocLink(url) {
    if (!url) return;
    var fullUrl = window.location.origin + url;
    var done = function() {
        if (typeof BootstrapModal !== 'undefined') BootstrapModal.msg({{json (T "user_copy_link")}} + ' OK', {icon: 1, time: 1000});
    };
    if (navigator.clipboard && navigator.clipboard.writeText) {
        navigator.clipboard.writeText(fullUrl).then(done);
    } else {
        var tmp = $('<input>').val(fullUrl).appendTo('body').select();
        document.execCommand('copy');
        tmp.remove();
        done();
    }
}
$(document).on('click', '.doc-action-copy', function(e) {
    e.preventDefault();
    copyDocLink($(this).data('url'));
});
</script>
{{end}}