{% 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 extra_header %}
    {% url "billboard:view_post" post.id as form_action %}
    {% include "apps/dashboard/_partials/_form.html" with form=form form_action=form_action %}
{% endblock extra_header %}

{% block content %}
    <div class="row justify-content-center">
        <div class="col-lg-6">
            <small>Post created by: <span id="id_post_owner">{{ post.owner|display_name }}</span></small>
            <table id="id_post_table" class="table">
                {% for line in post.lines.all %}
                    <tr><td>{{ forloop.counter }}. {{ line.text }}</td></tr>
                {% endfor %}
            </table>
        </div>
    </div>

    <div class="row justify-content-center">
        <div class="col-lg-6">

            <form method="POST" action="{% url "billboard:share_post" post.id %}">
                {% csrf_token %}
                <input
                    id="id_recipient"
                    name="recipient"
                    class="form-control form-control-lg{% if form.errors.recipient %} is-invalid{% endif %}"
                    placeholder="friend@example.com"
                    aria-describedby="id_recipient_feedback"
                    required
                />
                {% if form.errors.recipient %}
                    <div id="id_recipient_feedback" class="invalid-feedback">
                        {{ form.errors.recipient.0 }}
                    </div>
                {% endif %}

                <button type="submit" class="btn btn-primary">Share</button>
            </form>
            <small>Post shared with:
                {% for user in post.shared_with.all %}
                    <span class="post-recipient">{{ user|display_name }}</span>
                {% endfor %}
            </small>
        </div>
    </div>
{% endblock content %}

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