{{template "layout.html" .}}

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

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

<div class="pubcat-page">
    <details class="admin-hero">
        <summary class="admin-hero-bar">
            <span class="admin-hero-icon" aria-hidden="true"><i class='bx bx-category'></i></span>
            <span class="admin-hero-intro">{{T "admin_public_categories_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_public_categories_level_top"}}</strong>{{T "admin_public_categories_max_depth"}}</li>
                    <li class="admin-hero-field-item"><strong>{{T "admin_doc_config_cat_display_name"}}</strong>{{T "admin_doc_config_cat_display_name_desc"}}</li>
                    <li class="admin-hero-field-item"><strong>{{T "admin_doc_config_cat_icon"}}</strong>{{T "admin_doc_config_cat_icon_desc"}}</li>
                    <li class="admin-hero-field-item"><strong>{{T "admin_doc_config_cat_order"}}</strong>{{T "admin_doc_config_cat_order_desc"}}</li>
                    <li class="admin-hero-field-item"><strong>{{T "admin_doc_config_cat_visible"}}</strong>{{T "admin_doc_config_cat_visible_desc"}}</li>
                    <li class="admin-hero-field-item"><strong>{{T "admin_public_categories_reserved_title"}}</strong>{{T "admin_public_categories_reserved_note"}}</li>
                </ul>
                <div class="admin-hero-warn">
                    <i class='bx bx-error-circle'></i>
                    <strong>{{T "admin_doc_config_warning"}}</strong> {{T "admin_doc_config_warn_delete"}}
                </div>
        </div>
    </details>

    <div class="pubcat-homepage-card">
        <div class="pubcat-homepage-head">
            <div class="pubcat-homepage-title">
                <i class='bx bx-home-alt' aria-hidden="true"></i>
                <span>{{T "admin_public_categories_homepage_title"}}</span>
            </div>
        </div>
        <p class="pubcat-homepage-hint">{{T "admin_public_categories_homepage_hint"}}</p>
        <div class="pubcat-homepage-options" role="radiogroup" aria-label="{{T "admin_public_categories_homepage_title"}}">
            <label class="pubcat-homepage-option">
                <input type="radio" name="homepageMode" id="homepageModeRedirect" value="redirect" checked>
                <span class="pubcat-homepage-option-body">
                    <strong>{{T "admin_public_categories_homepage_redirect"}}</strong>
                    <span>{{T "admin_public_categories_homepage_redirect_desc"}}</span>
                </span>
            </label>
            <label class="pubcat-homepage-option">
                <input type="radio" name="homepageMode" id="homepageModePortal" value="portal">
                <span class="pubcat-homepage-option-body">
                    <strong>{{T "admin_public_categories_homepage_portal"}}</strong>
                    <span>{{T "admin_public_categories_homepage_portal_desc"}}</span>
                </span>
            </label>
        </div>
        <div class="pubcat-homepage-actions">
            <button type="button" class="btn btn-sm btn-primary" id="btnSaveHomepageMode">
                <i class='bx bx-save'></i> {{T "admin_public_categories_homepage_save"}}
            </button>
        </div>
    </div>

    <div class="pubcat-toolbar-card">
        <div class="pubcat-toolbar">
            <div class="pubcat-stats">
                <span class="badge bg-light text-dark border" id="statTotal"><i class='bx bx-layer'></i> <span id="statTotalNum">0</span></span>
                <span class="badge bg-success" id="statVisible" style="display:none;"><i class='bx bx-show'></i> <span id="statVisibleNum">0</span></span>
            </div>
            <div class="pubcat-toolbar-actions">
                <button type="button" class="btn btn-sm btn-outline-secondary" id="btnToggleTree" title="{{T "admin_public_categories_expand_all"}}">
                    <i class='bx bx-expand-vertical'></i> <span class="btn-toggle-label">{{T "admin_public_categories_expand_all"}}</span>
                </button>
                <button class="btn btn-sm btn-outline-primary btn-add-cat" id="btnAddCategory">
                    <i class='bx bx-plus'></i> {{T "admin_public_categories_add"}}
                </button>
            </div>
        </div>

        {{if and .Data .Data.ReservedURLPrefixes}}
        <div class="pubcat-reserved-bar" id="pubCatReservedBar">
            <i class='bx bx-info-circle' aria-hidden="true"></i>
            <span class="pubcat-reserved-label">{{T "admin_public_categories_reserved_title"}}</span>
            <span class="pubcat-reserved-desc">{{T "admin_public_categories_reserved_hint"}}</span>
            <div class="pubcat-reserved-tags">
                {{range .Data.ReservedURLPrefixes}}
                <span class="pubcat-reserved-tag">{{.}}</span>
                {{end}}
            </div>
        </div>
        {{end}}
    </div>

    <div class="pubcat-tree-card">
        <div id="directoriesTree" class="pubcat-tree">
            <ul class="pubcat-tree-list" id="directoriesList"></ul>
        </div>
    </div>

    <ul id="pubCatContextMenu" class="admin-context-menu" role="menu" aria-hidden="true"></ul>
