{% extends "base.html" %}

{% block content %}
<div style="font-family:'Silkscreen',monospace; font-size:14px; color:#ff6b6b; margin-bottom:16px; text-transform:uppercase;">
  account banned
</div>

<div class="post" style="border-color:#ff6b6b;">
  <div style="color:#ff6b6b; font-size:16px; margin-bottom:12px;">
    your account was b& on {{ banned_at }}
  </div>

  {% if !ban_post_content.is_empty() %}
  <div style="margin-bottom:12px;">
    <div style="color:#888; font-size:10px; text-transform:uppercase; margin-bottom:4px;">the post that got you b&</div>
    <div style="color:#d4879c; font-size:12px; padding:8px; background:#1a1a2e; border:1px solid #333;">{{ ban_post_content }}</div>
  </div>
  {% endif %}

  <div style="margin-bottom:12px;">
    <div style="color:#888; font-size:10px; text-transform:uppercase; margin-bottom:4px;">reason</div>
    {% if let Some(reason) = ban_reason %}
    <div style="color:#e0e0e0; font-size:12px;">{{ reason }}</div>
    {% else %}
    <div style="color:#888; font-size:12px;">admin didn't care enough to give a reason</div>
    {% endif %}
  </div>

  <div style="margin-bottom:12px;">
    <div style="color:#888; font-size:10px; text-transform:uppercase; margin-bottom:4px;">ban length</div>
    <div style="color:#e0e0e0; font-size:12px;">{{ ban_length }}</div>
  </div>

  {% if unban_at != "never" %}
  <div style="margin-bottom:12px;">
    <div style="color:#888; font-size:10px; text-transform:uppercase; margin-bottom:4px;">unban at</div>
    <div style="color:#4ade80; font-size:12px;">{{ unban_at }}</div>
  </div>
  {% endif %}
</div>
{% endblock %}