{% 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_category_index') }}" class="btn btn-secondary">
                        <span class="fa fa-list pr-1"></span>

                        Retour à la liste
                    </a>
                    <a href="{{ path('admin_blog_category_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-4 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">URL</span>

                    {{ absolute_url('/' ~ entity.slug) }}
                </li>
            </ul>
        </div>
        <div class="col-8 p-3">
            <div class="font-weight-bold pb-2">Description</div>

            {{ entity.description|raw|nl2br }}
        </div>

        <div class="col-12">
            <table class="table">
                <thead class="thead-light">
                    <tr>
                        <th>Derniers articles</th>
                    </tr>
                </thead>
                <tbody>
                    {% for item in posts %}
                        <tr>
                            <td>
                                <a href="{{ path('admin_blog_post_show', {entity: item.id}) }}" class="text-body">
                                    {{ item.title }}
                                </a>
                            </td>
                        </tr>
                    {% else %}
                        <tr>
                            <td class="text-center p-4 text-black-50">
                                <div class="display-1">
                                    <span class="fa fa-search"></span>
                                </div>
                                <div class="display-5 mt-3">
                                    Aucun résultat
                                </div>
                            </td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
{% endblock %}