{%- extends 'park/base.html.twig' -%}
{% block importmap %}{{ importmap(['app','business-list']) }}{% endblock %}
{%- set pageTitle -%}Les <b>Entreprises</b><br/><small class="fw-normal">{{ park.prefixedName }}</small>{% endset %}
{%- block body -%}
    <section class="businessList">
        <div class="container">
            <div class="businessList-header mb-3 mb-lg-5 d-none d-md-block">
                <h1 class="businessList-header-title text-center h2">{{ park.name }} {{ ux_icon('bi:chevron-right', {class:'text-tertiary', height:'18',width:'18'}) }} Les <b>Entreprises</b></h1>
            </div>
            <div class="businessList-results">
                <div class="row">
                    <div class="col-lg-3">
                        <div class="businessList-results-filter sticky-lg-top mb-4">
                            <a class="businessList-results-filter-title" data-bs-toggle="collapse" href="#collapseFilter" role="button"
                               aria-expanded="{{ businessListFilterFormSubmitted ? 'true':'false' }}" aria-controls="collapseFilter">
                                Filtres
                                {{ ux_icon('bi:chevron-down', {class:'text-white ms-2', height:'16',width:'16'}) }}
                            </a>
                            <div class="collapse d-lg-block" id="collapseFilter" >
                                {{ form_start(businessListFilterForm) }}
                                <div class="mt-2 mt-lg-3 businessList-results-filter-wrapper">
                                    <div class="row gx-3">
                                        <div class="col-md col-lg-12">
                                            {{ form_row(businessListFilterForm.name,{attr:{class:'mb-3'}}) }}
                                        </div>
                                        <div class="col-sm-6 col-md col-lg-12">
                                            {{ form_row(businessListFilterForm.activity,{attr:{class:'mb-3'}}) }}
                                        </div>
                                        <div class="col-sm-6 col-md col-lg-12">
                                            {{ form_row(businessListFilterForm.building,{attr:{class:'mb-3'}}) }}
                                        </div>
                                    </div>
                                    <div class="col-md-auto text-end">
                                        <button type="submit" class="btn btn-link">Rechercher</button>
                                    </div>
                                </div>
                                {{ form_end(businessListFilterForm) }}
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-9">
                        <twig:Park:BusinessList :filter="businessListFilter"></twig:Park:BusinessList>
                    </div>
                </div>
            </div>
        </div>
    </section>
{%- endblock -%}