{layout admin/layout}
<link rel="stylesheet" href="/plugin/member/static/member.css">
<link rel="stylesheet" href="/plugin/member/static/member-system.css">
<div class="nv-page-head">
  <div>
    <div class="nv-page-title">{lang member.follows_title}</div>
    <div class="nv-page-desc">{lang member.follows_desc_1}{lang member.follows_desc_2}</div>
  </div>
  <div class="nv-page-actions">
    <a class="nv-btn" href="{$entry_prefix}/admin/plugin/member/members">{lang member.back_to_member_list}</a>
  </div>
</div>

<div class="nv-card">
  <div class="nv-card-body">
    <div class="ma-stat-row">
      <div class="ma-stat">
        <span class="ma-stat-num">{$stats.total}</span>
        <span class="ma-stat-label">{lang member.follows_total}</span>
      </div>
      <div class="ma-stat">
        <span class="ma-stat-num ma-warn">{$stats.today}</span>
        <span class="ma-stat-label">{lang member.today_new}</span>
      </div>
      <div class="ma-stat">
        <span class="ma-stat-num">{$stats.mutual}</span>
        <span class="ma-stat-label">{lang member.mutual}</span>
      </div>
    </div>

    <form class="ma-filter" method="get" action="{$entry_prefix}/admin/plugin/member/follows">
      <input class="nv-input" type="text" name="keyword" value="{$filters.keyword}" placeholder="{lang member.follows_keyword_ph}">
      <input class="nv-input" type="number" name="user_id" value="{if $filters.user_id>0}{$filters.user_id}{/if}" placeholder="{lang member.specific_member_id}">
      <input class="nv-input" type="date" name="date_from" value="{$filters.date_from}">
      <span class="nv-muted">{lang member.to}</span>
      <input class="nv-input" type="date" name="date_to" value="{$filters.date_to}">
      <button class="nv-btn nv-btn-primary" type="submit">{lang member.filter}</button>
      <a class="nv-btn" href="{$entry_prefix}/admin/plugin/member/follows">{lang member.reset}</a>
    </form>
  </div>
</div>

<div class="nv-card" style="margin-top:16px">
  <div class="nv-card-body">
    {if empty($list)}
    <div class="nv-empty">
      <div class="nv-empty-title">{lang member.no_follows_yet}</div>
      <div>{lang member.follows_empty_hint}</div>
    </div>
    {else}
    <table class="member-table">
      <thead>
        <tr>
          <th>{lang member.follower}</th>
          <th>{lang member.follow_target}</th>
          <th>{lang member.relation}</th>
          <th>{lang member.follow_time}</th>
          <th style="width:120px">{lang admin.operation}</th>
        </tr>
      </thead>
      <tbody>
      {loop $list as $r}
      <tr>
        <td>
          {if $r.follower_name}<a class="nv-link" href="{$entry_prefix}/admin/plugin/member/detail/{$r.user_id}">{$r.follower_name}</a>{else}<span class="nv-muted">{lang member.member_hash}{$r.user_id}</span>{/if}
        </td>
        <td>
          {if $r.target_name}<a class="nv-link" href="{$entry_prefix}/admin/plugin/member/detail/{$r.target_id}">{$r.target_name}</a>{else}<span class="nv-muted">{lang member.member_hash}{$r.target_id}</span>{/if}
        </td>
        <td>
          {if $r.is_mutual}<span class="ma-st ma-st-2">{lang member.mutual}</span>{else}<span class="nv-muted">{lang member.one_way}</span>{/if}
        </td>
        <td class="ma-sub">{$r.created_at|date}</td>
        <td>
          {if $is_super}
          <form method="post" action="{$entry_prefix}/admin/plugin/member/follow/delete" onsubmit="return confirm('{lang member.confirm_unfollow}');">
            <input type="hidden" name="_token" value="{$csrf}">
            <input type="hidden" name="_form_token" value="{$form_token}">
            <input type="hidden" name="id" value="{$r.id}">
            <button class="nv-btn nv-btn-xs nv-btn-danger" type="submit">{lang member.lift}</button>
          </form>
          {else}
          <span class="nv-muted">—</span>
          {/if}
        </td>
      </tr>
      {/loop}
      </tbody>
    </table>
    {/if}
  </div>
</div>

{if $last_page > 1}
<div class="member-pager">
  {if $page > 1}
  <a href="{$entry_prefix}/admin/plugin/member/follows?page={$prev_page}&amp;keyword={$filters.keyword}&amp;user_id={$filters.user_id}&amp;date_from={$filters.date_from}&amp;date_to={$filters.date_to}">{lang admin.prev_page}</a>
  {else}
  <span class="is-disabled">{lang admin.prev_page}</span>
  {/if}
  <span class="is-current">{$page} / {$last_page}</span>
  {if $page < $last_page}
  <a href="{$entry_prefix}/admin/plugin/member/follows?page={$next_page}&amp;keyword={$filters.keyword}&amp;user_id={$filters.user_id}&amp;date_from={$filters.date_from}&amp;date_to={$filters.date_to}">{lang admin.next_page}</a>
  {else}
  <span class="is-disabled">{lang admin.next_page}</span>
  {/if}
</div>
{/if}