{% extends 'base.html' %}

{% load static martortags %}

{% block title %}Post a reply{% endblock %}

{% include 'includes/simplemde.html' %}

{% block breadcrumb %}
    <li class="breadcrumb-item"><a href="{% url 'board.index' %}">Boards</a></li>
    <li class="breadcrumb-item"><a href="{% url 'board.topics' topic.board.pk %}">{{ topic.board.name }}</a></li>
    <li class="breadcrumb-item"><a href="{% url 'board.topic.posts' topic.board.pk topic.pk %}">{{ topic.subject }}</a>
    </li>
    <li class="breadcrumb-item active">Post a reply</li>
{% endblock %}

{% block content %}
    <div class="card bg-dark border-dark">
        <div class="card-header bg-dark text-light">
            <div class="card-title">New Topic</div>
        </div>
        <div class="card-body bg-light border-dark">
            <form method="post" class="mb-4">
                {% csrf_token %}
                {% include 'includes/form.html' %}
                <button type="submit" class="btn btn-success">Post a reply</button>
            </form>

            {% for post in topic.posts.all %}
                <div class="card mb-2">
                    <div class="card-body p-3">
                        <div class="row mb-3">
                            <div class="col-6">
                                <strong class="text-muted">{{ post.created_by.username }}</strong>
                            </div>
                            <div class="col-6 text-right">
                                <small class="text-muted">{{ post.created_at }}</small>
                            </div>
                        </div>
                        {{ post.message|safe_markdown }}
                    </div>
                </div>
            {% endfor %}
        </div>
    </div>

{% endblock %}