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

{% block title %}Evènement - {{ event.title }}{% endblock %}

{% block body %}
    <div class="row">
        <div class="col-12">
            <div class="card border-0 mb-3">
                <div class="card-header bg-grey">
                    <h1 class="h5 text-white m-0 fw-bold float-start">Evènement - {{ event.title }}</h1>
                    <div class="float-end">
                        {{ include('admin_event/_delete_form.html.twig') }}
                    </div>
                </div>
                <div class="card-body bg-white py-3">
                    <a href="{{ path('admin_event_edit', {'id': event.id}) }}"
                       class="btn btn-dark-blue my-3 fw-bold text-uppercase ls-2 py-2"><i class="fas fa-edit"></i>
                        Modifier l'évènement</a>
                    <div class="table-responsive">
                        <table class="table">
                            <tbody>
                            <tr>
                                <th>Titre</th>
                                <td>{{ event.title }}</td>
                            </tr>
                            <tr>
                                <th>Contenu</th>
                                <td>{{ event.content | raw }}</td>
                            </tr>
                            {% if event.externalLinkTarget %}
                                <tr>
                                    <th>Lien externe</th>
                                    <td><a class="btn btn-primary" href="{{ event.externalLinkTarget }}" target="_blank">{{ event.externalLinkLabel ?: "Lire la suite" }}</a></td>
                                </tr>
                            {% endif %}
                            {% if event.picture %}
                            <tr>
                                <th>Photo</th>
                                <td><img src="{{ event.base64Picture }}" alt="Photo" class="img-fluid img-thumbnail w-25"></td>
                            </tr>
                            {% endif %}
                            <tr>
                                <th>Date de publication</th>
                                <td>{{ event.postDate ? event.postDate|date('d-m-Y H:i:s') : '' }}</td>
                            </tr>
                            <tr>
                                <th>Affiché</th>
                                <td>{{ event.active  | prettyBool }}</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}