{% extends "core/base.html" %}
{% load lyric_extras %}

{% block title_text %}Dashpost{% endblock title_text %}
{% block header_text %}<span>Dash</span>post{% endblock header_text %}


{% block content %}
{# Hidden owner span — preserves the existing FT contract that reads the    #}
{# post owner via #id_post_owner. Visible owner attribution moved into the  #}
{# self line ("just me, …" / "& me, …") below.                              #}
<span id="id_post_owner" hidden>{{ post.owner|display_name }}</span>

<div class="post-page">
    <header class="post-header">
        <h3 class="post-title">{{ post.title }}</h3>
        {% with recipients=post.shared_with.all %}
            {% if recipients %}
                <p class="post-shared-recipients">shared between {% for r in recipients %}<span class="post-recipient">{{ r|display_name }}</span>{% if not forloop.last %}, {% endif %}{% endfor %}</p>
                <p class="post-shared-self">&amp; me, {{ post.owner|display_name }} the {{ post.owner.active_title_display }}</p>
            {% else %}
                <p class="post-shared-self">just me, {{ post.owner|display_name }} the {{ post.owner.active_title_display }}</p>
            {% endif %}
        {% endwith %}
    </header>

    <ul id="id_post_table" class="post-lines">
        {% for line in post.lines.all %}
            <li class="post-line {% if line.author.username == 'adman' %}post-line--system{% endif %}">
                <span class="post-line-author">{{ line.author|display_name }}</span>
                <span class="post-line-text">{# adman-authored Lines (note unlock + share invite system prose) carry an `<a class="note-ref">` anchor that needs to render as HTML. User-typed Lines stay escaped. #}{% if line.author.username == 'adman' %}{{ line.text|safe }}{% else %}{{ line.text }}{% endif %}</span>
                <time class="post-line-time" datetime="{{ line.created_at|date:'c' }}">{{ line.created_at|date:'g:i A' }}</time>
            </li>
        {% endfor %}
        <li class="post-line-buffer" aria-hidden="true"></li>
    </ul>

    <form id="id_post_line_form" method="POST" action="{% url 'billboard:view_post' post.id %}" class="post-line-form">
        {% csrf_token %}
        <input
            id="id_post_line_text"
            name="text"
            class="form-control{% if form.errors.text %} is-invalid{% endif %}"
            placeholder="Enter a post line"
            value="{{ form.text.value|default:'' }}"
            aria-describedby="id_post_line_feedback"
            required
        />
        {% if form.errors %}
            <div id="id_post_line_feedback" class="invalid-feedback">
                {{ form.errors.text.0 }}
            </div>
        {% endif %}
    </form>

    {# Buddy btn (bottom-left) + slide-out recipient field — async share. #}
    {% include "apps/billboard/_partials/_buddy_panel.html" %}
</div>
{% endblock content %}

{% block scripts %}
    {% include "apps/dashboard/_partials/_scripts.html" %}
{% endblock scripts %}