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

{% block title %}{{ event.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">{{ event.title }}</h1>
                </div>
                <div class="card-body bg-white py-3">
                    {% if event.picture %}
                        <p><img src="{{ event.base64Picture }}" alt="Photo" class="img-fluid"></p>
                    {% endif %}

                    {{ event.content|raw }}

                    {% if event.externalLinkTarget %}
                        <p>
                            <a class="btn btn-primary" href="{{ event.externalLinkTarget }}" target="_blank">{{ event.externalLinkLabel ?: "Lire la suite" }}</a>
                        </p>
                    {% endif %}
                </div>
                <div class="card-footer bg-grey px-5 py-3">
                    <div class="text-white float-xl-end">Posté le {{ event.postDate ? event.postDate|date('d-m-Y à H:i') : '' }} par {{ event.author.fullName }}</div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}