{{define "public/header_frag"}}
{{if .NavPublicAnnouncements}}
<div class="cs-top-announce-strip" role="region" aria-label="{{T "announcements.top_strip_aria"}}">
  <div class="cs-top-announce-strip__inner container-fluid px-3 px-md-4">
    <span class="cs-top-announce-strip__icon" aria-hidden="true"><i class="bx bx-bell"></i></span>
    <div class="cs-top-announce-strip__links">
      {{range $i, $a := .NavPublicAnnouncements}}
      {{if $i}}<span class="cs-top-announce-strip__sep" aria-hidden="true">|</span>{{end}}
      <a href="/announcements?id={{$a.ID}}" class="cs-top-announce-strip__link{{if $a.NavTextColor}} cs-top-announce-strip__link--custom{{end}}" title="{{$a.Title}}"{{if $a.NavTextColor}} style="color: {{$a.NavTextColor}};"{{end}}>{{$a.Title}}</a>
      {{end}}
    </div>
  </div>
</div>
{{end}}
{{template "public/privacy_mask_css" .}}
<nav class="navbar navbar-expand-lg navbar-light cs-navbar sticky-top w-100" aria-label="{{T "nav_main_aria"}}">
  <div class="container-fluid w-100 px-3 px-md-4">
    <a class="navbar-brand site-logo fw-semibold d-inline-flex align-items-center gap-1" href="/">{{template "site-logo-inline" .}}</a>
    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navMain">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navMain">
      <ul class="navbar-nav me-auto mb-2 mb-lg-0 align-items-lg-center flex-wrap flex-lg-nowrap cs-nav-main-links">
        <li class="nav-item"><a class="nav-link {{if eq .CurrentPage "home"}}active{{end}}" href="/">{{T "nav_home"}}</a></li>
        <li class="nav-item"><a class="nav-link {{if eq .CurrentPage "browse"}}active{{end}}" href="{{.PublicBrowsePath}}">{{T "nav_soft_list"}}</a></li>
        <li class="nav-item cs-nav-browse-tab-first">
          <a class="nav-link {{if and (or (eq .CurrentPage "browse") (eq .CurrentPage "home")) (eq .NavBrowseActiveTab "recommend")}}active{{end}}" href="{{.NavBrowseTabRecommendURL}}">{{T "browse_tab_recommend"}}</a>
        </li>
        <li class="nav-item">
          <a class="nav-link {{if and (or (eq .CurrentPage "browse") (eq .CurrentPage "home")) (eq .NavBrowseActiveTab "latest")}}active{{end}}" href="{{.NavBrowseTabLatestURL}}">{{T "browse_tab_latest"}}</a>
        </li>
        <li class="nav-item">
          <a class="nav-link {{if eq .CurrentPage "articles"}}active{{end}}" href="/articles">{{T "nav_side_notes"}}</a>
        </li>
      </ul>
      <div class="d-flex flex-column flex-lg-row align-items-stretch align-items-lg-center gap-2 ms-lg-auto mt-2 mt-lg-0 mb-2 mb-lg-0 cs-nav-right-cluster">
        <div class="flex-shrink-0">
          <button type="button" class="btn btn-sm cs-nav-source-inquiry-btn d-inline-flex align-items-center justify-content-center gap-1 w-100 w-lg-auto" data-bs-toggle="modal" data-bs-target="#csSourceInquiryModal" aria-haspopup="dialog" aria-controls="csSourceInquiryModal" title="{{T "nav_source_inquiry_btn_title"}}">
            <i class="bx bx-purchase-tag" aria-hidden="true"></i>
            <span class="cs-nav-source-inquiry-label">{{T "nav_source_inquiry_btn"}}</span>
          </button>
        </div>
        <div class="cs-nav-search-form flex-shrink-1">
          <div id="csNavSearchUnifiedCfg" class="d-none"
            data-storage-key="cs_nav_search_mode"
            data-str-traditional="{{T "nav_search_mode_traditional"}}"
            data-str-ai="{{T "nav_search_mode_ai"}}"
            data-str-trad-title="{{T "nav_search_open"}}"
            data-str-ai-title="{{T "nav_ai_search_title"}}"
          ></div>
          <div class="btn-group cs-nav-search-unified w-100 w-lg-auto" role="group" aria-label="{{T "nav_search_mode_switch"}}">
            <button type="button" class="btn btn-sm cs-nav-search-unified-main d-inline-flex align-items-center gap-2 flex-grow-1 flex-lg-grow-0 text-start min-w-0 btn-outline-secondary" id="csNavSearchUnifiedOpen" aria-haspopup="dialog" aria-controls="csNavSearchDialog" aria-label="{{T "nav_search_aria"}}">
              <i class="bx bx-search flex-shrink-0 cs-nav-search-unified-icon" id="csNavSearchUnifiedIcon" aria-hidden="true"></i>
              <span class="cs-nav-search-unified-label text-truncate" id="csNavSearchUnifiedLabel">{{T "nav_search_mode_traditional"}}</span>
              <kbd class="cs-nav-search-kbd-badge flex-shrink-0 ms-auto d-none d-lg-inline-flex" id="csNavSearchKbdHint" aria-hidden="true">Ctrl+K</kbd>
            </button>
            <button type="button" class="btn btn-sm dropdown-toggle dropdown-toggle-split btn-outline-secondary cs-nav-search-unified-split" id="csNavSearchModeToggle" data-bs-toggle="dropdown" data-bs-display="static" aria-expanded="false"><span class="visually-hidden">{{T "nav_search_mode_switch"}}</span></button>
            <ul class="dropdown-menu dropdown-menu-end shadow-sm py-1" aria-labelledby="csNavSearchModeToggle">
              <li><button type="button" class="dropdown-item d-flex align-items-center gap-2" data-cs-search-mode="traditional"><i class="bx bx-search text-secondary" aria-hidden="true"></i>{{T "nav_search_mode_traditional"}}</button></li>
              <li><button type="button" class="dropdown-item d-flex align-items-center gap-2" data-cs-search-mode="ai"><i class="bx bx-bot text-primary" aria-hidden="true"></i>{{T "nav_search_mode_ai"}}</button></li>
            </ul>
          </div>
        </div>
        <ul class="navbar-nav flex-lg-nowrap mb-2 mb-lg-0 align-items-lg-center cs-navbar-actions flex-shrink-0">
        {{if .User}}
        <li class="nav-item d-flex align-items-center">
          <a class="nav-link py-2 cs-nav-ticket-btn" href="/user/tickets" id="csNavTicketBtn" title="{{T "nav_ticket_link_title"}}" aria-label="{{T "nav_ticket_link_title"}}">
            <span class="cs-nav-ticket-icon-wrap position-relative d-inline-flex">
              <i class="bx bx-support fs-5" aria-hidden="true"></i>
              <span class="cs-nav-ticket-dot" aria-hidden="true"></span>
              <span class="badge rounded-pill bg-danger cs-nav-ticket-badge">0</span>
            </span>
          </a>
        </li>
        <li class="nav-item d-flex align-items-center">
          <a class="nav-link py-2 cs-nav-pm-btn" href="/user/messages" id="csNavPmBtn" title="{{T "nav_pm_link_title"}}" aria-label="{{T "nav_pm_link_title"}}">
            <span class="cs-nav-pm-icon-wrap position-relative d-inline-flex">
              <i class="bx bx-message-dots fs-5" aria-hidden="true"></i>
              <span class="cs-nav-pm-dot" aria-hidden="true"></span>
              <span class="badge rounded-pill bg-danger cs-nav-pm-badge">0</span>
            </span>
          </a>
        </li>
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle d-inline-flex align-items-center gap-2 py-2 cs-nav-user-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false" id="csNavUserMenu">
            <span class="cs-nav-user-avatar rounded-circle d-inline-flex align-items-center justify-content-center" aria-hidden="true">{{userAvatarLetter .User.Username}}</span>
            <span class="cs-nav-user-ident lh-sm text-start">{{privacy "username" .User.Username}}</span>
          </a>
          <ul class="dropdown-menu dropdown-menu-end cs-nav-user-menu shadow-sm mt-1" aria-labelledby="csNavUserMenu">
            <li><a class="dropdown-item {{if and (eq .CurrentPage "user") (eq (index .Data "ActiveNav") "items")}}active{{end}}" href="/user/items"><i class="bx bx-user-circle me-2" aria-hidden="true"></i>{{T "nav_user_center"}}</a></li>
            <li><a class="dropdown-item {{if and (eq .CurrentPage "user") (eq (index .Data "ActiveNav") "submit")}}active{{end}}" href="/user/submit"><i class="bx bx-cloud-upload me-2" aria-hidden="true"></i>{{T "nav_publish_software"}}</a></li>
            <li><a class="dropdown-item {{if and (eq .CurrentPage "user") (eq (index .Data "ActiveNav") "article_submit")}}active{{end}}" href="/user/article/submit"><i class="bx bx-edit me-2" aria-hidden="true"></i>{{T "nav_publish_article"}}</a></li>
            {{if .User.IsAdmin}}
            <li><a class="dropdown-item {{if eq .CurrentPage "admin"}}active{{end}}" href="/admin"><i class="bx bx-cog me-2" aria-hidden="true"></i>{{T "nav_admin"}}</a></li>
            {{end}}
            <li><hr class="dropdown-divider"></li>
            <li>
              <a class="dropdown-item text-danger cs-nav-logout js-logout-confirm" href="/logout" data-confirm-title="{{T "user_modal_logout_title"}}" data-confirm-msg="{{T "user_modal_logout_msg"}}" data-confirm-ok="{{T "user_modal_confirm_ok"}}" data-confirm-cancel="{{T "user_modal_confirm_cancel"}}"><i class="bx bx-log-out me-2" aria-hidden="true"></i>{{T "nav_logout"}}</a>
            </li>
          </ul>
        </li>
        {{else}}
        <li class="nav-item"><a class="nav-link {{if eq .CurrentPage "login"}}active{{end}}" href="/login">{{T "nav_login"}}</a></li>
        <li class="nav-item"><a class="nav-link {{if eq .CurrentPage "register"}}active{{end}}" href="/register">{{T "nav_register"}}</a></li>
        {{end}}
        {{if gt (len .AvailableLocales) 1}}
        <li class="nav-item d-flex align-items-center cs-nav-lang-item">
          <div class="dropdown cs-nav-lang-dropdown">
            <button type="button" class="cs-nav-lang-toggle dropdown-toggle" id="csNavLangMenu" data-bs-toggle="dropdown" data-bs-display="static" aria-expanded="false" title="{{T "lang_switch"}}" aria-label="{{T "lang_switch"}}">
              {{range .AvailableLocales}}{{if eq $.Locale .Code}}{{if .FlagURL}}<img src="{{.FlagURL}}" alt="" class="cs-lang-flag-icon cs-lang-flag-icon--toggle" width="22" height="16" aria-hidden="true">{{end}}{{end}}{{end}}
            </button>
            <ul class="dropdown-menu dropdown-menu-end cs-nav-lang-menu" aria-labelledby="csNavLangMenu">
              {{range .AvailableLocales}}
              <li><button type="button" class="dropdown-item {{if eq $.Locale .Code}}active{{end}}" data-cs-locale="{{.Code}}">{{if .FlagURL}}<img src="{{.FlagURL}}" alt="" class="cs-lang-flag-icon" width="20" height="15" aria-hidden="true">{{end}}<span>{{T .LabelKey}}</span></button></li>
              {{end}}
            </ul>
          </div>
        </li>
        {{end}}
        </ul>
      </div>
    </div>
  </div>
