{{define "admin_shell_head"}}
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<title>{{.Title}} - {{if .ProductName}}{{.ProductName}}{{else}}{{T "admin.dashboard"}}{{end}}</title>
<meta name="author" content="{{.BrandTeam}} - {{.BrandHost}}">
{{template "public/meta_product" .}}
<link rel="icon" href="{{asset "/favicon.ico"}}" type="image/x-icon">
<link rel="stylesheet" href="{{asset (printf "%s/assets/css/bootstrap.min.css" .AdminTplDir)}}">
<link rel="stylesheet" href="{{asset (printf "%s/assets/css/icons.css" .AdminTplDir)}}">
<link rel="stylesheet" href="{{asset (printf "%s/assets/css/style.css" .AdminTplDir)}}">
<link rel="stylesheet" href="{{asset (printf "%s/assets/css/admin.css" .AdminTplDir)}}">
<link rel="stylesheet" href="{{asset (printf "%s/assets/css/admin-pages.css" .AdminTplDir)}}">
<link rel="stylesheet" href="{{asset (printf "%s/assets/css/admin-modal.css" .AdminTplDir)}}">
<link rel="stylesheet" href="{{asset (printf "%s/assets/css/modal.css" .AdminTplDir)}}">
<link rel="stylesheet" href="{{asset (printf "%s/assets/css/admin-shell.css" .AdminTplDir)}}">
<link rel="stylesheet" href="{{asset (printf "%s/assets/css/admin-logo.css" .AdminTplDir)}}">
<link rel="stylesheet" href="{{asset "/static/css/lang-switcher.css"}}">
{{end}}

