{layout admin/layout}
<link rel="stylesheet" href="/plugin/member/static/member-system.css">
<link rel="stylesheet" href="/plugin/member/static/member.css">
<div class="nv-page-head">
  <div>
    <div class="nv-page-title">{lang member.submits_title}</div>
    <div class="nv-page-desc">{lang member.submits_desc_1}{lang member.submits_desc_2}</div>
  </div>
  <div class="nv-page-actions">
    <a class="nv-btn{if $status == ''} nv-btn-primary{/if}" href="{$entry_prefix}/admin/plugin/member/submits">{lang admin.all}</a>
    <a class="nv-btn{if $status == '0'} nv-btn-primary{/if}" href="{$entry_prefix}/admin/plugin/member/submits?status=0">{lang member.pending}</a>
    <a class="nv-btn{if $status == '1'} nv-btn-primary{/if}" href="{$entry_prefix}/admin/plugin/member/submits?status=1">{lang member.approved}</a>
    <a class="nv-btn{if $status == '2'} nv-btn-primary{/if}" href="{$entry_prefix}/admin/plugin/member/submits?status=2">{lang member.rejected}</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.items)}
    <div class="nv-empty">{lang member.no_submit_records}</div>
    {else}
    <table class="member-table">
      <thead>
        <tr><th>ID</th><th>{lang admin.title}</th><th>{lang member.author_col}</th><th>{lang member.node}</th><th>{lang member.summary}</th><th>{lang member.reward}</th><th>{lang admin.status}</th><th>{lang member.submitted_time}</th><th>{lang admin.operation}</th></tr>
      </thead>
      <tbody>
      {loop $list.items as $s}
      <tr>
        <td>{$s.id}</td>
        <td style="max-width:220px">{$s.title}</td>
        <td style="font-size:13px">{$s.username}</td>
        <td style="font-size:13px">{$s.node_id}</td>
        <td style="max-width:260px;font-size:13px;color:var(--color-text-muted,#6b7280)">{$s.preview}</td>
        <td class="nv-num">{$s.points}</td>
        <td>
          <span class="member-status member-status-{$s.status}">{$s.status_name}</span>
        </td>
        <td style="font-size:13px;white-space:nowrap">{$s.created_at_format}</td>
        <td>
          {if $s.status == 0}
          <div class="member-actions">
            <form method="post" action="{$entry_prefix}/admin/plugin/member/submit/audit" style="display:inline">
              <input type="hidden" name="_token" value="{$csrf}">
              <input type="hidden" name="_form_token" value="{$form_token}">
              <input type="hidden" name="id" value="{$s.id}">
              <input type="hidden" name="action" value="approve">
              <input type="text" name="note" placeholder="{lang member.review_note}" maxlength="200" style="width:130px">
              <button class="nv-btn nv-btn-primary" type="submit"
                onclick="return confirm('{lang member.ok_title_a}{$s.title}{lang member.ok_title_b}{$s.points}{lang member.ok_title_c}')">{lang member.approve}</button>
            </form>
            <form method="post" action="{$entry_prefix}/admin/plugin/member/submit/audit" style="display:inline"
              onsubmit="return confirm('{lang member.rej_title_a}{$s.title}{lang member.rej_title_b}')">
              <input type="hidden" name="_token" value="{$csrf}">
              <input type="hidden" name="_form_token" value="{$form_token}">
              <input type="hidden" name="id" value="{$s.id}">
              <input type="hidden" name="action" value="reject">
              <input type="text" name="note" placeholder="{lang member.reject_reason}" required maxlength="200" style="width:130px">
              <button class="nv-btn" type="submit">{lang member.reject}</button>
            </form>
          {elseif $s.status == 1}
            <a class="nv-btn" href="{$s.url}" target="_blank">{lang admin.view}</a>
          {else}
            <span class="nv-muted" style="font-size:12px">{$s.audit_note|limit:30}</span>
          {/if}
        </td>
      </tr>
      {/loop}
      </tbody>
    </table>
    {/if}
  </div>
</div>

{if $list.last_page > 1}
<div class="member-pager">
  {if $list.page > 1}
  <a href="{$entry_prefix}/admin/plugin/member/submits?status={$status}&page={$list.page}">{lang admin.prev_page}</a>
  {else}
  <span class="is-disabled">{lang admin.prev_page}</span>
  {/if}
  <span class="is-current">{$list.page} / {$list.last_page}</span>
  {if $list.page < $list.last_page}
  <a href="{$entry_prefix}/admin/plugin/member/submits?status={$status}&page=2">{lang admin.next_page}</a>
  {else}
  <span class="is-disabled">{lang admin.next_page}</span>
  {/if}
</div>
{/if}