{%- extends 'park/base.html.twig' -%}
{% block importmap %}{{ importmap(['app','post-list']) }}{% endblock %}
{%- set pageTitle -%}<b>Les Actualités</b><br/><small class="fw-normal">{{ park.prefixedName }}</small>{% endset %}
{%- block body -%}
    <section class="postList">
        <div class="container">
            <div class="postList-header mb-3 mb-lg-5 d-none d-md-block">
                <h1 class="postList-header-title text-center h2">{{ park.name }} {{ ux_icon('bi:chevron-right', {class:'text-tertiary', height:'18',width:'18', 'aria-label': 'Business Profile'}) }} <b>Actualités</b></h1>
            </div>
            <div class="postList-results">
                <div class="row">
                    <div class="col-lg-3">
                        <div class="postList-results-filter sticky-lg-top mb-4">
                            <a class="postList-results-filter-title" data-bs-toggle="collapse" href="#collapseFilter" role="button"
                               aria-expanded="{{ postListFilterFormSubmitted ? 'true':'false' }}" aria-controls="collapseFilter">
                                Filtres
                                {{ ux_icon('bi:chevron-down', {class:'text-white', height:'16',width:'16'}) }}
                            </a>
                            <div class="collapse d-lg-block" id="collapseFilter">
                                {{ include('park/components/postListFilterForm.default.html.twig',{postListFilterForm:postListFilterForm}) }}
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-9">
                        <twig:Park:PostList :filter="postListFilter"></twig:Park:PostList>
                    </div>
                </div>
            </div>
        </div>
    </section>
{%- endblock -%}