{% extends "base.html" %}

{% block content %}
<div style="font-family:'Silkscreen',monospace; font-size:14px; color:#d4879c; margin-bottom:12px; text-transform:uppercase;">new thread</div>

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

<form method="post" action="/threads">
  <div style="margin-bottom:8px;">
    <label style="display:block; font-size:11px; color:#888; margin-bottom:4px;">TITLE</label>
    <input type="text" name="title" required maxlength="200" style="width:100%; padding:6px; background:#1a1a2e; border:1px solid #333; color:#e0e0e0; font-family:'VT323',monospace; font-size:14px;">
  </div>
  <div style="margin-bottom:8px;">
    <label style="display:block; font-size:11px; color:#888; margin-bottom:4px;">BODY</label>
    <textarea name="body" required rows="10" style="width:100%; padding:6px; background:#1a1a2e; border:1px solid #333; color:#e0e0e0; font-family:'VT323',monospace; font-size:14px; resize:vertical;"></textarea>
  </div>
  <button type="submit" class="btn" style="margin-top:8px;">create thread</button>
</form>
{% endblock %}