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

{% 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.title }}</h1>
            </div>

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

                        Retour à la liste
                    </a>
                    <a href="{{ path('admin_blog_post_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-3 p-3">
            <ul class="list-group">
                <li class="list-group-item">
                    <span class="font-weight-bold pb-2 d-block">Titre</span>

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

                    {{ entity.subTitle }}
                </li>
                <li class="list-group-item">
                    <span class="font-weight-bold pb-2 d-block">Catégories</span>

                    {% for category in entity.categories %}
                        <a class="d-block" href="{{ path('admin_blog_post_show', {entity: category.id}) }}">{{ category.title }}</a>
                    {% endfor %}
                </li>
                <li class="list-group-item">
                    <span class="font-weight-bold pb-2 d-block">URL</span>

                    {{ absolute_url('/' ~ entity.slug) }}
                </li>
                <li class="list-group-item">
                    <span class="font-weight-bold pb-2 d-block">Meta description</span>

                    {{ entity.metaDescription }}
                </li>
            </ul>
        </div>
        <div class="col-6 p-3">
            <div class="font-weight-bold pb-2">Contenu</div>

            {{ entity.content|raw|nl2br }}
        </div>
        <div class="col-3 p-3">
            <ul class="list-group">
                <li class="list-group-item">
                    <span class="font-weight-bold pb-3 d-block">Image</span>

                    {% if entity.image %}
                        <figure>
                            <img src="{{ asset('uploads/' ~ entity.image) }}" alt="{{ entity.imageCaption }}" title="{{ entity.imageCaption }}" class="img-fluid">

                            <figcaption>
                                {{ entity.imageCaption }}
                            </figcaption>
                        </figure>
                    {% else %}
                        -
                    {% endif %}
                </li>

                <li class="list-group-item">
                    <span class="font-weight-bold pb-2 d-block">Statut</span>

                    {% if entity.status == 0 %}
                        Brouillon
                    {% else %}
                        Publié
                    {% endif %}
                </li>
                <li class="list-group-item">
                    <span class="font-weight-bold pb-2 d-block">Date de publication</span>

                    {{ entity.publishedAt ? entity.publishedAt|date('d/m/Y H:i') : '-' }}
                </li>
                <li class="list-group-item">
                    <span class="font-weight-bold pb-2 d-block">Auteur</span>

                    <a href="">
                        {{ entity.author.displayName }}
                    </a>
                </li>
            </ul>
        </div>
     </div>
{% endblock %}