{% extends '@Core/admin/layout.html.twig' %}

{% block title %}{{ 'Commentaires'|trans }} - {{ parent() }}{% endblock %}

{% block body %}
    <div class="bg-light pl-5 pr-4 pt-5 pb-5">
        <div class="d-flex">
            <div class="mr-auto w-50">
                <h1 class="display-5">{{ entity.author }}</h1>
            </div>

            <div class="ml-auto">
                <div class="btn-group">
                    <a href="{{ path('admin_blog_comment_index') }}" class="btn btn-secondary">
                        <span class="fa fa-list pr-1"></span>

                        Retour à la liste
                    </a>
                    <a href="{{ path('admin_blog_comment_edit', {entity: entity.id}) }}" class="btn btn-primary">
                        <span class="fa fa-edit pr-1"></span>

                        Éditer
                    </a>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-4 p-3">
            <ul class="list-group">
                <li class="list-group-item">
                    <span class="font-weight-bold pb-2 d-block">Auteur</span>

                    {{ entity.author }}
                </li>
                <li class="list-group-item">
                    <span class="font-weight-bold pb-2 d-block">Site web</span>

                    {{ entity.website }}
                </li>
                <li class="list-group-item">
                    <span class="font-weight-bold pb-2 d-block">E-mail</span>

                    {{ entity.email }}
                </li>
                <li class="list-group-item">
                    <span class="font-weight-bold pb-2 d-block">Article</span>

                    {{ entity.post.title }}
                </li>
                {% if entity.parentComment %}
                    <li class="list-group-item">
                        <span class="font-weight-bold pb-2 d-block">
                            Réponse à 
                            <a href="{{ path('admin_blog_comment_show', {entity: entity.parentComment.id}) }}">
                                {{ entity.parentComment.author }} - {{ entity.parentComment.createdAt|date('d/m/Y H:i') }}
                            </a>
                        </span>

                        {% if entity.parentComment.createdAt.timestamp > 1538118768 %} {# 28/09/2018 #}
                            {{- entity.parentComment.content|markdown('comment') -}}
                        {% else %}
                            {{- entity.parentComment.content|comment -}}
                        {% endif %}
                    </li>
                {% endif %}
                <li class="list-group-item">
                    <span class="font-weight-bold pb-2 d-block">Status</span>

                    {{ entity.isActive ? 'En ligne' : 'Hors ligne' }}
                </li>
            </ul>
       </div>
        <div class="col-8 p-3">
            <div class="font-weight-bold pb-2">Contenu</div>

            {% if entity.createdAt.timestamp > 1538118768 %} {# 28/09/2018 #}
                {{- entity.content|markdown('comment') -}}
            {% else %}
                {{- entity.content|comment -}}
            {% endif %}
        </div>
     </div>
{% endblock %}

{% block css %}
    {{ parent() }}

    <style>
        #post-content img {
            max-width: 100%;
        }
    </style>
{% endblock %}