{% extends "base.html" %}

{% block content %}
<div style="font-family:'Silkscreen',monospace; font-size:14px; color:#d4879c; margin-bottom:16px; text-transform:uppercase;">
  <a href="/admin" style="color:#888;">admin</a> :: <a href="/admin/users" style="color:#888;">users</a> :: ban {{ username }}
</div>

{% if let Some(err) = error %}
<div class="post" style="border-color:#ff6b6b;">
  <div class="post-body" style="color:#ff6b6b;">{{ err }}</div>
</div>
{% endif %}

<div class="post">
  <form method="post" action="/admin/users/{{ user_id }}/ban">
    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">

    <div style="margin-bottom:12px;">
      <label style="display:block; color:#888; font-size:11px; margin-bottom:4px; text-transform:uppercase;">reason</label>
      <input type="text" name="reason" style="width:100%; padding:6px; background:#1a1a2e; border:1px solid #333; color:#e0e0e0; font-family:'VT323',monospace; font-size:14px;" placeholder="leave empty for no reason">
    </div>

    <div style="margin-bottom:12px;">
      <label style="display:block; color:#888; font-size:11px; margin-bottom:4px; text-transform:uppercase;">ban length</label>
      <select name="ban_length" style="padding:6px; background:#1a1a2e; border:1px solid #333; color:#e0e0e0; font-family:'VT323',monospace; font-size:14px;">
        <option value="permanent">permanent</option>
        <option value="temporary">temporary</option>
      </select>
    </div>

    <div style="margin-bottom:12px;">
      <label style="display:block; color:#888; font-size:11px; margin-bottom:4px; text-transform:uppercase;">unban at (optional, for temporary bans)</label>
      <input type="datetime-local" name="unban_at" style="padding:6px; background:#1a1a2e; border:1px solid #333; color:#e0e0e0; font-family:'VT323',monospace; font-size:14px;">
    </div>

    <div style="margin-bottom:16px;">
      <label style="color:#ff6b6b; font-size:11px; text-transform:uppercase;">
        <input type="checkbox" name="nuke" value="on"> nuke all user content (hide threads and posts)
      </label>
    </div>

    <button type="submit" class="btn" style="background:#ff6b6b;">ban user</button>
    <a href="/admin/users" class="btn" style="margin-left:8px;">cancel</a>
  </form>
</div>
{% endblock %}