{layout admin/layout}

<div class="nv-page-head">
  <div>
    <div class="nv-page-title">{lang admin.menu_plugin}</div>
    <div class="nv-page-desc">{lang admin.plugin_desc_1} {lang admin.plugin_desc_2}</div>
  </div>
</div>

{if $logs}
<div class="nv-alert nv-alert-warning">
  <div>
    <b>{lang admin.plugin_load_hints}</b>
    {foreach $logs as $line}
    <div class="nv-hint">{$line}</div>
    {/foreach}
  </div>
</div>
{/if}

<div class="nv-card">
  <div class="nv-card-head">
    <span class="nv-card-title">{lang admin.plugins_discovered}</span>
    <span class="nv-muted">{lang admin.total} {$plugins|count} {lang admin.plugin_count_unit}</span>
  </div>
  <div class="nv-card-body">
    {if $plugins}
    <div class="nv-plugin-grid">
      {foreach $plugins as $p}
      <div class="nv-card nv-mb0">
        <div class="nv-card-body">
          <div class="nv-plugin">
            <div class="nv-plugin-logo">{$p.title|limit=1}</div>
            <div class="nv-plugin-body">
              <div class="nv-card-title">{$p.title}</div>
              <div class="nv-plugin-meta">
                v{$p.version}
                {if $p.author} · {$p.author}{/if}
                · <span class="nv-tag">{$p.name}</span>
                {if $p.broken} · <span class="nv-badge nv-badge-danger">{lang admin.plugin_dep_missing}</span>{/if}
              </div>
              <div class="nv-plugin-meta">{$p.description}</div>
              {if $p.broken}
              <div class="nv-plugin-meta nv-text-danger">{lang admin.plugin_dep_missing_reason}{$p.broken_reason}</div>
              {/if}

              <div class="nv-plugin-actions">
                {if $p.installed}
                  {if $p.enabled}
                  <span class="nv-badge nv-badge-success">{lang admin.already_enabled}</span>
                  <a class="nv-btn nv-btn-xs" href="{$entry_prefix}/admin/plugin/config/{$p.name}">{lang admin.configure}</a>
                  <form method="post" action="{$entry_prefix}/admin/plugin/disable" style="display:inline">
                    <input type="hidden" name="_token" value="{$csrf}">
                    <input type="hidden" name="name" value="{$p.name}">
                    <button class="nv-btn nv-btn-xs" type="submit">{lang admin.disable}</button>
                  </form>
                  {else}
                  <span class="nv-badge">{lang admin.already_disabled}</span>
                  <form method="post" action="{$entry_prefix}/admin/plugin/enable" style="display:inline">
                    <input type="hidden" name="_token" value="{$csrf}">
                    <input type="hidden" name="name" value="{$p.name}">
                    <button class="nv-btn nv-btn-xs nv-btn-primary" type="submit">{lang admin.enabled}</button>
                  </form>
                  {/if}
                  <form method="post" action="{$entry_prefix}/admin/plugin/uninstall" style="display:inline">
                    <input type="hidden" name="_token" value="{$csrf}">
                    <input type="hidden" name="name" value="{$p.name}">
                    <button class="nv-btn nv-btn-xs nv-btn-danger nv-confirm" type="submit" data-message="{lang admin.plugin_uninstall_msg}">{lang admin.uninstall}</button>
                  </form>
                {else}
                  <span class="nv-badge nv-badge-info">{lang admin.not_installed}</span>
                  {if $p.broken}
                  {* 依赖没满足时不给"{lang admin.install}"按钮：点下去只会失败，
                     还会让管理员以为按钮坏了。直接说明缺什么。 *}
                  <span class="nv-badge nv-badge-warn">{lang admin.cannot_install}</span>
                  <button class="nv-btn nv-btn-xs" type="button" disabled title="{$p.broken_reason}">{lang admin.cannot_install}</button>
                  {else}
                  <form method="post" action="{$entry_prefix}/admin/plugin/install" style="display:inline">
                    <input type="hidden" name="_token" value="{$csrf}">
                    <input type="hidden" name="name" value="{$p.name}">
                    <button class="nv-btn nv-btn-xs nv-btn-primary" type="submit">{lang admin.install}</button>
                  </form>
                  {/if}
                {/if}
              </div>
            </div>
          </div>
        </div>
      </div>
      {/foreach}
    </div>
    {else}
    <div class="nv-empty">
      <div class="nv-empty-title">{lang admin.plugins_none}</div>
      <div>{lang admin.plugins_hint_a}<span class="nv-tag">/plugin</span>{lang admin.plugins_hint_b}</div>
    </div>
    {/if}
  </div>
</div>

<div class="nv-card">
  <div class="nv-card-head">
    <span class="nv-card-title">{lang admin.plugin_assets}</span>
    <span class="nv-muted">{lang admin.plugin_assets_merge}</span>
  </div>
  <div class="nv-card-body">
    {if $assets.css}
    <div class="nv-form-row nv-mb0">CSS: <span class="nv-tag">{$assets.css}</span></div>
    {/if}
    {if $assets.js}
    <div class="nv-form-row nv-mb0">JS: <span class="nv-tag">{$assets.js}</span></div>
    {/if}
    {if !$assets.css && !$assets.js}
    <div class="nv-muted">{lang admin.plugin_assets_none}</div>
    {/if}
  </div>
</div>