<?php
/**
 * admin/nav.php —— 导航内容管理（块/链接增删改查 + 顺序）
 * 完整重同步保存：提交的 JSON 中不存在的老块/老链接将被删除。
 */
$P = '../';
require_once __DIR__ . '/_guard.php';

$pdo = db();
$catKeys = ['popular', 'red', 'blue'];
$cat = isset($_GET['c']) ? (string)$_GET['c'] : 'popular';
if (!in_array($cat, $catKeys, true)) {
    $cat = 'popular';
}
$stCat = $pdo->prepare('SELECT * FROM categories WHERE key = ? LIMIT 1');
$stCat->execute([$cat]);
$catRow = $stCat->fetch();
if (!$catRow) {
    http_response_code(404);
    die('分类不存在');
}

$saved = isset($_GET['ok']);
$errorMsg = '';

// ---------- 保存处理 ----------
if ($_SERVER['REQUEST_METHOD'] === 'POST' && ($_POST['action'] ?? '') === 'save') {
    if (!csrf_verify()) {
        $errorMsg = '安全校验失败，请刷新页面重试。';
    } else {
        $raw = (string)($_POST['data'] ?? '');
        $data = json_decode($raw, true);
        if (!is_array($data)) {
            $errorMsg = '提交数据格式错误。';
        } else {
            try {
                $pdo->beginTransaction();
                // 现有块
                $st = $pdo->prepare('SELECT id FROM nav_blocks WHERE cat_id = ?');
                $st->execute([(int)$catRow['id']]);
                $oldBlocks = array_map('intval', array_column($st->fetchAll(), 'id'));
                // 现有链接（按块分组）
                $oldItemsByBlock = [];
                foreach ($oldBlocks as $bid) {
                    $st = $pdo->prepare('SELECT id FROM nav_items WHERE block_id = ?');
                    $st->execute([$bid]);
                    $oldItemsByBlock[$bid] = array_map('intval', array_column($st->fetchAll(), 'id'));
                }
                // 本轮保留的块 id
                $keepBlocks = [];
                $keepItems = [];
                foreach ($data as $b) {
                    if (is_array($b) && isset($b['title'])) {
                        $id = (int)($b['id'] ?? 0);
                        if ($id > 0) $keepBlocks[] = $id;
                        foreach (($b['items'] ?? []) as $it) {
                            if (is_array($it) && (int)($it['id'] ?? 0) > 0) {
                                $keepItems[] = (int)$it['id'];
                            }
                        }
                    }
                }
                // 删除被移除的块及其链接
                $delBlocks = array_values(array_diff($oldBlocks, $keepBlocks));
                foreach ($delBlocks as $dbid) {
                    $pdo->prepare('DELETE FROM nav_items WHERE block_id = ?')->execute([$dbid]);
                    $pdo->prepare('DELETE FROM nav_blocks WHERE id = ?')->execute([$dbid]);
                    unset($oldItemsByBlock[$dbid]);
                }
                // 删除被移除的链接
                foreach ($oldItemsByBlock as $bid => $ids) {
                    $del = array_values(array_diff($ids, $keepItems));
                    foreach ($del as $did) {
                        $pdo->prepare('DELETE FROM nav_items WHERE id = ?')->execute([$did]);
                    }
                }
                // 写回块与链接
                $stInsBlock = $pdo->prepare('INSERT INTO nav_blocks (cat_id, title, sort) VALUES (?,?,?)');
                $stUpdBlock = $pdo->prepare('UPDATE nav_blocks SET title = ?, sort = ? WHERE id = ?');
                $stInsItem = $pdo->prepare('INSERT INTO nav_items (block_id, label, url, note, sort) VALUES (?,?,?,?,?)');
                $stUpdItem = $pdo->prepare('UPDATE nav_items SET label = ?, url = ?, note = ?, sort = ? WHERE id = ? AND block_id = ?');
                $blockSort = 0;
                foreach ($data as $b) {
                    if (!is_array($b) || !isset($b['title'])) continue;
                    $title = trim((string)$b['title']);
                    if ($title === '') continue;
                    $bid = (int)($b['id'] ?? 0);
                    $blockBelongs = in_array($bid, $oldBlocks, true);
                    if ($bid > 0 && $blockBelongs) {
                        $stUpdBlock->execute([$title, $blockSort, $bid]);
                    } else {
                        $stInsBlock->execute([(int)$catRow['id'], $title, $blockSort]);
                        $bid = (int)$pdo->lastInsertId();
                    }
                    $itemSort = 0;
                    foreach (($b['items'] ?? []) as $it) {
                        if (!is_array($it)) continue;
                        $label = trim((string)($it['label'] ?? ''));
                        $url = trim((string)($it['url'] ?? ''));
                        $note = trim((string)($it['note'] ?? ''));
                        if ($label === '' && $url === '') continue;
                        $iid = (int)($it['id'] ?? 0);
                        if ($iid > 0 && in_array($iid, $oldItemsByBlock[$bid] ?? [], true)) {
                            $stUpdItem->execute([$label, $url, $note, $itemSort, $iid, $bid]);
                        } else {
                            $stInsItem->execute([$bid, $label, $url, $note, $itemSort]);
                        }
                        $itemSort++;
                    }
                    $blockSort++;
                }
                $pdo->commit();
                touch_last_updated();
                header('Location: nav.php?c=' . urlencode($cat) . '&ok=1');
                exit;
            } catch (Throwable $e) {
                if ($pdo->inTransaction()) {
                    $pdo->rollBack();
                }
                $errorMsg = '保存失败：' . $e->getMessage();
            }
        }
    }
}

