(function () {
  'use strict';

  var I = function () { return window.AdminI18n; };

  function headerHtml(opts) {
    opts = opts || {};
    return '<header class="soon-admin-header" id="adminShellHeader">' +
      '<div class="soon-admin-header__brand">' +
      '<img class="soon-admin-logo" src="' + I().esc(opts.logoSrc || '../../assets/images/logo.png') + '" alt="">' +
      '<span>' + I().esc(opts.title || 'SoonDesign Admin') + '</span>' +
      (opts.env ? '<span class="soon-admin-header__env">' + I().esc(opts.env) + '</span>' : '') +
      '</div>' +
      '<div class="soon-admin-header__user">' +
      (opts.designEntry !== false
        ? '<a href="' + I().esc(opts.designHref || '../index.web.html') +
          '" class="soon-btn soon-btn--sm" id="adminDesignEntry" target="_blank" rel="noopener">进入设计端</a>'
        : '') +
      '<span id="adminEmail" class="soon-admin-header__email"></span>' +
      '<button type="button" class="soon-btn soon-btn--ghost soon-btn--sm soon-admin-logout-btn" id="adminLogout">退出</button>' +
      '</div></header>';
  }

  function mountHeader(container, opts) {
    if (!container) return;
    container.innerHTML = headerHtml(opts);
  }

  function bindHeader(handlers) {
    handlers = handlers || {};
    var logout = document.getElementById('adminLogout');
    if (logout && handlers.onLogout) logout.onclick = handlers.onLogout;
  }

  window.AdminShell = {
    headerHtml: headerHtml,
    mountHeader: mountHeader,
    bindHeader: bindHeader,
  };
})();