{{define "admin_shell_sidebar"}}
<div class="admin-sidebar-overlay" id="adminSidebarOverlay" hidden></div>
<aside class="admin-sidebar" id="adminSidebar">
    <div class="logo">
        <a href="/admin" title="{{.SiteName}}">{{template "site-logo-admin" .}}</a>
        <span class="admin-brand-badge">{{T "nav.admin_panel"}}</span>
    </div>
    <nav class="nav-menu" id="adminNavMenu">
        <div class="nav-item nav-item--standalone">
            <a class="nav-link{{if eq .AdminActive "dashboard"}} active{{end}}" href="/admin">
                <i class='bx bx-home-alt'></i> <span>{{T "admin.dashboard"}}</span>
            </a>
        </div>
        {{$siteActive := or (eq .AdminActive "settings") (eq .AdminActive "themes") (eq .AdminActive "nav") (eq .AdminActive "share") (eq .AdminActive "site-pages") (eq .AdminActive "announcements") (eq .AdminActive "im-notify")}}
        {{$showSite := or (index .AdminPerms "settings.read") (index .AdminPerms "themes.read") (index .AdminPerms "nav.read") (index .AdminPerms "share.read")}}
        {{if $showSite}}
        <div class="nav-item has-sub{{if $siteActive}} is-active{{end}}" data-nav-group="site">
            <button type="button" class="nav-link nav-parent{{if $siteActive}} active{{end}}" aria-haspopup="true">
                <i class='bx bx-cog'></i>
                <span>{{T "admin.nav_group_site"}}</span>
                <i class='bx bx-chevron-right nav-caret'></i>
            </button>
            <div class="nav-flyout">
                {{if index .AdminPerms "settings.read"}}
                <a class="nav-sublink{{if eq .AdminActive "settings"}} active{{end}}" href="/admin/settings">
                    <i class='bx bx-slider-alt'></i>{{T "admin.settings"}}
                </a>
                {{end}}
                {{if index .AdminPerms "themes.read"}}
                <a class="nav-sublink{{if eq .AdminActive "themes"}} active{{end}}" href="/admin/themes">
                    <i class='bx bx-palette'></i>{{T "admin.themes"}}
                </a>
                {{end}}
                {{if index .AdminPerms "nav.read"}}
                <a class="nav-sublink{{if eq .AdminActive "nav"}} active{{end}}" href="/admin/nav">
                    <i class='bx bx-menu'></i>{{T "admin.nav_settings"}}
                </a>
                {{end}}
                {{if index .AdminPerms "share.read"}}
                <a class="nav-sublink{{if eq .AdminActive "share"}} active{{end}}" href="/admin/share">
                    <i class='bx bx-share-alt'></i>{{T "admin.share_config"}}
                </a>
                {{end}}
                {{if index .AdminPerms "settings.read"}}
                <a class="nav-sublink{{if eq .AdminActive "site-pages"}} active{{end}}" href="/admin/site-pages">
                    <i class='bx bx-file'></i>{{T "admin.site_pages"}}
                </a>
                <a class="nav-sublink{{if eq .AdminActive "announcements"}} active{{end}}" href="/admin/announcements">
                    <i class='bx bx-news'></i>{{T "admin.announcements"}}
                </a>
                {{if .IsPro}}
                <a class="nav-sublink{{if eq .AdminActive "im-notify"}} active{{end}}" href="/admin/im-notify">
                    <i class='bx bx-message-square-dots'></i>{{T "admin.im_notify_title"}}
                </a>
                {{end}}
                {{end}}
            </div>
        </div>
        {{end}}
        {{$contentActive := or (eq .AdminActive "comments") (eq .AdminActive "projects") (eq .AdminActive "entries")}}
        {{$showContent := or (index .AdminPerms "projects.view") (index .AdminPerms "entries.view") (index .AdminPerms "comments.view") (index .AdminPerms "comments.settings")}}
        {{if $showContent}}
        <div class="nav-item has-sub{{if $contentActive}} is-active{{end}}" data-nav-group="content">
            <button type="button" class="nav-link nav-parent{{if $contentActive}} active{{end}}" aria-haspopup="true">
                <i class='bx bx-file-blank'></i>
                <span>{{T "admin.nav_group_content"}}</span>
                <i class='bx bx-chevron-right nav-caret'></i>
            </button>
            <div class="nav-flyout">
                {{if index .AdminPerms "projects.view"}}
                <a class="nav-sublink{{if eq .AdminActive "projects"}} active{{end}}" href="/admin/projects">
                    <i class='bx bx-folder'></i>{{T "admin.projects"}}
                </a>
                {{end}}
                {{if index .AdminPerms "entries.view"}}
                <a class="nav-sublink{{if eq .AdminActive "entries"}} active{{end}}" href="/admin/entries">
                    <i class='bx bx-news'></i>{{T "admin.entry_manage"}}
                </a>
                {{end}}
                {{if or (index .AdminPerms "comments.view") (index .AdminPerms "comments.settings")}}
                <a class="nav-sublink{{if eq .AdminActive "comments"}} active{{end}}" href="/admin/comments">
                    <i class='bx bx-message-square-dots'></i>{{T "admin.comments"}}
                </a>
                {{end}}
            </div>
        </div>
        {{end}}
        {{$systemActive := or (eq .AdminActive "stats") (eq .AdminActive "admin-log") (eq .AdminActive "users") (eq .AdminActive "roles") (eq .AdminActive "database-migrate")}}
        {{$showSystem := or (index .AdminPerms "users.read") (index .AdminPerms "roles.read") (index .AdminPerms "stats.view") (index .AdminPerms "admin_log.view") (index .AdminPerms "database.migrate")}}
        {{if $showSystem}}
        <div class="nav-item has-sub{{if $systemActive}} is-active{{end}}" data-nav-group="system">
            <button type="button" class="nav-link nav-parent{{if $systemActive}} active{{end}}" aria-haspopup="true">
                <i class='bx bx-grid-alt'></i>
                <span>{{T "admin.nav_group_system"}}</span>
                <i class='bx bx-chevron-right nav-caret'></i>
            </button>
            <div class="nav-flyout">
                {{if index .AdminPerms "users.read"}}
                <a class="nav-sublink{{if eq .AdminActive "users"}} active{{end}}" href="/admin/users">
                    <i class='bx bx-user'></i>{{T "admin.users"}}
                </a>
                {{end}}
                {{if index .AdminPerms "roles.read"}}
                <a class="nav-sublink{{if eq .AdminActive "roles"}} active{{end}}" href="/admin/roles">
                    <i class='bx bx-shield-quarter'></i>{{T "admin.roles"}}
                </a>
                {{end}}
                {{if index .AdminPerms "stats.view"}}
                <a class="nav-sublink{{if eq .AdminActive "stats"}} active{{end}}" href="/admin/stats">
                    <i class='bx bx-bar-chart-alt-2'></i>{{T "admin.stats"}}
                </a>
                {{end}}
                {{if index .AdminPerms "admin_log.view"}}
                <a class="nav-sublink{{if eq .AdminActive "admin-log"}} active{{end}}" href="/admin/admin-log">
                    <i class='bx bx-notepad'></i>{{T "admin.admin_log"}}
                </a>
                {{end}}
                {{if index .AdminPerms "database.migrate"}}
                <a class="nav-sublink{{if eq .AdminActive "database-migrate"}} active{{end}}" href="/admin/database-migrate">
                    <i class='bx bx-transfer'></i>{{T "admin.db_migrate"}}
                </a>
                {{end}}
            </div>
        </div>
        {{end}}
        {{if index .AdminPerms "settings.read"}}
        {{$sysUpActive := or (eq .AdminActive "software-upgrade") (eq .AdminActive "ipgeo-upgrade")}}
        <div class="nav-item has-sub{{if $sysUpActive}} is-active{{end}}" data-nav-group="sys-upgrade">
            <button type="button" class="nav-link nav-parent{{if $sysUpActive}} active{{end}}" aria-haspopup="true">
                <i class='bx bx-cloud-download'></i>
                <span>{{T "admin_sys_upgrade_menu"}}</span>
                <i class='bx bx-chevron-right nav-caret'></i>
            </button>
            <div class="nav-flyout">
                <a class="nav-sublink{{if eq .AdminActive "software-upgrade"}} active{{end}}" href="/admin/software-upgrade" id="adminOtaNavLink" title="{{T "admin_ota_menu"}}">
                    <i class='bx bx-package'></i>
                    <span class="admin-nav-label">{{T "admin_ota_menu"}}</span>
                    <span class="admin-nav-badge admin-ota-update-badge d-none" id="adminOtaUpdateBadge" aria-hidden="true">{{T "admin_ota_badge_new"}}</span>
                </a>
                <a class="nav-sublink{{if eq .AdminActive "ipgeo-upgrade"}} active{{end}}" href="/admin/ipgeo-upgrade">
                    <i class='bx bx-map'></i>{{T "admin_ipgeo_upgrade_menu"}}
                </a>
            </div>
        </div>
        <div class="nav-item nav-item--standalone">
            <a class="nav-link{{if eq .AdminActive "product-agreement"}} active{{end}}" href="/admin/product-agreement">
                <i class='bx bx-file'></i> <span>{{T "admin.product_agreement"}}</span>
            </a>
        </div>
        {{end}}
    </nav>
