{layout admin/layout}

<div class="nv-page-head">
  <div>
    <div class="nv-page-title">{lang tag.articles_of}</div>
    <div class="nv-page-desc">{lang tag.articles_desc}</div>
  </div>
  <div class="nv-page-actions">
    <a class="nv-btn" href="{$entry_prefix}/admin/plugin/tag">{lang tag.back_library}</a>
    <a class="nv-btn" href="{$tag_url}" target="_blank" rel="noopener">{lang tag.view_front}</a>
  </div>
</div>

{if $flash.message}<div class="nv-alert nv-alert-{$flash.type}">{$flash.message}</div>{/if}

<div class="nv-card">
  <div class="nv-card-body">
    {if !empty($list)}
    <table class="nv-table">
      <thead>
        <tr><th>ID</th><th>{lang tag.col_title}</th><th>{lang tag.col_source}</th><th>{lang admin.operation}</th></tr>
      </thead>
      <tbody>
      {loop $list as $it}
      <tr>
        <td>{$it.id}</td>
        <td>{$it.title}</td>
        <td>{if $it._origin == 'auto'}<span class="nv-tag">{lang tag.origin_auto}</span>{else}<span class="nv-tag nv-tag-ok">{lang tag.origin_manual}</span>{/if}</td>
        <td>
          <form method="post" action="{$entry_prefix}/admin/plugin/tag/remove" style="display:inline" onsubmit="return confirm('{lang tag.confirm_remove}');">
            <input type="hidden" name="_token" value="{$csrf}">
            <input type="hidden" name="tag_id" value="{$tag.id}">
            <input type="hidden" name="content_id" value="{$it.id}">
            <button class="nv-btn nv-btn-xs nv-btn-danger" type="submit">{lang tag.remove}</button>
          </form>
        </td>
      </tr>
      {/loop}
      </tbody>
    </table>

    {if $pager.last_page > 1}
    <div class="nv-toolbar" style="margin-top:12px">
      {if $pager.prev}<a class="nv-btn nv-btn-sm" href="{$entry_prefix}/admin/plugin/tag/articles?tag_id={$tag.id}&page={$pager.prev}">{lang admin.prev_page}</a>{else}<span class="nv-btn nv-btn-sm" style="opacity:.5;pointer-events:none">{lang admin.prev_page}</span>{/if}
      <span class="nv-hint">{lang tag.page_of}</span>
      {if $pager.next}<a class="nv-btn nv-btn-sm" href="{$entry_prefix}/admin/plugin/tag/articles?tag_id={$tag.id}&page={$pager.next}">{lang admin.next_page}</a>{else}<span class="nv-btn nv-btn-sm" style="opacity:.5;pointer-events:none">{lang admin.next_page}</span>{/if}
    </div>
    {/if}

    {else}
    <div class="nv-empty"><div class="nv-empty-title">{lang tag.empty_articles}</div></div>
    {/if}
  </div>
</div>