{%- extends 'park/base.html.twig' -%}
{% block importmap %}{{ importmap(['app','post-show']) }}{% endblock %}
{%- set pageTitle -%}<b>L'Actualité</b>{% endset %}
{%- block body -%}
    <div class="container">
        <div class="postShow-header my-3">
            <div class="row ">
                <div class="col-sm-auto">
                    <a href="{{ path('park_postlist') }}" class="btn btn-sm btn-outline-light rounded-pill">{{ ux_icon('bi:chevron-left', {height:'12',width:'12'}) }} Retour Actualités</a>
                </div>
            </div>
        </div>
        <section class="postShow-content">
            <div class="row">
                {% if post.image %}
                    <div class="col-7 col-sm-6 col-lg-5">
                        <div class="postShow-content-img mb-4 mb-lg-0">
                            <figure class="mb-0 ratio ratio-a4">
                                <img src="{{ asset(post.image.name)|imagine_filter('all') }}" class="img-fluid" alt="">
                            </figure>
                        </div>
                    </div>
                {% endif %}
                <div class="{{ post.image?'col-lg-7':'col-12' }}">
                    <div class="postShow-content-detail">
                        <h1 class="postShow-content-detail-title h3 fw-bold">{{ post.title }}</h1>
                        <div class="row">
                            <div class="col-auto">
                                <a class="businessBadge mb-4" href="{{ path('park_business_show', {'business': post.business.uuidStr}) }}">
                                    {% if post.business.logo and post.business.logo.name %}
                                        <figure class="mb-0 ratio ratio-1x1 businessBadge-logo">
                                            <img src="{{ asset(post.business.logo.name)|imagine_filter('all') }}" class="img-fluid object-fit-contain" alt="Logo - {{ post.business.name }}">
                                        </figure>
                                    {% endif %}
                                    <span class="business-badge-title mx-2">{{ post.business.name|striptags|raw }}</span>
                                </a>
                            </div>
                        </div>
                        <div class="postShow-content-detail-text">{{ post.description|raw }}</div>
                    </div>
                </div>
            </div>
        </section>
    </div>
{%- endblock -%}