// ---------- 读取现有数据用于展示 ----------
$st = $pdo->prepare('SELECT * FROM nav_blocks WHERE cat_id = ? ORDER BY sort ASC, id ASC');
$st->execute([(int)$catRow['id']]);
$blocks = $st->fetchAll();
$itemsMap = [];
if ($blocks) {
    $ids = array_map('intval', array_column($blocks, 'id'));
    $in = implode(',', array_fill(0, count($ids), '?'));
    $st = $pdo->prepare("SELECT * FROM nav_items WHERE block_id IN ($in) ORDER BY sort ASC, id ASC");
    $st->execute($ids);
    foreach ($st->fetchAll() as $it) {
        $itemsMap[(int)$it['block_id']][] = $it;
    }
}

$catNames = [];
foreach ($catKeys as $ck) {
    $row = $pdo->query("SELECT key, name FROM categories WHERE key = '" . $ck . "'")->fetch();
    $catNames[$ck] = $row['name'] ?? $ck;
}

$csrfVal = csrf_token();

layout_head('导航内容管理');
admin_topbar('nav');
?>
<main class="page-main">
  <div class="wrap page-body">
    <h2 style="margin-bottom:6px">导航内容管理</h2>
    <p class="tip">管理 <?= he($catNames[$cat]) ?> 的导航块与链接；块内最多 15 个链接（3 小列 × 5 行），超出部分请拆分到新块。</p>

    <!-- 分类切换 -->
    <div class="field-row" style="margin:12px 0">
      <?php foreach ($catKeys as $ck): ?>
        <a class="btn <?= $cat === $ck ? 'btn-primary' : '' ?>" href="nav.php?c=<?= he($ck) ?>"><?= he($catNames[$ck]) ?></a>
      <?php endforeach; ?>
    </div>

    <?php if ($saved): ?>
      <script>window.hpToastMsg = <?= json_encode(['kind' => 'ok', 'text' => '保存成功，前台页面已同步更新。'], JSON_UNESCAPED_UNICODE | JSON_HEX_TAG | JSON_HEX_APOS | JSON_HEX_QUOT | JSON_HEX_AMP); ?>;</script>
    <?php endif; ?>
    <?php if ($errorMsg !== ''): ?>
      <script>window.hpToastMsg = <?= json_encode(['kind' => 'err', 'text' => $errorMsg], JSON_UNESCAPED_UNICODE | JSON_HEX_TAG | JSON_HEX_APOS | JSON_HEX_QUOT | JSON_HEX_AMP); ?>;</script>
    <?php endif; ?>

    <div class="fieldset-card" style="margin-bottom:16px">
      <div class="fs-title">⚡ 批量导入导航链接（<?= he($catNames[$cat]) ?>）</div>
      <p class="tip">在下面一次粘贴多行内容，点击「解析导入」后会按格式自动生成导航块，并<b>追加到下方编辑器末尾</b>，可再编辑确认后统一点「保存全部修改」。<br>
        每行一条，支持几种写法：
        <code>名称 | 网址 [ | 备注]</code>（也兼容 <code>网址 | 名称</code>）或 <code>[名称](网址)</code> 或 <code>名称 https://网址</code>；以 <code>## 块名</code> 开头的行开启一个新导航块；未写块名则归入“批量导入”。
        单个块最多 15 个链接，超出会自动拆分为 <code>块名 2</code>、<code>块名 3</code> …</p>
      <textarea id="importText" rows="7" spellcheck="false" placeholder="例如：
