{% extends "base.html" %}

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

<div class="post">
  <div class="post-title">{{ profile_user.username }}</div>
  {% if let Some(bio) = profile_user.bio %}
  <div class="post-body">{{ bio }}</div>
  {% endif %}
  <div class="post-body" style="color:#888; font-size:11px;">joined {{ profile_user.created_at }} &middot; role: {{ profile_user.role }}</div>
</div>

{% if !threads.is_empty() %}
<div style="font-family:'Silkscreen',monospace; font-size:11px; color:#888; margin:16px 0 8px; text-transform:uppercase;">threads by {{ profile_user.username }}</div>
{% for twa in threads %}
<div class="post">
  <div class="post-title"><a href="/threads/{{ twa.thread.id }}">{{ twa.thread.title }}</a></div>
  <div class="post-body" style="color:#888; font-size:11px;">{{ twa.thread.created_at }}</div>
</div>
{% endfor %}
{% else %}
<div class="post">
  <div class="post-body" style="color:#888;">no threads yet</div>
</div>
{% endif %}
{% endblock %}