</div>
{{end}}

{{define "scripts"}}
<script>
var PubCatI18n = {
    visible: {{json (T "admin_doc_config_visible")}},
    hidden: {{json (T "admin_doc_config_hidden")}},
    displayName: {{json (T "admin_doc_config_display_name")}},
    iconClass: {{json (T "admin_doc_config_icon_class")}},
    iconPlaceholder: {{json (T "admin_doc_config_icon_placeholder")}},
    order: {{json (T "admin_doc_config_order")}},
    noCategories: {{json (T "admin_public_categories_no_items")}},
    loadFailed: {{json (T "admin_doc_config_load_failed")}},
    addTitle: {{json (T "admin_public_categories_add_title")}},
    addPlaceholder: {{json (T "admin_public_categories_name_placeholder")}},
    displayNameLabel: {{json (T "admin_public_categories_display_name")}},
    dirNameRequired: {{json (T "admin_doc_config_dir_name_required")}},
    categoryExists: {{json (T "admin_doc_config_category_exists")}},
    categoryCreated: {{json (T "admin_public_categories_created")}},
    deleteCategoryPrefix: {{json (T "admin_public_categories_delete_confirm")}},
    deleteWarnDetail: {{json (T "admin_public_categories_delete_warn")}},
    docsManageLink: {{json (T "admin_public_categories_docs_manage_link")}},
    warning: {{json (T "admin_doc_config_warning")}},
    duplicateCategories: {{json (T "admin_doc_config_duplicate_categories")}},
    fixRetry: {{json (T "admin_doc_config_fix_retry")}},
    saved: {{json (T "admin_doc_config_saved")}},
    confirm: {{json (T "admin_doc_config_confirm")}},
    input: {{json (T "admin_doc_config_input")}},
    ok: {{json (T "admin_doc_config_ok")}},
    pathPrefix: {{json (T "admin_public_categories_path_prefix")}},
    urlLabel: {{json (T "admin_public_categories_url")}},
    docCount: {{json (T "admin_public_categories_doc_count")}},
    editTitle: {{json (T "admin_btn_edit")}},
    deleteTitle: {{json (T "admin_btn_delete")}},
    deleted: {{json (T "admin_deleted")}},
    cannotUndo: {{json (T "admin_cannot_undo")}},
    confirmDelete: {{json (T "admin_confirm_delete")}},
    defaultDir: {{json (T "admin_doc_config_default_dir")}},
    parentLabel: {{json (T "admin_public_categories_parent")}},
    parentRoot: {{json (T "admin_public_categories_parent_root")}},
    addSubTitle: {{json (T "admin_public_categories_add_sub")}},
    slugSegment: {{json (T "admin_public_categories_slug_segment")}},
    slugSegmentHint: {{json (T "admin_public_categories_slug_segment_hint")}},
    urlSlug: {{json (T "admin_public_categories_url_slug")}},
    urlSlugHint: {{json (T "admin_public_categories_url_slug_hint")}},
    maxDepthHint: {{json (T "admin_public_categories_max_depth")}},
    levelTop: {{json (T "admin_public_categories_level_top")}},
    level1: {{json (T "admin_public_categories_level_1")}},
    level2: {{json (T "admin_public_categories_level_2")}},
    level3: {{json (T "admin_public_categories_level_3")}},
    expandAll: {{json (T "admin_public_categories_expand_all")}},
    collapseAll: {{json (T "admin_public_categories_collapse_all")}},
    reservedTitle: {{json (T "admin_public_categories_reserved_title")}},
    reservedHint: {{json (T "admin_public_categories_reserved_hint")}},
    reservedNote: {{json (T "admin_public_categories_reserved_note")}},
    reservedError: {{json (T "admin_public_categories_reserved_error")}},
    homepageSaved: {{json (T "admin_public_categories_homepage_saved")}},
    homepageSaveFailed: {{json (T "admin_public_categories_homepage_save_failed")}}
};
</script>
<script>
let configData = { directories: [], reserved_prefixes: {{json (index .Data "ReservedURLPrefixes")}} };
let pathPrefixMap = {};
const MAX_CATEGORY_LEVEL = 3;
var pubCatContextRow = null;
var reservedPrefixSet = {};

