{% extends 'layouts/base.twig' %}

{% block content %}
    <div class="container">
        <article class="post-type-{{ post.type }}" id="post-{{ post.id }}">
            <!-- <img src="{{ post.thumbnail.src|resize(1200, 300) }}" /> -->

            <section class="article-content mt-5 border-dark border-top">

                <h1 class="article-h1">{{ post.title }}</h1>
                <p class="blog-author mt-3 mb-5 border-dark border-bottom">
                    <span>Autor:</span>
                    <a href="{{ post.author.path }}">{{ post.author.name }}</a>
                    <span>&bull;</span>
                    <time datetime="{{ post.date|date('Y-m-d H:i:s') }}">{{ post.date }}</time>
                </p>

                <div class="article-body">{{ post.content }}</div>
            </section>
            
            <!-- comments -->
            <section class="comment-box mt-5 p-2 border-dark border-top">
                <div class="comments">
                    {% if post.comments %}
                        <!-- <h2>Comentarios</h2>  -->
                        
                        {% for cmt in post.comments %}
                            {% include 'partials/comment.twig' with {
                                comment: cmt
                            } %}
                        {% endfor %}
                    {% endif %}
                </div>

                {% if post.comment_status == 'closed' %}
                    <p>No se puede comentar.</p>
                {% else %}
                    {% include 'partials/comment-form.twig' %}
                {% endif %}
            </section>
        </article>
    </div>
{% endblock %}