{% extends 'base.html.twig' %}

{% block title %}{{ post.title }}{% endblock %}

{% block body %}
    <div class="row">
        <div class="col-12 col-xl-6 mx-xl-auto">
            <div class="card border-0 mb-3">
                <div class="card-header bg-grey">
                    <h1 class="h5 text-white m-0 fw-bold">{{ post.title }}</h1>
                </div>
                <div class="card-body bg-white py-3">
                    <p>
                        {% for postCategory in post.postCategories %}
                            <span class="badge bg-primary">
                                <a class="text-white"
                                   href="{{ path('post_category_index', {'postCategory' : postCategory.id, 'slug' : postCategory.slug}) }}">
                                    {{ postCategory.title }}
                                </a>
                            </span>
                        {% endfor %}
                    </p>
                    {% if post.picture %}
                        <p class="mb-2">
                            <img src="{{ post.base64Picture }}" alt="Photo" class="img-fluid">
                        </p>
                    {% endif %}
                    {{ post.content | raw }}

                    {% if post.externalLinkTarget %}
                        <p>
                            <a class="btn btn-primary" href="{{ post.externalLinkTarget }}"
                               target="_blank">{{ post.externalLinkLabel ?: "Lire la suite" }}</a>
                        </p>
                    {% endif %}
                    <p>Publié le {{ post.publicationDate|date('d-m-Y') }}
                        par {{ post.author.firstName }} {{ post.author.lastName }}</p>

                </div>
                {% if not post.postDocuments.empty %}
                    <div class="card-footer bg-grey px-5 py-3 text-white">
                        <p class="h5">Pièces-jointes :</p>
                        <ul class="list-group list-group-horizontal">
                            {% for document in post.postDocuments %}
                                <li class="list-group-item "><a
                                            href="{{ path('post_document_show', {'postDocument': document.id}) }}">{{ document.fileName }}</a>
                                </li>
                            {% endfor %}
                        </ul>
                    </div>
                {% endif %}
            </div>
        </div>
    </div>
    {% include "post/_commentPost.html.twig" %}
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    {{ encore_entry_script_tags('post') }}
{% endblock %}