{% extends 'base.html' %}
{% block title %}Bulletins{% endblock %}
{% block content %}
<header class="board-head">
  <div>
    <p class="eyebrow">PUBLIC BULLETINS</p>
    <h1>Message traffic</h1>
    <p class="muted">Notes, notices, news, and conversation.</p>
  </div>
  {% if g.user %}<a class="button" href="{{ url_for('board.create') }}">NEW BULLETIN <span aria-hidden="true">+</span></a>{% else %}<a class="button secondary" href="{{ url_for('auth.login',next=url_for('board.create')) }}">SIGN IN TO TRANSMIT</a>{% endif %}
</header>
<section class="bulletin-list" aria-label="Bulletins">
  <div class="bulletin-columns" aria-hidden="true"><span>REF / ORIGIN</span><span>SUBJECT / EXCERPT</span><span>TRAFFIC</span></div>
  {% for post in posts %}
  <article class="bulletin-row">
    <div class="bulletin-meta"><span>#{{ '%05d'|format(post.id) }}</span><strong>{{ post.username }} - [{{ post.callsign }}]</strong><time>{{ post.created_at }} UTC</time></div>
    <div class="bulletin-content"><h2><a href="{{ url_for('board.thread',post_id=post.id) }}">{{ post.title }}</a></h2><p>{{ post.body|truncate(220) }}</p></div>
    <a class="reply-count" href="{{ url_for('board.thread',post_id=post.id) }}"><strong>{{ '%02d'|format(post.reply_count) }}</strong><span>{{ 'reply' if post.reply_count==1 else 'replies' }}</span></a>
  </article>
  {% else %}
  <div class="empty-state"><span class="empty-signal" aria-hidden="true">:c</span><h2>No bulletins yet.</h2>{% if g.user %}<p>Start the conversation.</p><a class="button" href="{{ url_for('board.create') }}">POST FIRST BULLETIN</a>{% else %}<p>Sign in to post the first bulletin.</p>{% endif %}</div>
  {% endfor %}
</section>
{% endblock %}