## 安全研究
看雪 | https://www.kanxue.com | 逆向/安全社区
先知社区 https://xz.aliyun.com
[FreeBuf](https://www.freebuf.com)
## 资讯
https://www.ithome.com | IT之家"></textarea>
      <div class="field-row" style="margin-top:8px">
        <button type="button" class="btn btn-primary" id="btnParseImport">解析并导入</button>
        <button type="button" class="btn" id="btnClearImport">清空输入框</button>
        <span class="tip" style="align-self:center">导入仅是“填入编辑区”，不会立即生效，请务必点击下方的「保存全部修改」。</span>
      </div>
      <div id="importMsg"></div>
    </div>

    <form method="post" id="navForm" autocomplete="off">
      <?= csrf_field() ?>
      <input type="hidden" name="action" value="save">
      <input type="hidden" name="cat" value="<?= he($cat) ?>">
      <textarea name="data" id="jsonData" hidden></textarea>

      <div id="blocksWrap">
        <?php foreach ($blocks as $b):
          $items = $itemsMap[(int)$b['id']] ?? []; ?>
          <div class="m-block is-fold" data-id="<?= (int)$b['id'] ?>">
            <div class="m-block-head">
              <button type="button" class="c-arr" title="展开 / 收起该块链接" aria-hidden="true">▾</button>
              <button type="button" class="drag-h" title="按住拖动，调整该块先后顺序" draggable="true">⠿</button>
              <input type="text" class="b-title" value="<?= he((string)$b['title']) ?>" placeholder="导航块标题（必填）">
              <span class="ops">
                <button type="button" class="btn btn-sm b-up" title="上移">↑</button>
                <button type="button" class="btn btn-sm b-down" title="下移">↓</button>
                <button type="button" class="btn btn-sm btn-danger b-del" title="删除该块及其链接">删除块</button>
              </span>
            </div>
            <div class="m-items">
              <?php foreach (array_slice($items, 0, 15) as $it): ?>
                <div class="m-item">
                  <input type="text" class="i-label" value="<?= he((string)$it['label']) ?>" placeholder="文字（必填）">
                  <input type="text" class="i-url" value="<?= he((string)$it['url']) ?>" placeholder="链接，如 https://…（必填）">
                  <input type="text" class="i-note" value="<?= he((string)$it['note']) ?>" placeholder="备注（可选，前台悬浮提示）">
                  <button type="button" class="btn btn-sm btn-danger i-del" title="删除该链接">✕</button>
                </div>
              <?php endforeach; ?>
              <button type="button" class="btn btn-sm b-add-item" style="margin-top:8px">+ 添加链接</button>
            </div>
          </div>
        <?php endforeach; ?>
      </div>

      <div class="field-row" style="margin:8px 0 16px">
        <button type="button" class="btn btn-sm" id="btnAddBlock">+ 新建导航块</button>
        <button type="button" class="btn btn-sm" id="btnNavFoldAll" title="折叠 / 展开所有块">展开全部</button>
      </div>
      <div>
        <button type="button" class="btn btn-primary" id="btnSave">保存全部修改</button>
        <span class="tip" id="saveTip"></span>
      </div>
    </form>
  </div>
</main>

<?php layout_theme_fab(); ?>
<script src="../assets/js/common.js"></script>
<script>
(function () {
    'use strict';
    var wrap = document.getElementById('blocksWrap');
    var jsonData = document.getElementById('jsonData');

    /* ---------- 模板 ---------- */
    function itemHTML(label, url, note) {
        return '<div class="m-item">' +
            '<input type="text" class="i-label" value="' + escAttr(label) + '" placeholder="文字（必填）">' +
            '<input type="text" class="i-url" value="' + escAttr(url) + '" placeholder="链接，如 https://…（必填）">' +
            '<input type="text" class="i-note" value="' + escAttr(note) + '" placeholder="备注（可选，前台悬浮提示）">' +
            '<button type="button" class="btn btn-sm btn-danger i-del" title="删除该链接">✕</button>' +
            '</div>';
    }
    function blockHTML(id, title, items) {
        var inner = items.map(function (it) {
            return itemHTML(it.label || '', it.url || '', it.note || '');
        }).join('');
        return '<div class="m-block is-fold" data-id="' + (id || 0) + '">' +
            '<div class="m-block-head">' +
            '<button type="button" class="c-arr" title="展开 / 收起该块链接" aria-hidden="true">▾</button>' +
            '<button type="button" class="drag-h" title="按住拖动，调整该块先后顺序" draggable="true">⠿</button>' +
            '<input type="text" class="b-title" value="' + escAttr(title) + '" placeholder="导航块标题（必填）">' +
            '<span class="ops">' +
            '<button type="button" class="btn btn-sm b-up" title="上移">↑</button>' +
            '<button type="button" class="btn btn-sm b-down" title="下移">↓</button>' +
            '<button type="button" class="btn btn-sm btn-danger b-del" title="删除该块及其链接">删除块</button>' +
            '</span></div>' +
            '<div class="m-items">' + inner + '<button type="button" class="btn btn-sm b-add-item" style="margin-top:8px">+ 添加链接</button></div>' +
            '</div>';
    }
    function escAttr(s) {
        return String(s).replace(/&/g, '&amp;').replace(/"/g, '&quot;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
    }

    /* ---------- 行内事件代理 ---------- */
    wrap.addEventListener('click', function (ev) {
        var target = ev.target;
        var block = target.closest('.m-block');
        if (!block) return;
        if (target.classList.contains('c-arr')) {
            block.classList.toggle('is-fold');
            updateNavFold();
            return;
        }

        if (target.classList.contains('b-del')) {
            (window.HomePage && HomePage.ask ? HomePage.ask('确认删除该导航块及其全部链接？', { okText: '删除块' }) : Promise.resolve(window.confirm('确认删除该导航块及其全部链接？')))
                .then(function (ok) { if (ok) block.remove(); });
            return;
        }
        if (target.classList.contains('b-up') || target.classList.contains('b-down')) {
            var sib = target.classList.contains('b-up') ? block.previousElementSibling : block.nextElementSibling;
            if (sib && sib.classList.contains('m-block')) {
                if (target.classList.contains('b-up')) wrap.insertBefore(block, sib);
                else wrap.insertBefore(sib, block);
            }
            return;
        }
        if (target.classList.contains('b-add-item')) {
            var list = block.querySelector('.m-items');
            var count = list.querySelectorAll('.m-item').length;
            if (count >= 15) { alert('单个导航块最多 15 个链接，请新建导航块。'); return; }
            list.insertBefore(createElFromHTML(itemHTML('', '', '')), target);
            return;
        }
        if (target.classList.contains('i-del')) {
            target.closest('.m-item').remove();
        }
    });

    function updateNavFold() {
        var btn = document.getElementById('btnNavFoldAll');
        if (!btn) return;
        var bls = wrap.querySelectorAll('.m-block');
        var anyOpen = false;
        for (var i = 0; i < bls.length; i++) {
            if (!bls[i].classList.contains('is-fold')) { anyOpen = true; break; }
        }
        btn.textContent = anyOpen ? '收起全部' : '展开全部';
    }
    var foldAllBtn = document.getElementById('btnNavFoldAll');
    if (foldAllBtn) {
        foldAllBtn.addEventListener('click', function () {
            var bls = wrap.querySelectorAll('.m-block');
            var anyOpen = false;
            for (var i = 0; i < bls.length; i++) {
                if (!bls[i].classList.contains('is-fold')) { anyOpen = true; break; }
            }
            for (var j = 0; j < bls.length; j++) { bls[j].classList.toggle('is-fold', anyOpen); }
            updateNavFold();
        });
    }

    // 整块拖动排序（拖动结果随「保存全部修改」一并持久化）
    var dragBlock = null;
    function clearBlockDrop() {
        var bls = wrap.querySelectorAll('.m-block');
        for (var i = 0; i < bls.length; i++) { bls[i].classList.remove('drag-src', 'drop-target'); }
    }
    wrap.addEventListener('dragstart', function (ev) {
        var h = ev.target.closest ? ev.target.closest('.drag-h') : null;
        if (!h || !wrap.contains(h)) return;
        var bl = h.closest('.m-block');
        if (!bl) return;
        dragBlock = bl;
        ev.dataTransfer.effectAllowed = 'move';
        try { ev.dataTransfer.setData('text/plain', bl.getAttribute('data-id') || ''); } catch (e) {}
        setTimeout(function () { bl.classList.add('drag-src'); }, 0);
    });
    wrap.addEventListener('dragover', function (ev) {
        if (!dragBlock) return;
        var bl = ev.target.closest ? ev.target.closest('.m-block') : null;
        if (!bl || bl === dragBlock) { clearBlockDrop(); return; }
        ev.preventDefault();
        ev.dataTransfer.dropEffect = 'move';
        clearBlockDrop();
        bl.classList.add('drop-target');
    });
    wrap.addEventListener('drop', function (ev) {
        if (!dragBlock) return;
        ev.preventDefault();
        var bl = ev.target.closest ? ev.target.closest('.m-block') : null;
        if (bl && bl !== dragBlock) {
            var rect = bl.getBoundingClientRect();
            var after = ev.clientY > rect.top + rect.height / 2;
            wrap.insertBefore(dragBlock, after ? bl.nextSibling : bl);
        }
    });
    wrap.addEventListener('dragend', function () {
        clearBlockDrop();
        dragBlock = null;
    });

    document.getElementById('btnAddBlock').addEventListener('click', function () {
        wrap.insertAdjacentHTML('beforeend', blockHTML(0, '', []));
        var last = wrap.lastElementChild;
        if (last && last.classList.contains('m-block')) { last.classList.remove('is-fold'); }
        updateNavFold();
    });

    /* ---------- 批量导入解析 ---------- */
    var MAX_ITEMS = 15;
    var importTextEl = document.getElementById('importText');
    var importMsg = document.getElementById('importMsg');

    // 单行 -> item；无法识别返回 null
    function parseImportLine(raw) {
        var s = String(raw).trim();
        if (s === '') return null;
        // 1) | 分隔：名称 | 网址 [ | 备注]（也兼容 网址 | 名称）
        if (s.indexOf('|') !== -1) {
            var p = s.split('|').map(function (x) { return x.trim(); });
            var isUrl = function (x) { return /^https?:\/\//i.test(x); };
            var label1 = p[0], url1 = p[1], note1 = p[2] || '';
            if (isUrl(p[0]) && p[1] !== '' && !isUrl(p[1])) {
                // 网址在前、名称在后
                label1 = p[1]; url1 = p[0]; note1 = p[2] || '';
            }
            if (url1 !== '') return { label: label1, url: url1, note: note1 };
        }
        // 2) Markdown：[名称](网址 ["备注"])
        var m = s.match(/^\[([^\]]*)\]\(\s*([^)\s]+)(?:\s+["“]([^"”]*)["”])?\s*\)$/);
        if (m) return { label: m[1].trim(), url: m[2].trim(), note: (m[3] || '').trim() };
        // 3) 名称 https://… 或 名称 https://… 备注
        var m2 = s.match(/^(.*?)(https?:\/\/\S+)(?:\s+(.*))?$/i);
        if (m2 && m2[2]) {
            return { label: (m2[1] || '').trim(), url: m2[2].replace(/[),，。]+$/, ''), note: (m2[3] || '').trim() };
        }
        return null;
    }

    // host 作为缺省名称
    function hostOf(url) {
        try {
            var u = new URL(url);
            return u.hostname.replace(/^www\./, '');
        } catch (e) {
            return url;
        }
    }

    // 全文 -> [{title, items}]
    function importTextToBlocks(text) {
        var lines = String(text).split(/\r?\n/);
        var blocks = [];
        var cur = null;               // 当前块
        var used = {};                // 已使用的标题（同名自动加序号）
        var parsed = 0, skipped = 0;

        function makeTitle(base) {
            var t = base;
            var n = 1;
            while (used[t]) {
                n++;
                t = base + ' ' + n;
            }
            used[t] = true;
            return t;
        }

        function ensureBlock() {
            if (cur && cur.items.length < MAX_ITEMS) return;
            var title = makeTitle(cur ? cur.title : '批量导入');
            cur = { title: title, items: [] };
            blocks.push(cur);
        }

        lines.forEach(function (ln) {
            var s = String(ln).trim();
            if (s === '') return;
            // 块标题行
            var hm = s.match(/^#{1,6}\s+(.+)$/);
            if (hm) {
                var t = hm[1].trim();
                if (t !== '') {
                    var t2 = makeTitle(t);
                    cur = { title: t2, items: [] };
                    blocks.push(cur);
                }
                return;
            }
            var it = parseImportLine(s);
            if (!it) { skipped++; return; }
            if (it.url === '') { skipped++; return; }
            if (it.label === '') it.label = hostOf(it.url);
            ensureBlock();
            cur.items.push(it);
            parsed++;
        });
        return { blocks: blocks, parsed: parsed, skipped: skipped };
    }

    function bindImport() {
        var btn = document.getElementById('btnParseImport');
        var clearBtn = document.getElementById('btnClearImport');
        if (!btn || !importTextEl || !importMsg) return;
        btn.addEventListener('click', function () {
            var r = importTextToBlocks(importTextEl.value);
            if (!r.parsed) {
                importMsg.innerHTML = '<div class="err-msg">未解析到任何链接。请检查格式，每行至少包含“名称 网址”或“名称 | 网址”。</div>';
                return;
            }
            var frag = document.createDocumentFragment();
            r.blocks.forEach(function (b) {
                var div = createElFromHTML(blockHTML(0, b.title, b.items));
                if (div.classList) { div.classList.remove('is-fold'); }
                frag.appendChild(div);
            });
            wrap.appendChild(frag);
            updateNavFold();
            var parts = [];
            parts.push('<div class="ok-msg">已解析 ' + r.parsed + ' 条链接，生成 ' + r.blocks.length + ' 个导航块并追加到下方。</div>');
            if (r.skipped) parts.push('<p class="tip" style="margin-top:6px">另有 ' + r.skipped + ' 行未能识别，已跳过。</p>');
            parts.push('<p class="tip">请在下方向下核对；如需调整可修改标题/链接后，统一点击「保存全部修改」生效。</p>');
            importMsg.innerHTML = parts.join('');
            importTextEl.value = '';
            wrap.scrollIntoView({ behavior: 'smooth', block: 'start' });
        });
        clearBtn.addEventListener('click', function () {
            importTextEl.value = '';
            importMsg.innerHTML = '';
            importTextEl.focus();
        });
    }
    bindImport();

    function createElFromHTML(html) {
        var t = document.createElement('template');
        t.innerHTML = html.trim();
        return t.content.firstChild;
    }

    /* ---------- 收集并保存 ---------- */
    document.getElementById('btnSave').addEventListener('click', function () {
        var blocks = Array.prototype.slice.call(wrap.querySelectorAll('.m-block'));
        var data = [];
        var hasInvalid = false;

        blocks.forEach(function (block) {
            if (hasInvalid) return;
            var title = block.querySelector('.b-title').value.trim();
            if (!title) { alert('存在未填写标题的导航块，请填写或删除。'); hasInvalid = true; return; }
            var items = [];
            Array.prototype.slice.call(block.querySelectorAll('.m-item')).forEach(function (row) {
                var label = row.querySelector('.i-label').value.trim();
                var url = row.querySelector('.i-url').value.trim();
                var note = row.querySelector('.i-note').value.trim();
                if (label === '' && url === '') return; // 空行忽略
                if (label === '' || url === '') {
                    alert('链接的“文字”与“链接”不能为空。');
                    hasInvalid = true;
                    return;
                }
                items.push({ id: 0, label: label, url: url, note: note });
            });
            if (hasInvalid) return;
            data.push({ id: parseInt(block.getAttribute('data-id'), 10) || 0, title: title, items: items });
        });
        if (hasInvalid) return;
        jsonData.value = JSON.stringify(data);
        document.getElementById('navForm').submit();
    });
})();
</script>
</body>
</html>