</aside>
{{end}}

{{define "admin_shell_header"}}
<header class="admin-header">
    <div class="admin-header-left">
        <button type="button" class="admin-sidebar-toggle" id="adminSidebarToggle"
                title="{{T "admin.menu_toggle"}}" aria-label="{{T "admin.menu_toggle"}}"
                aria-expanded="false" aria-controls="adminSidebar">
            <i class='bx bx-menu'></i>
        </button>
        <h5 class="mb-0">{{.Title}}</h5>
    </div>
    <div class="admin-header-right">
        {{if or (index .Extra "can_reindex_project") (index .Extra "can_reindex_all")}}
        <div class="admin-reindex-widget" id="adminReindexWidget">
            <button class="btn btn-primary btn-sm" type="button" id="btnReindexToggle"
                    data-bs-toggle="modal" data-bs-target="#reindexModal">
                <i class='bx bx-refresh'></i> {{T "admin.rebuild"}}
            </button>
            <div class="reindex-progress-wrap" id="reindexProgressWrap">
                <div class="reindex-progress-meta">
                    <span id="reindexProgressLabel">0%</span>
                    <span class="reindex-progress-file" id="reindexProgressFile"></span>
                </div>
                <div class="progress reindex-progress">
                    <div class="progress-bar" id="reindexProgressBar" role="progressbar" style="width:0%"></div>
                </div>
            </div>
        </div>
        {{end}}
        {{if .LangSwitcherShow}}<span class="dv-lang-switcher-host">{{template "lang_switcher" .}}</span>{{end}}
        <div class="dropdown admin-user-dropdown">
            <a class="btn btn-link dropdown-toggle text-decoration-none admin-user-toggle" href="#"
               data-bs-toggle="dropdown" aria-expanded="false"
               title="{{.AdminUsername}}" aria-label="{{.AdminUsername}}">
                <i class='bx bx-user-circle'></i>
                <span class="admin-username-display" data-full="{{.AdminUsername}}">
                    <span class="admin-username-masked">{{maskUsername .AdminUsername}}</span>
                    <span class="admin-username-full">{{.AdminUsername}}</span>
                </span>
            </a>
            <ul class="dropdown-menu dropdown-menu-end admin-user-menu">
                <li>
                    <a class="dropdown-item" href="/" target="_blank" rel="noopener">
                        <i class='bx bx-link-external'></i> {{T "admin.frontend"}}
                    </a>
                </li>
                <li>
                    <a class="dropdown-item" href="javascript:;" id="adminChangePasswordBtn">
                        <i class='bx bx-lock-alt'></i> {{T "admin.change_password"}}
                    </a>
                </li>
                <li><hr class="dropdown-divider"></li>
                <li>
                    <a class="dropdown-item text-danger" href="javascript:;" id="adminLogoutBtn" role="button">
                        <i class='bx bx-log-out'></i> {{T "admin.logout"}}
                    </a>
                </li>
            </ul>
        </div>
    </div>