function initReservedPrefixes(list) {
    reservedPrefixSet = {};
    (list || []).forEach(function(p) {
        var key = String(p || '').trim().toLowerCase();
        if (key) reservedPrefixSet[key] = true;
    });
}

function isReservedPrefix(slug) {
    return !!reservedPrefixSet[String(slug || '').trim().toLowerCase()];
}

function reservedPrefixErrorMessage(slug) {
    return String(PubCatI18n.reservedError || '').replace('%s', slug);
}

function hidePubCatContextMenu() {
    $('#pubCatContextMenu').removeClass('is-open').attr('aria-hidden', 'true').empty();
    $('.pubcat-tree-row.is-context-open').removeClass('is-context-open');
    pubCatContextRow = null;
}
function positionPubCatContextMenu($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 showPubCatContextMenu(e, $row) {
    e.preventDefault();
    hidePubCatContextMenu();
    pubCatContextRow = $row;
    $row.addClass('is-context-open');
    var id = String($row.data('id') || '');
    var level = parseInt($row.data('level'), 10) || 0;
    var canAddSub = level < MAX_CATEGORY_LEVEL;
    var $menu = $('#pubCatContextMenu');
    var html = '';
    if (canAddSub) {
        html += '<li><button type="button" class="admin-context-item" data-action="add-sub"><i class="bx bx-subdirectory-right"></i><span>' + PubCatI18n.addSubTitle + '</span></button></li>';
    }
    html += '<li><button type="button" class="admin-context-item" data-action="edit"><i class="bx bx-edit"></i><span>' + PubCatI18n.editTitle + '</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>' + PubCatI18n.deleteTitle + '</span></button></li>';
    $menu.html(html).attr('aria-hidden', 'false');
    $menu.data('ctx', { id: id, level: level, canAddSub: canAddSub });
    positionPubCatContextMenu($menu, e.clientX, e.clientY);
}

function getLevelLabel(level) {
    var lv = parseInt(level, 10);
    if (isNaN(lv) || lv < 0) lv = 0;
    if (lv === 0) return PubCatI18n.levelTop || 'Top level';
    if (lv === 1) return PubCatI18n.level1 || 'Level 1';
    if (lv === 2) return PubCatI18n.level2 || 'Level 2';
    if (lv === 3) return PubCatI18n.level3 || 'Level 3';
    return 'L' + lv;
}

function isCategoryDescendant(ancestorId, maybeDescId) {
    if (!ancestorId || !maybeDescId || String(ancestorId) === String(maybeDescId)) return false;
    var current = findCategoryById(maybeDescId);
    var guard = 0;
    while (current && guard++ < 32) {
        var pid = parseInt(current.parent_id, 10) || 0;
        if (pid <= 0) return false;
        if (String(pid) === String(ancestorId)) return true;
        current = findCategoryById(pid);
    }
    return false;
}

function getMaxDescendantRelativeDepth(itemId) {
    var item = findCategoryById(itemId);
    if (!item) return 0;
    var itemLevel = parseInt(item.level, 10) || 0;
    var maxRel = 0;
    (configData.directories || []).forEach(function(d) {
        if (!isCategoryDescendant(itemId, d.id)) return;
        var rel = (parseInt(d.level, 10) || 0) - itemLevel;
        if (rel > maxRel) maxRel = rel;
    });
    return maxRel;
}

function canSelectParentLevel(parentLevel, editItemId) {
    var maxRel = editItemId ? getMaxDescendantRelativeDepth(editItemId) : 0;
    var newLevel = parentLevel < 0 ? 0 : parentLevel + 1;
    if (editItemId) {
        return newLevel + maxRel <= MAX_CATEGORY_LEVEL;
    }
    return parentLevel < MAX_CATEGORY_LEVEL;
}

function loadCategories() {
    var loadId = BootstrapModal.load();
    $.get('/admin/public-categories-get', function(res) {
        BootstrapModal.close(loadId);
        if (res.success) {
            configData.directories = res.data.directories || [];
            configData.reserved_prefixes = res.data.reserved_prefixes || configData.reserved_prefixes || [];
            var mode = (res.data.homepage_mode === 'portal') ? 'portal' : 'redirect';
            $('input[name="homepageMode"][value="' + mode + '"]').prop('checked', true);
            initReservedPrefixes(configData.reserved_prefixes);
            pathPrefixMap = {};
            configData.directories.forEach(function(d) {
                pathPrefixMap[d.slug || d.path_prefix] = d.path_prefix;
            });
            renderDirectories();
            updateStats();
        } else {
            BootstrapModal.msg(PubCatI18n.loadFailed + ': ' + res.message, {icon: 2});
        }
    }).fail(function() {
        BootstrapModal.close(loadId);
        BootstrapModal.msg(PubCatI18n.loadFailed, {icon: 2});
    });
}

function updateStats() {
    var list = configData.directories || [];
    var visible = list.filter(function(d) { return d.visible == 1 || d.visible === true; }).length;
    $('#statTotalNum').text(list.length);
    $('#statVisibleNum').text(visible);
    if (list.length > 0) {
        $('#statVisible').show();
    } else {
        $('#statVisible').hide();
    }
}

function escapeHtml(str) {
    return String(str || '').replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
}

function buildCategoryBrowseUrl(pathPrefix) {
    var prefix = String(pathPrefix || '').replace(/^\/+|\/+$/g, '');
    if (!prefix) {
        return '/';
    }
    return '/' + prefix.split('/').map(function(seg) {
        return encodeURIComponent(seg);
    }).join('/');
}

function renderPathLink(pathPrefix, label) {
    var display = '/' + String(pathPrefix || '').replace(/^\/+/, '');
    var url = buildCategoryBrowseUrl(pathPrefix);
    var title = PubCatI18n.urlLabel + ': ' + display;
    return '<a href="' + escapeHtml(url) + '" class="pubcat-path-link" target="_blank" rel="noopener noreferrer" title="' + escapeHtml(title) + '">' +
        '<code>' + escapeHtml(display) + '</code>' +
        '<i class="bx bx-link-external pubcat-path-icon" aria-hidden="true"></i></a>';
}

function buildCategoryTree(flatList) {
    var byParent = {};
    (flatList || []).forEach(function(item) {
        var pid = String(item.parent_id || 0);
        if (!byParent[pid]) {
            byParent[pid] = [];
        }
        byParent[pid].push(item);
    });
    Object.keys(byParent).forEach(function(pid) {
        byParent[pid].sort(function(a, b) {
            var ao = parseInt(a.sort_order, 10) || 0;
            var bo = parseInt(b.sort_order, 10) || 0;
            if (ao !== bo) return ao - bo;
            return (parseInt(a.id, 10) || 0) - (parseInt(b.id, 10) || 0);
        });
    });
    function attachChildren(node) {
        var kids = byParent[String(node.id)] || [];
        node.children = kids.map(function(child) {
            var copy = $.extend({}, child);
            attachChildren(copy);
            return copy;
        });
        return node;
    }
    return (byParent['0'] || []).map(function(root) {
        var copy = $.extend({}, root);
        attachChildren(copy);
        return copy;
    });
}

function renderDirectories() {
    hidePubCatContextMenu();
    var $card = $('.pubcat-tree-card');
    if (!$card.find('#directoriesList').length) {
        $card.html('<div id="directoriesTree" class="pubcat-tree"><ul class="pubcat-tree-list" id="directoriesList"></ul></div>');
    }
    var container = $('#directoriesList');
    container.empty();
    if (!configData.directories || configData.directories.length === 0) {
        $card.find('.pubcat-tree').html(
            '<div class="pubcat-empty">' +
            '<div class="pubcat-empty-icon"><i class="bx bx-folder-open"></i></div>' +
            '<div class="pubcat-empty-text">' + PubCatI18n.noCategories + '</div>' +
            '<button type="button" class="pubcat-empty-btn" onclick="$(\'#btnAddCategory\').click()">' +
            '<i class="bx bx-plus"></i><span>' + PubCatI18n.addTitle + '</span></button></div>'
        );
        return;
    }
    var tree = buildCategoryTree(configData.directories);
    tree.forEach(function(node) {
        container.append(renderTreeNodeHtml(node, 0));
    });
    updateTreeToggleBtn();
}

function renderTreeNodeHtml(node, depth) {
    var level = parseInt(node.level, 10) || depth || 0;
    var isRoot = node.is_root === true || node.is_root == 1 || level === 0;
    var hasChildren = node.children && node.children.length > 0;
    var key = node.slug || node.path_prefix || '';
    var prefix = node.path_prefix || key;
    var alias = node.name || key;
    var icon = node.icon || (isRoot ? 'bx bx-book text-primary' : 'bx bx-folder');
    var order = parseInt(node.sort_order, 10) || 0;
    var visible = node.visible == 1 || node.visible === true;
    var isDefault = node.is_default == 1 || node.is_default === true;
    var docCount = parseInt(node.document_count, 10) || 0;
    var fullSlug = node.full_slug || key;
    var expanded = hasChildren && level < 2;
    var levelLabel = getLevelLabel(level);
    var visibleBadge = visible
        ? '<span class="badge bg-success pubcat-badge-yes">' + PubCatI18n.visible + '</span>'
        : '<span class="badge bg-secondary pubcat-badge-yes">' + PubCatI18n.hidden + '</span>';
    var metaParts = [];
    metaParts.push('<span class="badge bg-light text-dark border pubcat-badge-yes">' + escapeHtml(levelLabel) + '</span>');
    // 顶级用 path_prefix；一级/二级/三级用 full_slug，均可跳转前台分类页
    metaParts.push(renderPathLink(isRoot ? prefix : (fullSlug || prefix)));
    if (isRoot) {
        metaParts.push('<span class="pubcat-meta-divider" aria-hidden="true"></span>');
        metaParts.push('<span class="pubcat-meta-stat">' + PubCatI18n.docCount + ': ' + docCount + '</span>');
    }
    metaParts.push('<span class="pubcat-meta-divider" aria-hidden="true"></span>');
    metaParts.push('<span class="pubcat-meta-stat">' + PubCatI18n.order + ': ' + order + '</span>');
    metaParts.push(visibleBadge);
    if (isRoot && isDefault) {
        metaParts.push('<span class="badge bg-primary pubcat-badge-yes">' + PubCatI18n.defaultDir + '</span>');
    }
    var html = '<li class="pubcat-tree-item' + (isRoot ? ' is-root' : '') + (hasChildren ? ' has-children' : '') + (expanded ? ' expanded' : '') + '" data-id="' + node.id + '" data-level="' + level + '">';
    html += '<div class="pubcat-tree-row" data-id="' + node.id + '" data-level="' + level + '">';
    html += '<button type="button" class="pubcat-tree-toggle" aria-expanded="' + (expanded ? 'true' : 'false') + '"' + (hasChildren ? '' : ' tabindex="-1" aria-hidden="true"') + '>';
    html += '<i class="bx bx-chevron-right"></i></button>';
    html += '<span class="pubcat-tree-icon"><i class="' + escapeHtml(icon) + '"></i></span>';
    html += '<div class="pubcat-tree-main">';
    html += '<div class="pubcat-tree-title">' + escapeHtml(alias) + '</div>';
    html += '<div class="pubcat-tree-meta">' + metaParts.join('') + '</div>';
    html += '</div>';
    html += '<div class="pubcat-tree-actions">' + getActionDropdownHtml(node.id, level) + '</div>';
    html += '</div>';
    if (hasChildren) {
        html += '<ul class="pubcat-tree-children"' + (expanded ? '' : ' style="display:none;"') + '>';
        node.children.forEach(function(child) {
            html += renderTreeNodeHtml(child, depth + 1);
        });
        html += '</ul>';
    }
    html += '</li>';
    return html;
}

function buildParentSelectOptions(excludeId, editItemId) {
    var options = [];
    if (canSelectParentLevel(-1, editItemId)) {
        options.push({ value: '0', label: PubCatI18n.parentRoot });
    }
    (configData.directories || []).forEach(function(item) {
        if (excludeId && String(item.id) === String(excludeId)) return;
        if (editItemId && isCategoryDescendant(editItemId, item.id)) return;
        var level = parseInt(item.level, 10) || 0;
        if (!canSelectParentLevel(level, editItemId)) return;
        var prefix = '\u2514\u2500 '.repeat(level > 0 ? 1 : 0) + '\u00a0\u00a0'.repeat(Math.max(0, level - 1));
        var lvLabel = getLevelLabel(level);
        var label = prefix + (item.name || item.slug || item.path_prefix || '') + ' [' + lvLabel + ']';
        if (level > 0 && item.full_slug) {
            label = prefix + item.name + ' (' + item.full_slug + ') [' + lvLabel + ']';
        }
        options.push({ value: String(item.id), label: label });
    });
    return options;
}

function getActionDropdownHtml(id, level) {
    var lv = parseInt(level, 10) || 0;
    var canAddSub = lv < MAX_CATEGORY_LEVEL;
    return '<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">' +
        (canAddSub ? '<li><a class="dropdown-item btn-cat-add-sub" href="javascript:;" data-id="' + id + '"><i class="bx bx-subdirectory-right"></i>' + PubCatI18n.addSubTitle + '</a></li>' : '') +
        '<li><a class="dropdown-item btn-cat-edit" href="javascript:;" data-id="' + id + '"><i class="bx bx-edit"></i>' + PubCatI18n.editTitle + '</a></li>' +
        '<li><a class="dropdown-item text-danger btn-cat-delete" href="javascript:;" data-id="' + id + '"><i class="bx bx-trash"></i>' + PubCatI18n.deleteTitle + '</a></li>' +
        '</ul></div>';
}

function findCategoryById(id) {
    return (configData.directories || []).find(function(d) { return String(d.id) === String(id); });
}

async function editCategory(id) {
    var item = findCategoryById(id);
    if (!item) return;
    var key = item.slug || item.path_prefix;
    var isRoot = item.is_root === true || item.is_root == 1 || (parseInt(item.level) || 0) === 0;
    var fields = [
        { name: 'parent_id', label: PubCatI18n.parentLabel, type: 'select', value: String(item.parent_id || 0),
          options: buildParentSelectOptions(item.id, item.id) },
        { name: 'slug', label: PubCatI18n.urlSlug, value: key, placeholder: PubCatI18n.urlSlugHint },
        { name: 'name', label: PubCatI18n.displayNameLabel, value: item.name || key },
        { name: 'icon', label: PubCatI18n.iconClass, value: item.icon || 'bx bx-book text-primary', placeholder: PubCatI18n.iconPlaceholder },
        { name: 'sort_order', label: PubCatI18n.order, value: parseInt(item.sort_order) || 0, inputType: 'number' },
        { name: 'visible', label: PubCatI18n.visible, type: 'select', value: (item.visible == 1 || item.visible === true) ? 'true' : 'false',
          options: [{ value: 'true', label: PubCatI18n.visible }, { value: 'false', label: PubCatI18n.hidden }] }
    ];
    if (isRoot) {
        fields.push({ name: 'is_default', label: PubCatI18n.defaultDir, type: 'checkbox', value: item.is_default == 1 || item.is_default === true });
    }
    var data = await BootstrapModal.openForm({
        title: PubCatI18n.editTitle + ' — ' + key,
        okText: AdminI18n.save,
        fields: fields
    });
    if (!data) return;
    var slug = String(data.slug || '').trim().toLowerCase();
    if (!slug) {
        BootstrapModal.msg(PubCatI18n.dirNameRequired, {icon: 2});
        return;
    }
    if (isRoot && isReservedPrefix(slug) && slug !== String(item.path_prefix || key).trim().toLowerCase()) {
        BootstrapModal.msg(reservedPrefixErrorMessage(slug), {icon: 2});
        return;
    }
    var loadId = BootstrapModal.load();
    $.ajax({
        url: '/admin/public-categories-save', type: 'POST', contentType: 'application/json',
        data: JSON.stringify({
            directories: [{
                id: parseInt(item.id),
                parent_id: parseInt(data.parent_id) || 0,
                slug: slug,
                name: String(data.name || '').trim(),
                icon: String(data.icon || '').trim(),
                sort_order: parseInt(data.sort_order) || 0,
                visible: data.visible === 'true',
                is_default: !!data.is_default
            }]
        }),
        success: function(res) {
            BootstrapModal.close(loadId);
            if (res.success) BootstrapModal.msg(PubCatI18n.saved, {icon: 1, callback: loadCategories});
            else BootstrapModal.msg(res.message, {icon: 2});
        },
        error: function() { BootstrapModal.close(loadId); BootstrapModal.msg(AdminI18n.requestFailed, {icon: 2}); }
    });
}

async function deleteCategory(id) {
    var item = findCategoryById(id);
    if (!item) return;
    var key = item.slug || item.path_prefix;
    var alias = item.name || key;
    var msg = PubCatI18n.deleteCategoryPrefix + ' "<strong>' + escapeHtml(alias) + '</strong>" (' + escapeHtml(key) + ')?<br><span class="text-muted small">' + PubCatI18n.deleteWarnDetail + '</span>';
    var confirmed = await BootstrapModal.confirm(msg, { title: PubCatI18n.confirmDelete });
    if (!confirmed) return;
    var loadId = BootstrapModal.load();
    $.ajax({
        url: '/admin/public-categories-delete', type: 'POST', contentType: 'application/json',
        data: JSON.stringify({ id: parseInt(item.id) }),
        success: function(res) {
            BootstrapModal.close(loadId);
            if (res.success) {
                BootstrapModal.msg(PubCatI18n.deleted, {icon: 1, callback: loadCategories});
            } else {
                var errMsg = res.message || AdminI18n.failed;
                if (res.data && res.data.error_code === 'category_has_documents') {
                    errMsg += ' <a href="/admin/documents" class="alert-link text-white text-decoration-underline">' + PubCatI18n.docsManageLink + '</a>';
                }
                BootstrapModal.msg(errMsg, {icon: 2, time: 7000});
            }
        },
        error: function() { BootstrapModal.close(loadId); BootstrapModal.msg(AdminI18n.requestFailed, {icon: 2}); }
    });
}

async function addCategory(parentId) {
    parentId = parseInt(parentId) || 0;
    var isSub = parentId > 0;
    var fields = [
        { name: 'parent_id', label: PubCatI18n.parentLabel, type: 'select', value: String(parentId),
          options: buildParentSelectOptions(null, null) },
        { name: 'display', label: PubCatI18n.displayNameLabel, placeholder: PubCatI18n.displayNameLabel }
    ];
    if (isSub) {
        fields.push({ name: 'slug', label: PubCatI18n.slugSegment, placeholder: PubCatI18n.slugSegmentHint });
    } else {
        fields.push({ name: 'slug', label: PubCatI18n.defaultDir, placeholder: PubCatI18n.addPlaceholder });
    }
    var result = await BootstrapModal.openForm({
        title: isSub ? PubCatI18n.addSubTitle : PubCatI18n.addTitle,
        okText: PubCatI18n.ok,
        cancelText: AdminI18n.cancel,
        fields: fields
    });
    if (!result || !result.slug || !result.slug.trim()) {
        if (result) BootstrapModal.msg(PubCatI18n.dirNameRequired, {icon: 2});
        return;
    }
    var slug = result.slug.trim().toLowerCase();
    var parentID = parseInt(result.parent_id) || 0;
    if (parentID > 0) {
        var parentItem = findCategoryById(parentID);
        if (!parentItem || (parseInt(parentItem.level, 10) || 0) >= MAX_CATEGORY_LEVEL) {
            BootstrapModal.msg(PubCatI18n.maxDepthHint, {icon: 2});
            return;
        }
    }
    if (parentID <= 0) {
        if (isReservedPrefix(slug)) {
            BootstrapModal.msg(reservedPrefixErrorMessage(slug), {icon: 2});
            return;
        }
        var exists = (configData.directories || []).some(function(d) {
            return (parseInt(d.level) || 0) === 0 && ((d.slug || d.path_prefix) === slug);
        });
        if (exists) {
            BootstrapModal.msg(PubCatI18n.categoryExists, {icon: 2});
            return;
        }
    } else {
        var siblingExists = (configData.directories || []).some(function(d) {
            return String(d.parent_id || 0) === String(parentID) && (d.slug === slug);
        });
        if (siblingExists) {
            BootstrapModal.msg(PubCatI18n.categoryExists, {icon: 2});
            return;
        }
    }
    var loadId = BootstrapModal.load();
    $.ajax({
        url: '/admin/category-create', type: 'POST', contentType: 'application/json',
        data: JSON.stringify({
            category_name: slug,
            display_name: (result.display || slug).trim(),
            path_prefix: parentID > 0 ? '' : slug,
            parent_id: parentID
        }),
        success: function(res) {
            BootstrapModal.close(loadId);
            if (res.success) {
                BootstrapModal.msg(PubCatI18n.categoryCreated, {icon: 1, callback: loadCategories});
            } else {
                BootstrapModal.msg(res.message, {icon: 2});
            }
        },
        error: function() { BootstrapModal.close(loadId); BootstrapModal.msg(AdminI18n.requestFailed, {icon: 2}); }
    });
}

function isTreeFullyExpanded() {
    var $items = $('#directoriesList .pubcat-tree-item.has-children');
    return $items.length > 0 && $items.filter('.expanded').length === $items.length;
}

function updateTreeToggleBtn() {
    var allExpanded = isTreeFullyExpanded();
    var label = allExpanded ? PubCatI18n.collapseAll : PubCatI18n.expandAll;
    var icon = allExpanded ? 'bx bx-collapse-vertical' : 'bx bx-expand-vertical';
    var $btn = $('#btnToggleTree');
    $btn.attr('title', label).attr('aria-label', label);
    $btn.find('i').attr('class', icon);
    $btn.find('.btn-toggle-label').text(label);
}

function setTreeItemsExpanded(expand) {
    var $items = $('#directoriesList .pubcat-tree-item.has-children');
    if (!$items.length) {
        updateTreeToggleBtn();
        return;
    }
    $items.each(function() {
        var $item = $(this);
        var $toggle = $item.children('.pubcat-tree-row').find('.pubcat-tree-toggle');
        var $children = $item.children('.pubcat-tree-children');
        if (expand) {
            $item.addClass('expanded');
            $toggle.attr('aria-expanded', 'true');
            $children.stop(true, true).show();
        } else {
            $item.removeClass('expanded');
            $toggle.attr('aria-expanded', 'false');
            $children.stop(true, true).hide();
        }
    });
    updateTreeToggleBtn();
}

$(document).ready(function() {
    initReservedPrefixes(configData.reserved_prefixes || []);
    loadCategories();
    $('#btnAddCategory').on('click', function() { addCategory(0); });
    $('#btnToggleTree').on('click', function() {
        setTreeItemsExpanded(!isTreeFullyExpanded());
    });
    $(document).on('click', '.pubcat-tree-toggle', function(e) {
        e.preventDefault();
        e.stopPropagation();
        var $item = $(this).closest('.pubcat-tree-item');
        if (!$item.hasClass('has-children')) return;
        var $children = $item.children('.pubcat-tree-children');
        var expanded = $item.hasClass('expanded');
        if (expanded) {
            $item.removeClass('expanded');
            $(this).attr('aria-expanded', 'false');
            $children.slideUp(200);
        } else {
            $item.addClass('expanded');
            $(this).attr('aria-expanded', 'true');
            $children.slideDown(200);
        }
        updateTreeToggleBtn();
    });
    $(document).on('click', '.btn-cat-add-sub', function(e) {
        e.preventDefault();
        var item = findCategoryById($(this).data('id'));
        if (item && (parseInt(item.level, 10) || 0) >= MAX_CATEGORY_LEVEL) {
            BootstrapModal.msg(PubCatI18n.maxDepthHint, {icon: 2});
            return;
        }
        addCategory($(this).data('id'));
    });
    $(document).on('click', '.btn-cat-edit', function(e) {
        e.preventDefault();
        editCategory($(this).data('id'));
    });
    $(document).on('click', '.btn-cat-delete', function(e) {
        e.preventDefault();
        deleteCategory($(this).data('id'));
    });
    $(document).on('contextmenu', '.pubcat-tree-row', function(e) {
        if ($(e.target).closest('a, button, input, .dropdown-menu, .pubcat-tree-toggle, .pubcat-path-link').length) return;
        showPubCatContextMenu(e, $(this));
    });
    $(document).on('click', '#pubCatContextMenu .admin-context-item', function() {
        var $menu = $('#pubCatContextMenu');
        var ctx = $menu.data('ctx') || {};
        var action = $(this).data('action');
        hidePubCatContextMenu();
        if (!action || !ctx.id) return;
        if (action === 'add-sub') {
            if (!ctx.canAddSub) {
                BootstrapModal.msg(PubCatI18n.maxDepthHint, {icon: 2});
                return;
            }
            var item = findCategoryById(ctx.id);
            if (item && (parseInt(item.level, 10) || 0) >= MAX_CATEGORY_LEVEL) {
                BootstrapModal.msg(PubCatI18n.maxDepthHint, {icon: 2});
                return;
            }
            addCategory(ctx.id);
            return;
        }
        if (action === 'edit') {
            editCategory(ctx.id);
            return;
        }
        if (action === 'delete') {
            deleteCategory(ctx.id);
        }
    });
    $(document).on('click', function(e) {
        if (!$(e.target).closest('#pubCatContextMenu').length) hidePubCatContextMenu();
    });
    $(document).on('keydown', function(e) {
        if (e.key === 'Escape') hidePubCatContextMenu();
    });
    $(window).on('scroll resize', hidePubCatContextMenu);
    $('#btnSaveHomepageMode').on('click', function() {
        var mode = $('input[name="homepageMode"]:checked').val() || 'redirect';
        var loadId = BootstrapModal.load();
        $.ajax({
            url: '/admin/public-categories-homepage-mode',
            type: 'POST',
            contentType: 'application/json',
            data: JSON.stringify({ homepage_mode: mode }),
            dataType: 'json',
            success: function(res) {
                BootstrapModal.close(loadId);
                if (res.success) {
                    BootstrapModal.msg(PubCatI18n.homepageSaved || res.message, {icon: 1});
                } else {
                    BootstrapModal.msg((PubCatI18n.homepageSaveFailed || '') + (res.message ? (': ' + res.message) : ''), {icon: 2});
                }
            },
            error: function() {
                BootstrapModal.close(loadId);
                BootstrapModal.msg(PubCatI18n.homepageSaveFailed, {icon: 2});
            }
        });
    });
});
</script>
{{end}}