{layout admin/layout}
<link rel="stylesheet" href="/plugin/member/static/member-system.css">
<link rel="stylesheet" href="/plugin/member/static/rbac.css">
<div class="nv-page-head">
  <div>
    <div class="nv-page-title">{lang member.blacklist}</div>
    <div class="nv-page-desc">
      {lang member.blacklist_desc_a_1}{lang member.blacklist_desc_a_2}
      {lang member.blacklist_desc_b_1}{lang member.blacklist_desc_b_2}
    </div>
  </div>
</div>

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

<div class="nv-card" style="margin-bottom:16px">
  <div class="nv-card-body">
    <form method="post" action="{$entry_prefix}/admin/plugin/member/rbac/blacklist/add" class="rbac-inline">
      <input type="hidden" name="_token" value="{$csrf}">
      <input type="hidden" name="_form_token" value="{$form_token}">
      <div class="rbac-field">
        <label for="bType">{lang admin.col_type}</label>
        <select id="bType" name="type">
          <option value="ip">IP</option>
          <option value="email_domain">{lang member.email_domain}</option>
          <option value="username">{lang member.username_only}</option>
        </select>
      </div>
      <div class="rbac-field" style="flex:1">
        <label for="bValue">{lang member.content_val}</label>
        <input id="bValue" type="text" name="value" required maxlength="120"
               placeholder="IP {lang member.blacklist_value_ph}">
      </div>
      <div class="rbac-field">
        <label for="bExpire">{lang member.expire_blank_forever}</label>
        <input id="bExpire" type="date" name="expire_at">
      </div>
      <div class="rbac-field" style="flex:1">
        <label for="bReason">{lang member.reason}</label>
        <input id="bReason" type="text" name="reason" maxlength="120" placeholder="{lang member.reason_ph}">
      </div>
      <button class="nv-btn nv-btn-primary" type="submit">{lang member.add_blacklist}</button>
    </form>
  </div>
</div>

<div class="nv-card">
  <div class="nv-card-body">
    {if empty($rows)}
    <div class="nv-empty">{lang member.blacklist_empty}</div>
    {else}
    <table class="nv-table">
      <thead><tr><th>{lang admin.col_type}</th><th>{lang member.content_val}</th><th>{lang member.reason}</th><th>{lang member.expire}</th><th>{lang admin.operation}</th></tr></thead>
      <tbody>
      {loop $rows as $row}
      <tr>
        <td>{$row.type_name}</td>
        <td><code>{$row.value}</code></td>
        <td class="rbac-desc">{$row.reason}</td>
        <td>{$row.expire_at_format}</td>
        <td>
          <form method="post" action="{$entry_prefix}/admin/plugin/member/rbac/blacklist/remove" onsubmit="return confirm('{lang member.confirm_remove}');">
            <input type="hidden" name="_token" value="{$csrf}">
            <input type="hidden" name="_form_token" value="{$form_token}">
            <input type="hidden" name="type" value="{$row.type}">
            <input type="hidden" name="value" value="{$row.value}">
            <button class="nv-btn" type="submit">{lang member.remove_btn}</button>
          </form>
        </td>
      </tr>
      {/loop}
      </tbody>
    </table>
    {/if}
  </div>
</div>