</header>
{{end}}

{{define "admin_copyright_bar"}}
<footer class="admin-footer">
    <div id="admin-footer-inner" class="admin-footer-inner">
        <span class="admin-footer-copyright">&copy; {{.Year}} <a href="/" target="_blank" rel="noopener">{{if .LogoText}}{{.LogoText}}{{else if .SiteName}}{{.SiteName}}{{else if .ProductDisplay}}{{.ProductDisplay}}{{else}}{{.ProductName}}{{end}}</a>. {{T "footer.all_rights"}}</span>
        <span class="admin-footer-sep">·</span>
        <span>{{T "footer.powered_by"}} <a href="{{.BrandURL}}" target="_blank" rel="noopener noreferrer" title="{{.BrandTeam}}">{{.BrandTeam}}</a></span>
        <span class="admin-footer-sep">,</span>
        <span class="admin-footer-badge">{{if .ProductDetailURL}}<a href="{{.ProductDetailURL}}" target="_blank" rel="noopener noreferrer" title="{{.FooterProduct}}">{{.FooterProduct}}</a>{{else}}{{.FooterProduct}}{{end}}{{if .IsPro}}&nbsp;{{.EditionName}}{{end}}&nbsp;v{{.Version}}</span>
    </div>
</footer>
{{end}}

{{define "admin_shell_footer"}}
{{template "admin_copyright_bar" .}}
<button type="button" class="admin-back-to-top" id="adminBackToTop"
        title="{{T "admin.back_to_top"}}" aria-label="{{T "admin.back_to_top"}}">
    <i class='bx bx-chevron-up'></i>
</button>
<div class="modal fade sd-bootstrap-modal admin-bootstrap-modal" id="reindexModal" tabindex="-1"
     aria-labelledby="reindexModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="reindexModalLabel">
                    <i class='bx bx-refresh'></i>{{T "admin.rebuild"}}
                </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{T "admin.cancel"}}"></button>
            </div>
            <div class="modal-body">
                <p class="reindex-modal-desc">{{T "admin.rebuild_modal_hint"}}</p>
                <div class="reindex-modal-note">{{T "admin.rebuild_modal_note"}}</div>
                <div class="reindex-last-time" id="reindexLastTimeWrap">
                    <i class='bx bx-calendar-check'></i>
                    <span>{{T "admin.reindex_last_time"}}</span>
                    <strong id="reindexLastTimeValue">{{T "admin.loading"}}</strong>
                </div>
                <div class="mb-3">
                    <label class="form-label" for="reindexDirSelect">{{T "admin.rebuild_select_label"}}</label>
                    <select class="form-select" id="reindexDirSelect" name="reindexTarget" aria-label="{{T "admin.rebuild_select_label"}}">
                        <option value="">{{T "admin.loading"}}</option>
                    </select>
                </div>
                <div class="reindex-schedule-box" id="reindexScheduleBox">
                    <div class="reindex-schedule-title">
                        <i class='bx bx-time-five'></i>
                        <span>{{T "admin.reindex_schedule_title"}}</span>
                    </div>
                    <p class="reindex-schedule-hint">{{T "admin.reindex_schedule_hint"}}</p>
                    <div class="reindex-schedule-row">
                        <div class="form-check form-switch reindex-schedule-switch">
                            <input class="form-check-input" type="checkbox" role="switch"
                                   id="reindexScheduleEnabled"
                                   aria-checked="false"
                                   aria-label="{{T "admin.reindex_schedule_enable"}}">
                            <label class="form-check-label" for="reindexScheduleEnabled">{{T "admin.reindex_schedule_enable"}}</label>
                        </div>
                        <div class="reindex-schedule-time-wrap">
                            <label class="form-label mb-0" for="reindexScheduleTime">{{T "admin.reindex_schedule_time"}}</label>
                            <input type="time" class="form-control form-control-sm" id="reindexScheduleTime"
                                   value="03:00" step="60" aria-label="{{T "admin.reindex_schedule_time"}}">
                        </div>
                    </div>
                    <div class="reindex-schedule-actions">
                        <button type="button" class="btn btn-outline-secondary btn-sm" id="btnReindexScheduleSave">
                            <i class='bx bx-save'></i>{{T "admin.reindex_schedule_save"}}
                        </button>
                        <span class="reindex-schedule-status" id="reindexScheduleStatus" aria-live="polite"></span>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{T "admin.cancel"}}</button>
                <button type="button" class="btn btn-primary" id="btnReindexStart">
                    <i class='bx bx-refresh'></i>{{T "admin.rebuild_run"}}
                </button>
            </div>
        </div>
    </div>
