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

{% block title %}{{ moderated_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 float-start">{{ moderated_post.title }}</h1>
                    {% if moderated_post.author is same as app.user %}
                        <a href="{{ path('moderated_post_edit', {'moderatedPost': moderated_post.id, 'slug': moderated_post.slug}) }}" class="btn btn-primary btn-sm float-end"><i class="fas fa-edit"></i> Modifier mon annonce</a>
                    {% endif %}
                </div>
                <div class="card-body bg-white">
                    {% if moderated_post.validated %}
                        <p class="badge bg-success">Publié le {{ moderated_post.postDate|date('d-m-Y') }} par {{ moderated_post.author.fullName }}</p>
                    {% else %}
                        <p class="badge bg-primary">Annonce en attente de validation</p>
                    {% endif %}
                    <br>
                    <img src="{{ moderated_post.base64Picture }}" alt="Photo" class="img-fluid">
                    <div class="py-3">
                        {{ moderated_post.content|raw }}

                        {% if moderated_post.externalLinkTarget %}
                            <p>
                                <a class="btn btn-primary" href="{{ moderated_post.externalLinkTarget }}" target="_blank">{{ moderated_post.externalLinkLabel ?: "Lire la suite" }}</a>
                            </p>
                        {% endif %}
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}