{{define "admin_apps"}}
<div class="admin-apps">
  <div class="panel apps-admin-intro">
    <p>这里是全站应用的「总开关」：模块、插件、主题都在这里管理。开启的应用自动排在上面，关闭的排在下面。模块是站点的功能骨架，内置模块只能「启用 / 关闭」，且程序至少需要一个模块保持开启。</p>
  </div>

  {{if .Data.Error}}
  <div class="apps-alert">{{.Data.Error}}</div>
  {{end}}

  <div class="apps-tabs" id="adminAppsTabs">
    <button type="button" class="apps-tab active" data-panel="modules">模块<span class="apps-tab-count">{{len .Data.Modules}}</span></button>
    <button type="button" class="apps-tab" data-panel="plugins">插件<span class="apps-tab-count">{{len .Data.Plugins}}</span></button>
    <button type="button" class="apps-tab" data-panel="themes">主题<span class="apps-tab-count">{{len .Data.Themes}}</span></button>
  </div>

  <div class="apps-panels">
    {{range $panel, $apps := dict "modules" .Data.Modules "plugins" .Data.Plugins "themes" .Data.Themes}}
    <section class="apps-panel {{if eq $panel "modules"}}active{{end}}" id="panel-{{$panel}}">
      <div class="panel">
        {{if $apps}}
        <div class="apps-grid">
          {{range $apps}}
          <div class="app-card">
            <div class="app-card-head">
              <span class="app-icon">{{.Icon}}</span>
              <div class="app-card-title">
                <a class="app-card-name" href="/apps/{{.Key}}" target="_blank" rel="noopener">{{.Name}}</a>
                <small class="app-card-meta">作者：{{.Author}} · {{verTag .Version}}</small>
              </div>
            </div>
            <p class="app-card-desc">{{.Description}}</p>
            <div class="app-card-foot">
              <span class="app-state {{if .Installed}}on{{else}}off{{end}}">{{if .Installed}}已开启{{else}}未开启{{end}}</span>
              {{if .BuiltIn}}<span class="app-badge">{{if .DisableOnly}}默认模块{{else}}内置{{end}}</span>{{end}}
              <span class="app-card-spacer"></span>
              {{if .DisableOnly}}
                {{if .Installed}}
                <form method="post" action="/admin/apps/{{.Key}}/toggle" class="app-act"><input type="hidden" name="csrf" value="{{$.CSRF}}"><button class="btn btn-ghost btn-sm">关闭</button></form>
                {{else}}
                <form method="post" action="/admin/apps/{{.Key}}/toggle" class="app-act"><input type="hidden" name="csrf" value="{{$.CSRF}}"><button class="btn btn-primary btn-sm">启用</button></form>
                {{end}}
              {{else if .BuiltIn}}
                <span class="app-builtin">内置</span>
              {{else}}
                {{if .Installed}}
                <form method="post" action="/admin/apps/{{.Key}}/toggle" class="app-act"><input type="hidden" name="csrf" value="{{$.CSRF}}"><button class="btn btn-danger btn-sm">卸载</button></form>
                {{else}}
                <form method="post" action="/admin/apps/{{.Key}}/install" class="app-act"><input type="hidden" name="csrf" value="{{$.CSRF}}"><button class="btn btn-primary btn-sm">在线安装</button></form>
                {{end}}
              {{end}}
            </div>
          </div>
          {{end}}
        </div>
        {{else}}
        <p class="apps-empty-admin">暂无{{if eq $panel "plugins"}}插件{{else if eq $panel "themes"}}主题{{else}}应用{{end}}。</p>
        {{end}}
      </div>
    </section>
    {{end}}
  </div>
</div>
{{end}}