{layout admin/layout}

<div class="nv-page-head">
  <div>
    <div class="nv-page-title">{lang tag.title}</div>
    <div class="nv-page-desc">{lang tag.desc}</div>
  </div>
</div>

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

<div class="nv-form-grid" style="align-items:start">
  <div class="nv-card">
    <div class="nv-card-body">
      <div class="nv-page-title" style="font-size:15px;margin-bottom:10px">{if $edit}{lang tag.edit_tag}{else}{lang tag.add_tag}{/if}</div>
      <form method="post" action="{$entry_prefix}/admin/plugin/tag/save">
        <input type="hidden" name="_token" value="{$csrf}">
        {if $edit}<input type="hidden" name="id" value="{$edit.id}">{/if}
        <div class="nv-form-row">
          <label class="nv-label">{lang tag.name} <span class="nv-required">*</span></label>
          <input class="nv-input" type="text" name="name" maxlength="100" required
            value="{if $edit}{$edit.name}{/if}" {if $edit}readonly{/if} placeholder="{lang tag.name_ph}">
          {if $edit}<p class="nv-field-hint">{lang tag.name_locked}</p>{/if}
        </div>
        <div class="nv-form-row">
          <label class="nv-label">{lang tag.pinyin}</label>
          <input class="nv-input" type="text" name="pinyin" maxlength="120"
            value="{if $edit}{$edit.pinyin}{/if}" placeholder="{lang tag.pinyin_ph}">
        </div>
        <div class="nv-form-row">
          <label class="nv-label">{lang tag.template}</label>
          <input class="nv-input" type="text" name="template" maxlength="100"
            value="{if $edit}{$edit.template}{/if}" placeholder="{lang tag.template_ph}">
        </div>
        <div class="nv-form-grid">
          <div class="nv-form-row nv-mb0">
            <label class="nv-label">{lang tag.auto_link}</label>
            <select class="nv-input" name="auto_link">
              <option value="1" {if empty($edit) || $edit.auto_link == 1}selected{/if}>{lang tag.on}</option>
              <option value="0" {if !empty($edit) && $edit.auto_link == 0}selected{/if}>{lang tag.off}</option>
            </select>
          </div>
          <div class="nv-form-row nv-mb0">
            <label class="nv-label">{lang admin.status}</label>
            <select class="nv-input" name="status">
              <option value="1" {if empty($edit) || $edit.status == 1}selected{/if}>{lang admin.enabled}</option>
              <option value="0" {if !empty($edit) && $edit.status == 0}selected{/if}>{lang admin.disabled}</option>
            </select>
          </div>
        </div>
        <div class="nv-toolbar" style="margin-top:12px">
          <button class="nv-btn nv-btn-primary" type="submit">{lang admin.save}</button>
          {if $edit}<a class="nv-btn" href="{$entry_prefix}/admin/plugin/tag">{lang admin.cancel}</a>{/if}
        </div>
      </form>
    </div>
  </div>

  <div class="nv-card">
    <div class="nv-card-body">
      <div class="nv-page-title" style="font-size:15px;margin-bottom:10px">{lang tag.import_title}</div>
      <form method="post" action="{$entry_prefix}/admin/plugin/tag/import">
        <input type="hidden" name="_token" value="{$csrf}">
        <div class="nv-form-row">
          <textarea class="nv-textarea" name="keywords" rows="8" placeholder="{lang tag.import_ph}"></textarea>
        </div>
        <div class="nv-toolbar">
          <button class="nv-btn nv-btn-primary" type="submit">{lang tag.import}</button>
          <span class="nv-hint">{lang tag.import_hint}</span>
        </div>
      </form>
    </div>
  </div>
</div>

<div class="nv-card" style="margin-top:16px">
  <div class="nv-card-body">
    {if !empty($rows)}
    <table class="nv-table">
      <thead>
        <tr><th>ID</th><th>{lang tag.col_tag}</th><th>{lang tag.col_pinyin}</th><th>{lang tag.col_link}</th><th class="nv-num">{lang tag.col_articles}</th><th>{lang tag.auto_link}</th><th>{lang admin.status}</th><th>{lang admin.operation}</th></tr>
      </thead>
      <tbody>
      {loop $rows as $r}
      <tr>
        <td>{$r.id}</td>
        <td>{$r.name}</td>
        <td>{if $r.pinyin}{$r.pinyin}{else}<span class="nv-text-danger">{lang tag.not_generated}</span>{/if}</td>
        <td><a href="{$r.url}" target="_blank" rel="noopener">{$r.url}</a></td>
        <td class="nv-num">{$r.count}</td>
        <td>{if $r.auto_link == 1}{lang tag.on}{else}{lang tag.off}{/if}</td>
        <td>{if $r.status == 1}<span class="nv-tag nv-tag-ok">{lang admin.enabled}</span>{else}<span class="nv-tag">{lang admin.disabled}</span>{/if}</td>
        <td style="white-space:nowrap">
          <a class="nv-btn nv-btn-xs" href="{$entry_prefix}/admin/plugin/tag?edit={$r.id}">{lang admin.edit}</a>
          <a class="nv-btn nv-btn-xs" href="{$entry_prefix}/admin/plugin/tag/articles?tag_id={$r.id}">{lang tag.col_articles}</a>
          <form method="post" action="{$entry_prefix}/admin/plugin/tag/delete" style="display:inline" onsubmit="return confirm('{lang tag.confirm_delete}');">
            <input type="hidden" name="_token" value="{$csrf}">
            <input type="hidden" name="id" value="{$r.id}">
            <button class="nv-btn nv-btn-xs nv-btn-danger" type="submit">{lang admin.delete}</button>
          </form>
        </td>
      </tr>
      {/loop}
      </tbody>
    </table>
    {else}
    <div class="nv-empty"><div class="nv-empty-title">{lang tag.empty_title}</div><div>{lang tag.empty_hint}</div></div>
    {/if}
  </div>
</div>