{% load static %}
<link href="{% static "css/digua_frontend.css" %}?v=mobile-nav-3" rel="stylesheet">
<div id="app-header"></div>

<script>
    (function () {
        var MOBILE_NAV_MAX_WIDTH = 767;
        var initializedButton = null;
        var bodyObserver = null;
        var creatorObserver = null;
        var resizeTimer = null;

        function isMobile() {
            return window.innerWidth <= MOBILE_NAV_MAX_WIDTH;
        }

        function elements() {
            return {
                button: document.querySelector("#app-header .toggle-sidebar button"),
                root: document.getElementById("app-sidebar"),
                sidebar: document.querySelector("#app-sidebar .page-sidebar"),
                overlay: document.querySelector(".digua-mobile-nav-overlay")
            };
        }

        function setOpen(open, returnFocus) {
            var parts = elements();
            if (!parts.root || !isMobile()) return;

            document.body.classList.toggle("visible-sidebar", open);
            document.body.classList.toggle("overflow-hidden", open);
            parts.root.removeAttribute("hidden");
            parts.root.setAttribute("aria-hidden", open ? "false" : "true");

            if (parts.button) {
                parts.button.setAttribute("aria-expanded", open ? "true" : "false");
                parts.button.setAttribute("aria-controls", "app-sidebar");
                parts.button.setAttribute("aria-label", open ? "关闭导航菜单" : "打开导航菜单");
                parts.button.title = open ? "关闭导航菜单" : "打开导航菜单";
            }
            if (parts.overlay) parts.overlay.setAttribute("aria-hidden", open ? "false" : "true");

            if (open && parts.sidebar) {
                parts.sidebar.setAttribute("role", "dialog");
                parts.sidebar.setAttribute("aria-modal", "true");
                parts.sidebar.setAttribute("aria-label", "网站导航");
            }
            if (!open && returnFocus && parts.button) parts.button.focus();
        }

        function sync() {
            var parts = elements();
            var sidebarFooter;
            var open;
            if (!parts.root) return;

            if (isMobile()) {
                parts.root.removeAttribute("hidden");
                open = document.body.classList.contains("visible-sidebar");
                parts.root.setAttribute("aria-hidden", open ? "false" : "true");
                if (parts.button) {
                    parts.button.setAttribute("aria-expanded", open ? "true" : "false");
                    parts.button.setAttribute("aria-controls", "app-sidebar");
                    parts.button.setAttribute("aria-label", open ? "关闭导航菜单" : "打开导航菜单");
                    parts.button.title = open ? "关闭导航菜单" : "打开导航菜单";
                }
                if (parts.overlay) parts.overlay.setAttribute("aria-hidden", open ? "false" : "true");
                sidebarFooter = parts.root.querySelector(".page-sidebar-bottom");
                if (sidebarFooter && sidebarFooter.textContent.trim() !== "造影岛 · AI影像创作者社区") {
                    sidebarFooter.textContent = "造影岛 · AI影像创作者社区";
                }
            } else if (parts.root.dataset.desktopHidden === "true") {
                parts.root.setAttribute("hidden", "");
                parts.root.setAttribute("aria-hidden", "true");
                document.body.classList.remove("visible-sidebar", "overflow-hidden");
            }
        }

        function ensureOverlay(root) {
            var overlay = document.querySelector(".digua-mobile-nav-overlay");
            if (overlay || !root) return overlay;
            overlay = document.createElement("button");
            overlay.type = "button";
            overlay.className = "digua-mobile-nav-overlay";
            overlay.tabIndex = -1;
            overlay.setAttribute("aria-label", "关闭导航菜单");
            overlay.setAttribute("aria-hidden", "true");
            overlay.addEventListener("click", function () { setOpen(false, true); });
            root.insertAdjacentElement("afterend", overlay);
            return overlay;
        }

        function bindButton(button) {
            if (!button || initializedButton === button) return;
            initializedButton = button;
            button.addEventListener("click", function () {
                var wasOpen;
                if (!isMobile()) return;
                wasOpen = document.body.classList.contains("visible-sidebar");

                // MediaCMS normally changes this state itself. The delayed fallback
                // also covers pages whose intentionally hidden desktop sidebar blocks it.
                window.setTimeout(function () {
                    if (document.body.classList.contains("visible-sidebar") === wasOpen) {
                        setOpen(!wasOpen, false);
                    } else {
                        sync();
                    }
                }, 80);
            });
        }

        function uploadButtonIn(scope) {
            var buttons = scope && scope.matches("button") ? [scope] : (scope ? scope.querySelectorAll("button") : []);
            var i;
            var icon;
            for (i = 0; i < buttons.length; i += 1) {
                icon = buttons[i].querySelector(".material-icons");
                if (icon && icon.textContent.trim() === "video_call") return buttons[i];
                if (/上传媒体|上传作品|Upload media/i.test(buttons[i].textContent || "")) return buttons[i];
                if (/Add media|上传媒体|上传作品/i.test(buttons[i].getAttribute("title") || "")) return buttons[i];
            }
            return null;
        }

        function addUploadLink(button, className) {
            var link;
            if (!button || button.parentNode.querySelector("." + className)) return;
            button.classList.add("digua-original-upload-trigger");
            link = document.createElement("a");
            link.href = "/upload";
            link.className = "digua-upload-cta " + className;
            link.setAttribute("aria-label", "上传作品");
            link.innerHTML = '<i class="material-icons" aria-hidden="true">video_call</i><span>上传作品</span>';
            button.insertAdjacentElement("afterend", link);
        }

        function addVisibleDeleteAction(container) {
            var controls;
            var trigger;
            var button;
            if (!container) return;
            controls = container.firstElementChild;
            trigger = container.querySelector(".bulk-actions-trigger");
            if (!controls || !trigger) return;

            button = container.querySelector(".digua-delete-selected");
            if (!button) {
                button = document.createElement("button");
                button.type = "button";
                button.className = "digua-delete-selected";
                button.textContent = "删除所选";
                button.addEventListener("click", function () {
                    var actionButtons;
                    var deleteAction = null;
                    var i;
                    if (button.disabled) return;
                    trigger.click();
                    window.setTimeout(function () {
                        actionButtons = container.querySelectorAll(".bulk-actions-item");
                        for (i = 0; i < actionButtons.length; i += 1) {
                            if (/Delete Media|删除媒体|删除作品/i.test(actionButtons[i].textContent)) {
                                deleteAction = actionButtons[i];
                                break;
                            }
                        }
                        if (deleteAction) deleteAction.click();
                    }, 30);
                });
                controls.appendChild(button);
            }
            button.disabled = trigger.classList.contains("no-selection");
        }

        function enhanceCreatorActions() {
            var headerRight = document.querySelector("#app-header .page-header-right");
            var profileAdd = document.querySelector(".media-list-wrapper .add-media-button");
            var bulkActions = document.querySelector(".media-list-wrapper .bulk-actions-container");
            if (headerRight) addUploadLink(uploadButtonIn(headerRight), "digua-upload-cta--header");
            if (profileAdd) addUploadLink(uploadButtonIn(profileAdd), "digua-upload-cta--profile");
            addVisibleDeleteAction(bulkActions);
        }

        function initialize() {
            var parts = elements();
            enhanceCreatorActions();
            if (!parts.root) return;
            if (!parts.root.dataset.mobileNavInitialized) {
                parts.root.dataset.mobileNavInitialized = "true";
                parts.root.dataset.desktopHidden = parts.root.hasAttribute("hidden") ? "true" : "false";
            }
            ensureOverlay(parts.root);
            bindButton(parts.button);
            sync();
            if (!bodyObserver) {
                bodyObserver = new MutationObserver(function () {
                    // The desktop branch writes body.class itself. Running sync again
                    // for that same mutation creates a self-triggering observer loop.
                    if (!isMobile()) return;
                    sync();
                });
                bodyObserver.observe(document.body, { attributes: true, attributeFilter: ["class"] });
            }
            if (!creatorObserver) {
                creatorObserver = new MutationObserver(enhanceCreatorActions);
                creatorObserver.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ["class"] });
            }
        }

        document.addEventListener("keydown", function (event) {
            if (event.key === "Escape" && isMobile() && document.body.classList.contains("visible-sidebar")) {
                event.preventDefault();
                setOpen(false, true);
            }
        });
        document.addEventListener("DOMContentLoaded", initialize);
        new MutationObserver(initialize).observe(document.getElementById("app-header"), { childList: true, subtree: true });
        window.addEventListener("resize", function () {
            window.clearTimeout(resizeTimer);
            resizeTimer = window.setTimeout(sync, 80);
        });
    }());
</script>

{% comment %}
Uncomment, or replace with your own cookie consent code.

<script src="https://cdn.websitepolicies.io/lib/cookieconsent/cookieconsent.min.js" defer></script>
<script>
    window.addEventListener("load", function () {
        window.wpcc.init({
            border: "normal",
            corners: "normal",
            colors: { popup: { background: "#222222", text: "#ffffff", border: "#FF8000" }, button: { background: "#FF8000", text: "#000000" } },
            position: "top-right",
            content: { message: "Hi there, we are using cookies on this website. We don't use tracking or analytics here, just the essentials for the Website to work.\n", button: "Understood! Yum!", link: "Click here to learn more." },
        });
    });
</script>


{% endcomment %}

<link rel="stylesheet" href="{% static 'archive_index/catalog-20260907.css' %}">
{{ catalog_filters|json_script:"catalog-current-filters" }}
<script src="{% static 'archive_index/catalog-20260907.js' %}" defer></script>