</div>
{{end}}

{{define "admin_shell_scripts"}}
<script>
window.SG_REINDEX_I18N = {
  rebuild_all: {{json (T "admin.rebuild_all")}},
  no_directories: {{json (T "admin.no_directories")}},
  select_required: {{json (T "admin.rebuild_select_required")}},
  select_placeholder: {{json (T "admin.rebuild_select_placeholder")}},
  scanning: {{json (T "admin.reindex_scanning")}},
  finalizing: {{json (T "admin.reindex_finalizing")}},
  starting: {{json (T "admin.reindex_starting")}},
  done: {{json (T "admin.reindex_done")}},
  failed_status: {{json (T "admin.reindex_failed")}},
  result_summary: {{json (T "admin.reindex_result_summary")}},
  result_done: {{json (T "admin.reindex_result_done")}},
  result_error: {{json (T "admin.reindex_result_error")}},
  failed: {{json (T "admin.request_failed")}},
  loading: {{json (T "admin.loading")}},
  schedule_saved_on: {{json (T "admin.reindex_schedule_saved_on")}},
  schedule_saved_off: {{json (T "admin.reindex_schedule_saved_off")}},
  schedule_time_required: {{json (T "admin.reindex_schedule_time_required")}},
  schedule_status_on: {{json (T "admin.reindex_schedule_status_on")}},
  schedule_status_off: {{json (T "admin.reindex_schedule_status_off")}},
  last_time_empty: {{json (T "admin.reindex_last_time_empty")}}
};
window.SG_REINDEX_RELOAD_ON_DONE = {{if eq .AdminActive "dashboard"}}true{{else}}false{{end}};
window.DV_PASSWORD_I18N = {
  title: {{json (T "admin.change_password")}},
  oldPassword: {{json (T "admin.old_password")}},
  newPassword: {{json (T "admin.new_password")}},
  confirmPassword: {{json (T "admin.confirm_password")}},
  minLength: {{json (T "admin.password_min_length")}},
  mismatch: {{json (T "admin.password_mismatch")}},
  oldRequired: {{json (T "admin.password_old_required")}},
  oldIncorrect: {{json (T "admin.password_old_incorrect")}},
  changed: {{json (T "admin.password_changed")}},
  failed: {{json (T "admin.request_failed")}},
  cancel: {{json (T "admin.cancel")}},
  save: {{json (T "admin.save")}}
};
</script>
<script src="{{asset "/static/js/jquery.min.js"}}"></script>
<script src="{{asset "/static/js/lang-switcher.js"}}"></script>
<script src="{{asset (printf "%s/assets/js/bootstrap.bundle.min.js" .AdminTplDir)}}"></script>
<script>
(function() {
    var INIT_ATTR = 'data-table-action-dropdown-fixed';
    function tableActionDropdownPopperConfig(defaultConfig) {
        var config = defaultConfig || {};
        config.strategy = 'fixed';
        config.modifiers = (config.modifiers || []).slice();
        if (!config.modifiers.some(function(m) { return m.name === 'preventOverflow'; })) {
            config.modifiers.push({
                name: 'preventOverflow',
                options: { boundary: 'viewport', padding: 8, altAxis: true }
            });
        }
        if (!config.modifiers.some(function(m) { return m.name === 'flip'; })) {
            config.modifiers.push({
                name: 'flip',
                options: { fallbackPlacements: ['top-end', 'bottom-end', 'top-start', 'bottom-start'] }
            });
        }
        return config;
    }
    window.initTableActionDropdowns = function(root) {
        if (typeof bootstrap === 'undefined' || !bootstrap.Dropdown) return;
        var scope = root || document;
        scope.querySelectorAll('.table-action-dropdown [data-bs-toggle="dropdown"]').forEach(function(el) {
            if (el.getAttribute(INIT_ATTR) === '1') return;
            var existing = bootstrap.Dropdown.getInstance(el);
            if (existing) existing.dispose();
            el.setAttribute(INIT_ATTR, '1');
            bootstrap.Dropdown.getOrCreateInstance(el, {
                popperConfig: tableActionDropdownPopperConfig
            });
        });
    };
    document.addEventListener('DOMContentLoaded', function() {
        window.initTableActionDropdowns();
        if (typeof MutationObserver === 'undefined') return;
        var timer = null;
        new MutationObserver(function() {
            clearTimeout(timer);
            timer = setTimeout(function() { window.initTableActionDropdowns(); }, 30);
        }).observe(document.body, { childList: true, subtree: true });
    });
})();
</script>
<script>
window.ModalI18n = {
  cancel: {{json (T "js.modal_cancel")}},
  ok: {{json (T "js.modal_ok")}}
};
window.DocsI18n = {
  tocExpand: {{json (T "js.toc_expand")}},
  tocMinimize: {{json (T "js.toc_minimize")}},
  contentViewRestore: {{json (T "js.content_view_restore")}},
  contentViewMaximize: {{json (T "js.content_view_maximize")}},
  pageShareToolsCollapse: {{json (T "js.page_share_tools_collapse")}},
  pageShareToolsExpand: {{json (T "js.page_share_tools_expand")}},
  textShareCopyText: {{json (T "js.text_share_copy_text")}},
  textShareCopyLink: {{json (T "js.text_share_copy_link")}},
  textShareNoSelection: {{json (T "js.text_share_no_selection")}},
  textShareTextCopied: {{json (T "js.text_share_text_copied")}},
  textShareCopied: {{json (T "js.text_share_link_copied")}},
  textShareCopyFailed: {{json (T "js.text_share_copy_failed")}},
  actionLikeFailed: {{json (T "js.action_like_failed")}}
};
window.SG_I18N = {
  searchEmpty: {{json (T "search.docs_empty")}},
  searchFoundPrefix: {{json (T "search.found_prefix")}},
  searchFoundSuffix: {{json (T "search.found_suffix")}},
  searchLoading: {{json (T "search.docs_loading")}},
  searchFailed: {{json (T "search.docs_failed")}},
  tocExpand: {{json (T "js.toc_expand")}},
  tocMinimize: {{json (T "js.toc_minimize")}}
};
</script>
<script src="{{asset (printf "%s/assets/js/modal.js" .AdminTplDir)}}"></script>
<script>
(function() {
  var I18n = window.DV_PASSWORD_I18N || {};
  function mapPasswordError(msg) {
    msg = String(msg || '');
    if (msg.indexOf('old password required') !== -1) return I18n.oldRequired || msg;
    if (msg.indexOf('old password') !== -1) return I18n.oldIncorrect || msg;
    if (msg.indexOf('too short') !== -1) return I18n.minLength || msg;
    return msg || I18n.failed;
  }
  async function openChangePassword() {
    if (!window.BootstrapModal || !window.jQuery) return;
    var data = await BootstrapModal.openForm({
      title: I18n.title || 'Change password',
      okText: I18n.save || 'Save',
      cancelText: I18n.cancel || 'Cancel',
      modalClass: 'admin-change-password-modal',
      fields: [
        { name: 'old_password', label: I18n.oldPassword, value: '', inputType: 'password', fieldClass: 'navcfg-field-span-2' },
        { name: 'new_password', label: I18n.newPassword, value: '', inputType: 'password', fieldClass: 'navcfg-field-span-2' },
        { name: 'confirm_password', label: I18n.confirmPassword, value: '', inputType: 'password', fieldClass: 'navcfg-field-span-2' }
      ]
    });
    if (!data) return;
    var oldPwd = String(data.old_password || '');
    var newPwd = String(data.new_password || '');
    var confirmPwd = String(data.confirm_password || '');
    if (!oldPwd) {
      BootstrapModal.msg(I18n.oldRequired, { icon: 2 });
      return;
    }
    if (newPwd.length < 6) {
      BootstrapModal.msg(I18n.minLength, { icon: 2 });
      return;
    }
    if (newPwd !== confirmPwd) {
      BootstrapModal.msg(I18n.mismatch, { icon: 2 });
      return;
    }
    var loadId = BootstrapModal.load();
    $.ajax({
      url: '/api/admin/password',
      method: 'POST',
      contentType: 'application/json',
      dataType: 'json',
      data: JSON.stringify({ old_password: oldPwd, new_password: newPwd })
    }).done(function(res) {
      BootstrapModal.close(loadId);
      if (res && res.success) {
        BootstrapModal.msg(I18n.changed, { icon: 1 });
      } else {
        BootstrapModal.msg(mapPasswordError(res && res.message), { icon: 2 });
      }
    }).fail(function(xhr) {
      BootstrapModal.close(loadId);
      var m = (xhr.responseJSON && xhr.responseJSON.message) || I18n.failed;
      BootstrapModal.msg(mapPasswordError(m), { icon: 2 });
    });
  }
  $(function() {
    $(document).on('click', '#adminChangePasswordBtn', function(e) {
      e.preventDefault();
      openChangePassword();
    });
  });
})();
</script>
<script>
/* Admin logout: BootstrapModal.confirm (align SupDoc; no window.confirm). */
(function() {
  var I18n = {
    title: {{json (T "admin.logout_confirm_title")}},
    body: {{json (T "admin.logout_confirm_body")}},
    ok: {{json (T "admin.logout")}},
    cancel: {{json (T "admin.cancel")}}
  };
  $(function() {
    $(document).on('click', '#adminLogoutBtn', async function(e) {
      e.preventDefault();
      if (!window.BootstrapModal || !BootstrapModal.confirm) {
        if (window.confirm(I18n.body || I18n.title)) {
          location.href = '/admin/logout';
        }
        return;
      }
      var confirmed = await BootstrapModal.confirm(I18n.body, {
        title: I18n.title,
        btn: [I18n.ok, I18n.cancel]
      });
      if (confirmed) {
        location.href = '/admin/logout';
      }
    });
  });
})();
</script>
<script>
(function() {
    var menu = document.getElementById('adminNavMenu');
    if (!menu) return;
    // Desktop: CSS :hover flyout. Touch / narrow: tap parent to toggle .is-open.
    menu.addEventListener('click', function(e) {
        var parentBtn = e.target.closest('.nav-parent');
        if (!parentBtn) return;
        var item = parentBtn.closest('.nav-item.has-sub');
        if (!item) return;
        var isTouch = window.matchMedia('(hover: none), (max-width: 992px)').matches;
        if (!isTouch) return;
        e.preventDefault();
        var open = item.classList.contains('is-open');
        menu.querySelectorAll('.nav-item.has-sub.is-open').forEach(function(el) {
            el.classList.remove('is-open');
        });
        if (!open) item.classList.add('is-open');
    });
    document.addEventListener('click', function(e) {
        if (e.target.closest('.admin-sidebar')) return;
        menu.querySelectorAll('.nav-item.has-sub.is-open').forEach(function(el) {
            el.classList.remove('is-open');
        });
    });
})();
</script>
<script>
(function() {
    var sidebar = document.getElementById('adminSidebar');
    var overlay = document.getElementById('adminSidebarOverlay');
    var toggle = document.getElementById('adminSidebarToggle');
    if (!sidebar || !toggle) return;

    function isMobileNav() {
        return window.matchMedia('(max-width: 992px)').matches;
    }

    function setOpen(open) {
        sidebar.classList.toggle('is-open', open);
        document.body.classList.toggle('admin-sidebar-open', open);
        toggle.setAttribute('aria-expanded', open ? 'true' : 'false');
        var icon = toggle.querySelector('i');
        if (icon) icon.className = open ? 'bx bx-x' : 'bx bx-menu';
        if (overlay) {
            if (open) {
                overlay.hidden = false;
                overlay.classList.add('is-visible');
            } else {
                overlay.classList.remove('is-visible');
                overlay.hidden = true;
            }
        }
    }

    function closeSidebar() { setOpen(false); }

    toggle.addEventListener('click', function() {
        if (!isMobileNav()) return;
        setOpen(!sidebar.classList.contains('is-open'));
    });
    if (overlay) overlay.addEventListener('click', closeSidebar);
    sidebar.addEventListener('click', function(e) {
        if (!isMobileNav()) return;
        if (e.target.closest('a.nav-link, a.nav-sublink')) closeSidebar();
    });
    window.addEventListener('resize', function() {
        if (!isMobileNav()) closeSidebar();
    }, { passive: true });
    document.addEventListener('keydown', function(e) {
        if (e.key === 'Escape') closeSidebar();
    });
})();
</script>
<script>
(function() {
    var btn = document.getElementById('adminBackToTop');
    if (!btn) return;
    var scrollThreshold = 160;
    var ticking = false;
    function scrollTop() {
        return window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
    }
    function update() {
        if (scrollTop() > scrollThreshold) btn.classList.add('is-visible');
        else btn.classList.remove('is-visible');
        ticking = false;
    }
    function onScroll() {
        if (!ticking) {
            window.requestAnimationFrame(update);
            ticking = true;
        }
    }
    window.addEventListener('scroll', onScroll, { passive: true });
    document.addEventListener('scroll', onScroll, { passive: true, capture: true });
    btn.addEventListener('click', function() {
        window.scrollTo({ top: 0, behavior: 'smooth' });
        try {
            document.documentElement.scrollTop = 0;
            document.body.scrollTop = 0;
        } catch (e) {}
    });
    update();
})();
</script>
<script src="{{asset (printf "%s/assets/js/admin-reindex.js" .AdminTplDir)}}"></script>
<script>
// 版本检测：按发行品牌调用官方主站 /api/v1/version（服务端代理）；文案走语言包
(function() {
    if (typeof $ === 'undefined') return;
    var versionI18n = {
        learnMore: {{json (T "admin.version_learn_more")}},
        dismiss: {{json (T "admin.version_dismiss")}},
        closeAria: {{json (T "admin.version_close_aria")}},
        newFallback: {{json (T "admin.version_new_fallback")}},
        managePackages: {{json (T "admin_ota_popup_manage")}},
        downloadToServer: {{json (T "admin_ota_popup_download")}}
    };
    function escapeHtml(s) {
        var div = document.createElement('div');
        div.textContent = s;
        return div.innerHTML;
    }
    var $badge = $('#adminOtaUpdateBadge');
    function showUpdateBadge(latest) {
        if (!$badge.length) return;
        $badge.removeClass('d-none').attr('aria-hidden', 'false');
        if (latest) {
            $badge.attr('title', String(latest));
            var label = $('#adminOtaNavLink').find('.admin-nav-label').text() || '';
            $('#adminOtaNavLink').attr('title', label + ' · ' + latest);
        }
    }
    $.ajax({
        url: '/admin/version-check',
        method: 'GET',
        dataType: 'json',
        timeout: 20000
    }).done(function(ret) {
        if (!ret || !ret.success || !ret.data) return;
        var d = ret.data;
        if (d.has_update && d.latest) showUpdateBadge(d.latest);
        if (!d.has_update || d.suppress_prompt || !d.latest) return;
        var fallbackTitle = String(versionI18n.newFallback || '').replace('{v}', d.latest);
        var title = (d.title && String(d.title).trim()) ? String(d.title).trim() : fallbackTitle;
        var tips = (d.update_tips && String(d.update_tips).trim()) ? String(d.update_tips).trim() : '';
        var latest = d.latest;
        var moreUrl = (d.href && String(d.href).trim()) ? String(d.href).trim() : '';
        if (moreUrl.indexOf('http://') !== 0 && moreUrl.indexOf('https://') !== 0) moreUrl = '';
        if (!moreUrl) moreUrl = document.body.getAttribute('data-brand-url') || '';
        var hasPkg = !!(d.package_url && String(d.package_url).trim());

        if (document.getElementById('admin-version-popup')) return;
        var pop = document.createElement('div');
        pop.id = 'admin-version-popup';
        var bodyHtml = (tips ? '<div class="version-tips">' + escapeHtml(tips) + '</div>' : '') +
            '<div><a href="' + escapeHtml(moreUrl) + '" target="_blank" rel="noopener">' + escapeHtml(versionI18n.learnMore) + '</a></div>';
        if (hasPkg) {
            bodyHtml += '<div class="mt-2 d-flex flex-wrap gap-2">' +
                '<button type="button" class="btn btn-sm btn-primary" id="versionPopupOtaDownload">' + escapeHtml(versionI18n.downloadToServer) + '</button>' +
                '<a class="btn btn-sm btn-outline-primary" href="/admin/software-upgrade">' + escapeHtml(versionI18n.managePackages) + '</a></div>';
        } else {
            bodyHtml += '<div class="mt-2"><a class="btn btn-sm btn-outline-primary" href="/admin/software-upgrade">' + escapeHtml(versionI18n.managePackages) + '</a></div>';
        }
        pop.innerHTML =
            '<div class="version-popup-header">' +
            '<span><i class="bx bx-up-arrow-circle"></i> ' + escapeHtml(title) + '</span>' +
            '<button type="button" class="version-popup-close" aria-label="' + escapeHtml(versionI18n.closeAria) + '">&times;</button>' +
            '</div>' +
            '<div class="version-popup-body">' + bodyHtml + '</div>' +
            '<div class="version-popup-footer">' +
            '<button type="button" class="btn btn-sm btn-link version-dismiss-version">' + escapeHtml(versionI18n.dismiss) + '</button>' +
            '</div>';
        document.body.appendChild(pop);

        function closePopup() {
            if (pop && pop.parentNode) pop.parentNode.removeChild(pop);
        }
        pop.querySelector('.version-popup-close').addEventListener('click', function() {
            $.ajax({ url: '/admin/version-dismiss?type=close', method: 'GET' });
            closePopup();
        });
        pop.querySelector('.version-dismiss-version').addEventListener('click', function() {
            $.ajax({ url: '/admin/version-dismiss?type=version&v=' + encodeURIComponent(latest), method: 'GET' });
            closePopup();
        });
        var dlBtn = pop.querySelector('#versionPopupOtaDownload');
        if (dlBtn) {
            dlBtn.addEventListener('click', function() {
                $.post('/admin/ota-download', function(res) {
                    if (res && res.success) {
                        closePopup();
                        window.location.href = '/admin/software-upgrade';
                    } else if (res && res.message && window.BootstrapModal) {
                        BootstrapModal.msg(res.message, {icon: 2});
                    }
                });
            });
        }
    });
})();
</script>
{{end}}