</nav>
<div class="modal fade" id="csSourceInquiryModal" tabindex="-1" aria-labelledby="csSourceInquiryModalLabel" aria-hidden="true" data-prefill-contact="{{if .User}}{{.User.Email}}{{end}}" data-require-captcha="{{if .User}}0{{else}}1{{end}}">
  <div class="modal-dialog modal-dialog-centered modal-lg">
    <div class="modal-content cs-source-inquiry-modal">
      <div class="modal-header border-0 pb-0">
        <h2 class="modal-title fs-6 d-flex align-items-center gap-2" id="csSourceInquiryModalLabel">
          <i class="bx bx-message-square-detail text-warning" aria-hidden="true"></i>{{T "nav_source_inquiry_modal_title"}}
        </h2>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{T "nav_source_inquiry_close"}}"></button>
      </div>
      <div class="modal-body pt-2">
        <p class="text-muted small mb-2">{{T "nav_source_inquiry_intro"}}</p>
        <p class="small mb-3 text-muted">
          {{T "nav_source_inquiry_ticket_note"}}
          <a href="/user/tickets" class="link-warning text-decoration-none fw-semibold ms-1">{{T "nav_source_inquiry_ticket_link"}}</a>
        </p>
        <form id="csFrmSourceInquiry" autocomplete="on">
          <input type="text" name="website" id="csSourceInquiryWebsite" class="cs-source-inquiry-hp" tabindex="-1" autocomplete="off" aria-hidden="true">
          <div class="mb-3">
            <label class="form-label small fw-semibold" for="csSourceInquiryContact">{{T "nav_source_inquiry_contact"}}</label>
            <input type="text" class="form-control form-control-sm" id="csSourceInquiryContact" name="contact" maxlength="200" required placeholder="{{T "nav_source_inquiry_contact_ph"}}" value="{{if .User}}{{.User.Email}}{{end}}" />
          </div>
          <div class="mb-2">
            <label class="form-label small fw-semibold" for="csSourceInquiryDesc">{{T "nav_source_inquiry_desc"}}</label>
            <textarea class="form-control form-control-sm" id="csSourceInquiryDesc" name="description" rows="5" maxlength="2000" required placeholder="{{T "nav_source_inquiry_desc_ph"}}"></textarea>
            <div class="form-text">{{T "nav_source_inquiry_desc_hint"}}</div>
          </div>
          {{if not .User}}
          <div class="mb-2" id="csSourceInquiryCaptchaWrap">
            <label class="form-label small fw-semibold" for="csSourceInquiryCaptcha">{{T "nav_source_inquiry_captcha_label"}}</label>
            <div class="d-flex align-items-center gap-2 flex-wrap">
              <img id="csSourceInquiryCaptchaImg" class="cs-auth-captcha-img rounded border flex-shrink-0" src="" alt="{{T "nav_source_inquiry_captcha_label"}}" title="{{T "nav_source_inquiry_captcha_refresh"}}" role="button" tabindex="0">
              <input type="text" id="csSourceInquiryCaptcha" name="captcha" class="form-control form-control-sm flex-grow-1" style="min-width:8rem;max-width:12rem" maxlength="12" autocomplete="off" autocapitalize="off" inputmode="numeric" placeholder="{{T "nav_source_inquiry_captcha_ph"}}" required>
            </div>
            <input type="hidden" name="captcha_id" id="csSourceInquiryCaptchaId" value="">
            <div class="small text-secondary mt-1"><a href="#" class="text-decoration-none" id="csSourceInquiryCaptchaReload">{{T "nav_source_inquiry_captcha_refresh"}}</a></div>
          </div>
          {{end}}
        </form>
      </div>
      <div class="modal-footer border-0 pt-0">
        <button type="button" class="btn btn-light btn-sm" data-bs-dismiss="modal">{{T "nav_source_inquiry_cancel"}}</button>
        <button type="button" class="btn btn-warning btn-sm text-dark fw-semibold" id="csSourceInquirySubmit">{{T "nav_source_inquiry_submit"}}</button>
      </div>
    </div>
  </div>
