{{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" .}}
{{template "custom-head-embed" .}}
<link rel="stylesheet" href="{{asset "/template/default/assets/css/bootstrap.min.css"}}">
<link rel="stylesheet" href="{{asset "/template/default/assets/css/icons.css"}}">
<link rel="stylesheet" href="{{asset "/template/default/assets/css/style.css"}}">
<link rel="stylesheet" href="{{asset "/template/default/assets/css/admin.css"}}">
<link rel="stylesheet" href="{{asset "/template/default/assets/css/admin-pages.css"}}">
<link rel="stylesheet" href="{{asset "/template/default/assets/css/admin-modal.css"}}">
<link rel="stylesheet" href="{{asset "/template/default/assets/css/modal.css"}}">
<link rel="stylesheet" href="{{asset "/template/default/assets/css/admin-shell.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 "nav") (eq .AdminActive "share") (and .IsPro (eq .AdminActive "im-notify")) (and .IsPro (eq .AdminActive "ai"))}}
        <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">
                <a class="nav-sublink{{if eq .AdminActive "settings"}} active{{end}}" href="/admin/settings">
                    <i class='bx bx-slider-alt'></i>{{T "admin.site_settings"}}
                </a>
                <a class="nav-sublink{{if eq .AdminActive "nav"}} active{{end}}" href="/admin/nav">
                    <i class='bx bx-menu'></i>{{T "admin.nav_settings"}}
                </a>
                <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>
                {{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>
                <a class="nav-sublink{{if eq .AdminActive "ai"}} active{{end}}" href="/admin/ai">
                    <i class='bx bx-bot'></i>{{T "admin.ai_settings"}}
                </a>
                {{end}}
            </div>
        </div>
        {{$contentActive := or (eq .AdminActive "directories") (eq .AdminActive "site-pages") (eq .AdminActive "announcements")}}
        <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">
                <a class="nav-sublink{{if eq .AdminActive "directories"}} active{{end}}" href="/admin/directories">
                    <i class='bx bx-folder'></i>{{T "admin.dir_manage"}}
                </a>
                <a class="nav-sublink{{if eq .AdminActive "site-pages"}} active{{end}}" href="/admin/site-pages">
                    <i class='bx bx-file-blank'></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_title"}}
                </a>
            </div>
        </div>
        {{$systemActive := or (eq .AdminActive "stats") (eq .AdminActive "dir-stats") (eq .AdminActive "admin-log") (eq .AdminActive "database-migrate") (and .IsPro (eq .AdminActive "ai-usage"))}}
        <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">
                <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>
                {{if .IsPro}}
                <a class="nav-sublink{{if eq .AdminActive "ai-usage"}} active{{end}}" href="/admin/ai-usage">
                    <i class='bx bx-line-chart'></i>{{T "admin.ai_usage"}}
                </a>
                {{end}}
                <a class="nav-sublink{{if eq .AdminActive "dir-stats"}} active{{end}}" href="/admin/dir-stats">
                    <i class='bx bx-folder-open'></i>{{T "admin.dir_stats"}}
                </a>
                <a class="nav-sublink{{if eq .AdminActive "database-migrate"}} active{{end}}" href="/admin/database-migrate">
                    <i class='bx bx-data'></i>{{T "admin.db_migrate"}}
                </a>
                <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>
            </div>
        </div>
        {{$sysUpOpen := or (eq .AdminActive "software-upgrade") (eq .AdminActive "ipgeo-upgrade")}}
        <div class="nav-item has-sub{{if $sysUpOpen}} is-active{{end}}" data-nav-group="sys-upgrade">
            <button type="button" class="nav-link nav-parent{{if $sysUpOpen}} active{{end}}" aria-haspopup="true">
                <i class='bx bx-cloud-download'></i>
                <span>{{T "admin.nav_group_upgrade"}}</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">
                    <i class='bx bx-package'></i>
                    <span class="admin-nav-label">{{T "admin.nav_software_upgrade"}}</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.nav_ipgeo_upgrade"}}
                </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.nav.product_agreement"}}</span>
            </a>
        </div>
    </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">
        <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>
        <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>
                {{if index .Extra "oauth_ready"}}
                <li>
                    <a class="dropdown-item" href="javascript:;" id="adminOAuthBindBtn">
                        <i class='bx bx-link-alt'></i> {{T "admin.oauth.bind_title"}}
                    </a>
                </li>
                {{end}}
                <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_pro_required_alert"}}
{{/* PRO gate: Extra.pro_required_text; product-activation modal + purchase link */}}
<div class="alert alert-warning admin-pro-gate mb-3" role="status">
    <div class="d-flex flex-wrap align-items-center justify-content-between gap-3">
        <div class="d-flex align-items-start gap-2 flex-grow-1 min-w-0">
            <i class='bx bx-crown fs-4' aria-hidden="true"></i>
            <div class="min-w-0">
                <div class="fw-semibold mb-1">{{T "admin.pro_required_title"}}</div>
                <p class="mb-0 small">{{index .Extra "pro_required_text"}}</p>
            </div>
        </div>
        <div class="d-flex flex-wrap gap-2">
            <a class="btn btn-sm btn-primary text-nowrap" href="/product-activation?next=/admin">
                <i class='bx bx-key'></i> {{T "admin.product_activation_btn"}}
            </a>
            <a class="btn btn-sm btn-outline-secondary text-nowrap" href="{{.BrandURL}}" target="_blank" rel="noopener noreferrer" title="{{.BrandHost}}">
                {{T "admin.pro_upgrade_cta"}} <i class='bx bx-link-external'></i>
            </a>
        </div>
    </div>
    <div class="small text-muted mt-2 mb-0">
        {{T "admin.pro_upgrade_site"}}:
        <a href="{{.BrandURL}}" target="_blank" rel="noopener noreferrer">{{.BrandHost}}</a>
        <span class="ms-2">{{T "admin.product_activation_host_label"}}: <code id="productActivationBoundHost">{{if index .Extra "product_activation"}}{{index (index .Extra "product_activation") "host"}}{{end}}</code></span>
    </div>
</div>
{{end}}

{{define "admin_pro_glass_panel"}}
{{/* Centered PRO unlock card for frosted-glass overlays */}}
<div class="admin-pro-glass__panel" role="status">
    <div class="admin-pro-glass__icon" aria-hidden="true"><i class='bx bx-crown'></i></div>
    <h2 class="admin-pro-glass__title">{{T "admin.pro_required_title"}}</h2>
    <p class="admin-pro-glass__text">{{index .Extra "pro_required_text"}}</p>
    <div class="admin-pro-glass__actions">
        <button type="button" class="btn btn-primary" id="btnOpenProductActivationModal">
            <i class='bx bx-key'></i> {{T "admin.product_activation_btn"}}
        </button>
        <a class="btn btn-outline-secondary" href="{{.BrandURL}}" target="_blank" rel="noopener noreferrer" title="{{.BrandHost}}">
            {{T "admin.pro_upgrade_cta"}} <i class='bx bx-link-external'></i>
        </a>
    </div>
    <div class="admin-pro-glass__meta">
        {{T "admin.pro_upgrade_site"}}:
        <a href="{{.BrandURL}}" target="_blank" rel="noopener noreferrer">{{.BrandHost}}</a>
        <span class="ms-2">{{T "admin.product_activation_host_label"}}:
            <code id="productActivationBoundHost">{{if index .Extra "product_activation"}}{{index (index .Extra "product_activation") "host"}}{{end}}</code>
        </span>
    </div>
</div>
{{end}}

{{define "admin_product_activation_modal"}}
<div class="modal fade sd-bootstrap-modal admin-bootstrap-modal" id="adminProductActivationModal" tabindex="-1"
     aria-labelledby="adminProductActivationModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="adminProductActivationModalLabel">
                    <i class='bx bx-key'></i> {{T "admin.product_activation_modal_title"}}
                </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{T "admin.cancel"}}"></button>
            </div>
            <div class="modal-body">
                <p class="small text-muted mb-3">{{T "admin.product_activation_modal_lead"}}</p>
                <div class="mb-2">
                    <label class="form-label" for="productActivationKeyInput">{{T "admin.product_activation_key"}}</label>
                    <input type="text" class="form-control form-control-sm" id="productActivationKeyInput"
                           autocomplete="off" placeholder="XXXX-XXXX-XXXX-XXXX">
                </div>
                <div class="mb-2">
                    <label class="form-label" for="productActivationEmailInput">{{T "admin.product_activation_email"}}</label>
                    <input type="email" class="form-control form-control-sm" id="productActivationEmailInput"
                           autocomplete="email" placeholder="buyer@example.com">
                </div>
                <div class="form-text mb-0">
                    {{T "admin.product_activation_host_label"}}: <code id="productActivationModalHost"></code>
                </div>
                <div class="alert alert-danger py-2 small mt-3 mb-0 d-none" id="productActivationModalError" role="alert"></div>
            </div>
            <div class="modal-footer">
                <a class="btn btn-sm btn-link me-auto" href="{{.BrandURL}}" target="_blank" rel="noopener noreferrer">{{T "admin.pro_upgrade_cta"}}</a>
                <button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal">{{T "admin.cancel"}}</button>
                <button type="button" class="btn btn-primary btn-sm" id="productActivationModalSubmit">
                    <i class='bx bx-check'></i> {{T "admin.product_activation_verify_btn"}}
                </button>
            </div>
        </div>
    </div>
</div>
{{end}}

{{define "admin_shell_footer"}}
<footer class="admin-footer">
    <div id="admin-footer-inner" style="display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;">
        <span class="admin-footer-copyright">&copy; {{.Year}} <a href="/" target="_blank" rel="noopener">{{if .LogoText}}{{.LogoText}}{{else if .SiteName}}{{.SiteName}}{{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>
<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.SG_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")}}
};
{{$act := index .Extra "product_activation"}}
window.SG_PRODUCT_ACTIVATION_I18N = {
  host: {{if $act}}{{json (index $act "host")}}{{else}}""{{end}},
  ok: {{json (T "admin.product_activation_ok")}},
  failed: {{json (T "admin.product_activation_fail")}},
  keyRequired: {{json (T "admin.product_activation_key_required")}},
  emailRequired: {{json (T "admin.product_activation_email_required")}}
};
</script>
<script src="{{asset "/static/js/jquery.min.js"}}"></script>
<script src="{{asset "/template/default/assets/js/bootstrap.bundle.min.js"}}"></script>
<script src="{{asset "/template/default/assets/js/modal.js"}}"></script>
<script src="{{asset "/template/default/assets/js/admin-reindex.js"}}"></script>
<script src="{{asset "/template/default/assets/js/admin-product-activation.js"}}"></script>
<script>
(function() {
  var I18n = window.SG_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>
window.SG_OAUTH_I18N = {
  title: {{json (T "admin.oauth.bind_title")}},
  hint: {{json (T "admin.oauth.bind_hint")}},
  bind: {{json (T "admin.oauth.bind_action")}},
  unlink: {{json (T "admin.oauth.unlink_action")}},
  unlinkConfirm: {{json (T "admin.oauth.unlink_confirm")}},
  linked: {{json (T "admin.oauth.status_linked")}},
  none: {{json (T "admin.oauth.status_none")}},
  bindOk: {{json (T "admin.oauth.bind_ok")}},
  unlinkOk: {{json (T "admin.oauth.unlink_ok")}},
  binding: {{json (T "admin.oauth.binding")}},
  unlinking: {{json (T "admin.oauth.unlinking")}},
  failed: {{json (T "admin.request_failed")}},
  close: {{json (T "admin.cancel")}},
  flashErr: {{if index .Extra "oauth_err_msg"}}{{json (index .Extra "oauth_err_msg")}}{{else}}""{{end}}
};
(function() {
  var I18n = window.SG_OAUTH_I18N || {};
  function openOAuthManage() {
    if (!window.jQuery) return;
    var loadId = window.BootstrapModal ? BootstrapModal.load() : null;
    $.ajax({
      url: '/api/admin/oauth/status',
      method: 'GET',
      dataType: 'json'
    }).done(function(res) {
      if (loadId != null) BootstrapModal.close(loadId);
      var d = (res && res.data) || {};
      var linked = !!d.linked;
      var provider = d.provider || '';
      var email = d.email_snapshot || '';
      var statusHtml = linked
        ? ('<p class="mb-2 text-success"><i class="bx bx-check-circle"></i> ' + (I18n.linked || 'Linked') + ' — ' + provider + (email ? (' · ' + email) : '') + '</p>')
        : ('<p class="mb-2 text-muted">' + (I18n.none || 'Not linked') + '</p>');
      var actions = linked
        ? ('<button type="button" class="btn btn-outline-danger btn-sm" id="sgOAuthUnlinkBtn">' + (I18n.unlink || 'Unlink') + '</button>')
        : ('<button type="button" class="btn btn-primary btn-sm" id="sgOAuthBindBtn" data-href="/admin/oauth/start?intent=link">' + (I18n.bind || 'Link') + '</button>');
      var body = '<p class="form-text">' + (I18n.hint || '') + '</p>' + statusHtml + '<div class="mt-2" id="sgOAuthFlash"></div><div class="mt-2">' + actions + '</div>';
      if (!window.BootstrapModal) {
        return;
      }
      BootstrapModal.alert({
        title: I18n.title || 'Official account',
        content: body,
        btn: [I18n.close || 'OK']
      });
      $(document).off('click.sgOauthBind').on('click.sgOauthBind', '#sgOAuthBindBtn', function() {
        var href = $(this).attr('data-href');
        if (!href) return;
        $(this).prop('disabled', true);
        $('#sgOAuthFlash').html('<div class="alert alert-info py-2 mb-0">' + (I18n.binding || '…') + '</div>');
        var lid = BootstrapModal.load();
        window.setTimeout(function() { window.location.href = href; }, 120);
        if (lid == null) return;
      });
      $(document).off('click.sgOauthUnlink').on('click.sgOauthUnlink', '#sgOAuthUnlinkBtn', function() {
        var runUnlink = function() {
          var $btn = $('#sgOAuthUnlinkBtn').prop('disabled', true);
          $('#sgOAuthFlash').html('<div class="alert alert-info py-2 mb-0">' + (I18n.unlinking || '…') + '</div>');
          var lid = BootstrapModal.load();
          $.ajax({
            url: '/api/admin/oauth/unlink',
            method: 'POST',
            dataType: 'json'
          }).done(function(r2) {
            if (lid != null) BootstrapModal.close(lid);
            if (r2 && r2.success) {
              BootstrapModal.msg(r2.message || I18n.unlinkOk, { icon: 1 });
              setTimeout(function() { window.location.reload(); }, 450);
            } else {
              $btn.prop('disabled', false);
              BootstrapModal.msg((r2 && r2.message) || I18n.failed, { icon: 2 });
            }
          }).fail(function(xhr) {
            if (lid != null) BootstrapModal.close(lid);
            $btn.prop('disabled', false);
            var m = (xhr.responseJSON && xhr.responseJSON.message) || I18n.failed;
            BootstrapModal.msg(m, { icon: 2 });
          });
        };
        BootstrapModal.confirm(I18n.unlinkConfirm || 'Unlink?', { icon: 3 }).then(function(ok) {
          if (ok) runUnlink();
        });
      });
    }).fail(function() {
      if (loadId != null) BootstrapModal.close(loadId);
      if (window.BootstrapModal) BootstrapModal.msg(I18n.failed, { icon: 2 });
    });
  }
  $(function() {
    $(document).on('click', '#adminOAuthBindBtn', function(e) {
      e.preventDefault();
      openOAuthManage();
    });
    var params = new URLSearchParams(window.location.search || '');
    if (params.get('oauth_link') === '1' && window.BootstrapModal) {
      BootstrapModal.msg(I18n.bindOk || 'Linked', { icon: 1 });
      if (window.history && window.history.replaceState) {
        params.delete('oauth_link');
        var q = params.toString();
        window.history.replaceState({}, '', window.location.pathname + (q ? ('?' + q) : ''));
      }
    }
    if ((I18n.flashErr || params.get('oauth_err')) && window.BootstrapModal) {
      BootstrapModal.msg(I18n.flashErr || params.get('oauth_err'), { icon: 2 });
      if (window.history && window.history.replaceState && params.get('oauth_err')) {
        params.delete('oauth_err');
        var q2 = params.toString();
        window.history.replaceState({}, '', window.location.pathname + (q2 ? ('?' + q2) : ''));
      }
    }
  });
})();
</script>
<script>
/* Admin slide-delete confirm (align PostOne); copy from language packs */
(function() {
  var SlideI18n = {
    title: {{json (T "admin.confirm_delete")}},
    tip: {{json (T "admin.slide_confirm_tip")}},
    actionLabel: {{json (T "admin.slide_confirm_action")}},
    cancelText: {{json (T "admin.slide_confirm_cancel")}}
  };
  $(function() {
    $(document).on('submit', 'form.js-slide-delete-form', async function(e) {
      e.preventDefault();
      var form = this;
      if (form.getAttribute('data-slide-confirmed') === '1') {
        form.removeAttribute('data-slide-confirmed');
        return true;
      }
      if (!window.BootstrapModal || !BootstrapModal.slideConfirm) {
        if (window.confirm(form.getAttribute('data-confirm-message') || '')) {
          form.setAttribute('data-slide-confirmed', '1');
          form.submit();
        }
        return false;
      }
      var ok = await BootstrapModal.slideConfirm({
        title: form.getAttribute('data-confirm-title') || SlideI18n.title,
        message: form.getAttribute('data-confirm-message') || '',
        tip: form.getAttribute('data-confirm-tip') || SlideI18n.tip,
        actionLabel: form.getAttribute('data-confirm-action') || SlideI18n.actionLabel,
        cancelText: form.getAttribute('data-confirm-cancel') || SlideI18n.cancelText
      });
      if (!ok) return false;
      form.setAttribute('data-slide-confirmed', '1');
      HTMLFormElement.prototype.submit.call(form);
      return false;
    });
  });
})();
</script>
<script>
/* Admin logout: BootstrapModal.confirm (align SupDoc; no window.confirm). */
(function() {
  var I18n = {
    title: {{json (T "nav.logout_confirm_title")}},
    body: {{json (T "nav.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>
/* Table action dropdowns inside .table-responsive: use fixed Popper so menus are not clipped. */
(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>
(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>
// 版本检测：按发行品牌调用官方主站 /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")}}
    };
    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));
        }
    }
    $.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">' +
                '<a class="btn btn-sm btn-primary" href="/admin/software-upgrade">' + escapeHtml(versionI18n.learnMore) + '</a></div>';
        } else if (d.has_update) {
            bodyHtml += '<div class="mt-2"><a class="btn btn-sm btn-outline-primary" href="/admin/software-upgrade">' + escapeHtml(versionI18n.learnMore) + '</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();
        });
    });
})();
</script>
{{end}}

{{/* backward-compatible alias */}}
{{define "admin_shell_reindex_scripts"}}{{template "admin_shell_scripts" .}}{{end}}