</div>
<div id="csSourceInquiryI18n" class="d-none"
  data-api="/api/source/inquiry"
  data-str-ok="{{T "nav_source_inquiry_ok"}}"
  data-str-err-net="{{T "nav_source_inquiry_err_net"}}"
  data-str-err-generic="{{T "error_invalid_request"}}"
  data-str-err-captcha="{{T "nav_source_inquiry_err_captcha"}}"
></div>
<style>
  .cs-source-inquiry-hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
  .cs-source-inquiry-modal .cs-auth-captcha-img { height: 40px; width: auto; vertical-align: middle; background: #f8fafc; cursor: pointer; }
</style>
<link rel="stylesheet" href="{{asset "/template/default/assets/css/nav-search-modal.css"}}">
<link rel="stylesheet" href="{{asset "/template/default/assets/css/ai-search-drawer.css"}}">
<link rel="stylesheet" href="{{asset "/template/default/assets/css/my-modal.css"}}">
<div id="csAiSearchBackdrop" class="cs-ai-drawer-backdrop" aria-hidden="true"></div>
<div id="csAiSearchDrawer" class="cs-ai-drawer" role="dialog" aria-modal="true" aria-labelledby="csAiDrawerModeToggle"
  data-api-send="/api/search/ai"
  data-api-chats="/api/search/ai/chats"
  data-api-messages="/api/search/ai/messages"
  data-api-new-chat="/api/search/ai/chat/new"
  data-api-chat-rename="/api/search/ai/chat/rename"
  data-api-chat-pin="/api/search/ai/chat/pin"
  data-api-chat-delete="/api/search/ai/chat/delete"
  data-str-title="{{T "nav_ai_search_drawer_title"}}"
  data-str-new="{{T "nav_ai_search_new_chat"}}"
  data-str-close="{{T "nav_ai_search_close"}}"
  data-str-placeholder="{{T "nav_ai_search_input_ph"}}"
  data-str-send="{{T "nav_ai_search_send"}}"
  data-str-loading="{{T "nav_ai_search_loading"}}"
  data-str-empty="{{T "nav_ai_search_empty_chats"}}"
  data-str-sessions="{{T "nav_ai_search_sessions"}}"
  data-str-error="{{T "nav_ai_search_error"}}"
  data-str-mode-semantic="{{T "nav_ai_search_mode_semantic"}}"
  data-str-mode-keyword="{{T "nav_ai_search_mode_keyword"}}"
  data-str-sessions-collapse="{{T "nav_ai_search_sessions_collapse"}}"
  data-str-sessions-expand="{{T "nav_ai_search_sessions_expand"}}"
  data-str-chat-rename-title="{{T "nav_ai_chat_rename_title"}}"
  data-str-chat-rename-ph="{{T "nav_ai_chat_rename_ph"}}"
  data-str-chat-rename-save="{{T "nav_ai_chat_rename_save"}}"
  data-str-chat-rename-cancel="{{T "user_modal_confirm_cancel"}}"
  data-str-chat-pin="{{T "nav_ai_chat_pin"}}"
  data-str-chat-unpin="{{T "nav_ai_chat_unpin"}}"
  data-str-chat-delete="{{T "nav_ai_chat_delete"}}"
  data-str-chat-delete-confirm="{{T "nav_ai_chat_delete_confirm"}}"
  data-str-chat-more-aria="{{T "nav_ai_chat_more_aria"}}"
  data-str-chat-action-err="{{T "nav_ai_chat_action_err"}}"
  data-str-followups-aria="{{T "nav_ai_followups_aria"}}"
  data-str-card-id="{{T "nav_ai_card_id"}}"
  data-str-card-kind-article="{{T "nav_ai_card_kind_article"}}"
  data-str-mode-traditional="{{T "nav_search_mode_traditional"}}"
  data-str-mode-ai="{{T "nav_search_mode_ai"}}"
>
  <div class="cs-ai-drawer-inner">
    <div class="cs-ai-drawer-head">
      <div class="dropdown cs-ai-drawer-mode-wrap min-w-0 flex-grow-1">
        <button type="button" class="btn btn-sm btn-light border cs-ai-drawer-mode-toggle d-inline-flex align-items-center gap-2 text-start w-100 min-w-0 fw-semibold text-dark" id="csAiDrawerModeToggle" data-bs-toggle="dropdown" aria-expanded="false" aria-label="{{T "nav_search_mode_switch"}}">
          <i class="bx bx-bot text-primary fs-5 flex-shrink-0" id="csAiDrawerModeIcon" aria-hidden="true"></i>
          <span class="text-truncate flex-grow-1 text-start" id="csAiDrawerModeLabel">{{T "nav_search_mode_ai"}}</span>
          <i class="bx bx-chevron-down text-muted flex-shrink-0" aria-hidden="true"></i>
        </button>
        <ul class="dropdown-menu shadow-sm py-1 cs-ai-drawer-mode-menu" aria-labelledby="csAiDrawerModeToggle">
          <li><button type="button" class="dropdown-item d-flex align-items-center gap-2" data-cs-drawer-search-mode="ai"><i class="bx bx-bot text-primary" aria-hidden="true"></i>{{T "nav_search_mode_ai"}}</button></li>
          <li><button type="button" class="dropdown-item d-flex align-items-center gap-2" data-cs-drawer-search-mode="traditional"><i class="bx bx-search text-secondary" aria-hidden="true"></i>{{T "nav_search_mode_traditional"}}</button></li>
        </ul>
      </div>
      <div class="d-flex align-items-center gap-1 flex-shrink-0">
        <button type="button" class="btn btn-sm btn-outline-primary d-inline-flex align-items-center gap-1" id="csAiBtnNewChat"><i class="bx bx-plus-circle" aria-hidden="true"></i>{{T "nav_ai_search_new_chat"}}</button>
        <button type="button" class="btn btn-sm btn-link text-secondary p-1" id="csAiDrawerClose" aria-label="{{T "nav_ai_search_close"}}"><i class="bx bx-x fs-4" aria-hidden="true"></i></button>
      </div>
    </div>
    <div class="cs-ai-drawer-body">
      <section class="cs-ai-drawer-main">
        <div id="csAiMessages" class="cs-ai-messages" role="log" aria-live="polite"></div>
        <div class="cs-ai-composer">
          <div id="csAiHint" class="cs-ai-composer-hint small text-muted d-none"></div>
          <div class="cs-ai-composer-row">
            <label for="csAiInput" class="visually-hidden">{{T "nav_ai_search_input_ph"}}</label>
            <textarea class="form-control cs-ai-input" id="csAiInput" rows="2" maxlength="500" autocomplete="off" placeholder="{{T "nav_ai_search_input_ph"}}"></textarea>
            <button type="button" class="btn cs-ai-send-btn" id="csAiSend" title="{{T "nav_ai_search_send"}}" aria-label="{{T "nav_ai_search_send"}}">
              <i class="bx bx-send" aria-hidden="true"></i>
            </button>
          </div>
        </div>
      </section>
      <aside class="cs-ai-drawer-sessions" id="csAiSessionsAside" aria-label="{{T "nav_ai_search_sessions"}}">
        <div class="cs-ai-sessions-toolbar">
          <span class="cs-ai-sessions-title">{{T "nav_ai_search_sessions"}}</span>
          <button type="button" class="btn btn-link cs-ai-sessions-toggle p-0" id="csAiSessionsToggle"
            aria-expanded="true" aria-controls="csAiSessionListWrap"
            title="{{T "nav_ai_search_sessions_collapse"}}" aria-label="{{T "nav_ai_search_sessions_collapse"}}">
            <i class="bx bx-chevrons-right" aria-hidden="true"></i>
          </button>
        </div>
        <div id="csAiSessionListWrap" class="cs-ai-session-list-wrap">
          <div id="csAiSessionList" class="cs-ai-session-list"></div>
        </div>
      </aside>
    </div>
  </div>
</div>
<div id="csNavSearchOverlay" class="cs-nav-search-overlay" hidden data-api="/api/search/items" data-browse-base="{{.PublicBrowsePath}}"
  data-str-open="{{T "nav_search_open"}}"
  data-str-results="{{T "nav_search_modal_results_heading"}}"
  data-str-found="{{T "nav_search_modal_found"}}"
  data-str-empty="{{T "nav_search_modal_empty"}}"
  data-str-no-match="{{T "nav_search_modal_no_match"}}"
  data-str-loading="{{T "nav_search_modal_loading"}}"
  data-str-error="{{T "nav_search_modal_error"}}"
  data-str-hint="{{T "nav_search_modal_hint"}}"
  data-str-ai-entry="{{T "nav_search_modal_ai_entry"}}"
  data-str-placeholder="{{T "nav_search_placeholder"}}"
  data-str-close="{{T "nav_search_modal_close"}}"
>
  <div class="cs-nav-search-dialog" id="csNavSearchDialog" role="dialog" aria-modal="true" aria-labelledby="csNavSearchResultsHeading">
    <div class="cs-nav-search-head">
      <div class="cs-nav-search-input-wrap">
        <i class="bx bx-search cs-nav-search-input-icon" aria-hidden="true"></i>
        <input type="search" id="csNavSearchInput" class="cs-nav-search-input" maxlength="100" autocomplete="off" aria-label="{{T "nav_search_aria"}}" />
        <kbd class="cs-nav-search-input-kbd d-none d-sm-inline-flex" id="csNavSearchInputKbd" aria-hidden="true">Ctrl+K</kbd>
      </div>
      <button type="button" class="cs-nav-search-close btn btn-link p-0" id="csNavSearchClose" aria-label="{{T "nav_search_modal_close"}}"><i class="bx bx-x fs-4" aria-hidden="true"></i></button>
    </div>
    <div class="cs-nav-search-results-bar">
      <span class="cs-nav-search-results-title fw-semibold" id="csNavSearchResultsHeading">{{T "nav_search_modal_results_heading"}}</span>
      <span class="cs-nav-search-results-badge text-muted" id="csNavSearchCountBadge"></span>
    </div>
    <div class="cs-nav-search-list-wrap">
      <div id="csNavSearchList" class="cs-nav-search-list" role="listbox" aria-label="{{T "nav_search_modal_results_heading"}}"></div>
      <div id="csNavSearchEmpty" class="cs-nav-search-empty text-muted small px-3 py-4 d-none"></div>
    </div>
    <div class="cs-nav-search-footer text-muted small d-flex flex-wrap align-items-center gap-2 justify-content-between">
      <span>{{T "nav_search_modal_hint"}}</span>
      <button type="button" class="btn btn-link btn-sm p-0" id="csNavSearchOpenAi">{{T "nav_search_modal_ai_entry"}}</button>
    </div>
  </div>
</div>
<script defer src="{{asset "/template/default/assets/js/my-modal.js"}}"></script>
<script defer src="{{asset "/template/default/assets/js/app-toast.js"}}"></script>
<script defer src="{{asset "/template/default/assets/js/ai-search-drawer.js"}}"></script>
<script defer src="{{asset "/template/default/assets/js/nav-search-modal.js"}}"></script>
<script defer src="{{asset "/template/default/assets/js/nav-source-inquiry.js"}}"></script>
{{if gt (len .AvailableLocales) 1}}
<script type="application/json" id="csNavLocaleList">{{localeOptionsJSON .AvailableLocales}}</script>
<div id="csNavLocaleCfg" class="d-none" data-api="/api/locale/switch" data-current="{{.Locale}}"></div>
<script defer src="{{asset "/template/default/assets/js/nav-locale.js"}}"></script>
{{end}}
{{if .User}}
<div id="csTicketNotifyCfg" class="d-none" data-mode="user"
  data-api="/api/user/inbox/unread-summary"
  data-flash-ticket="{{T "nav_ticket_title_flash"}}"
  data-flash-pm="{{T "nav_pm_title_flash"}}"
></div>
<script defer src="{{asset "/template/default/assets/js/ticket-notify.js"}}"></script>
{{template "public/logout_confirm_bootstrap_frag" .}}
{{end}}
{{end}}