{%- extends 'park/base.html.twig' -%}
{% block importmap %}{{ importmap(['app','history']) }}{% endblock %}
{% set pageTitle %}<b>{{ park.name }}</b>{% if park.aboutTitle is not empty %}<br><small class="fw-normal">{{ park.aboutTitle }}</small>{% endif %}{% endset %}
{%- block body -%}
    <section class="history">
        <div class="container">
            <div class="history-header mb-4 mb-lg-5 d-none d-md-block">
                <h1 class="history-header-title text-center h2">{{ park.name }}{% if park.aboutTitle is not empty %} <b>{{ park.aboutTitle }}</b>{% endif %}</h1>
            </div>
            <div class="row">
                {% if park.aboutImage %}
                    <div class="col-md-6 col-lg-4">
                        <div class="history-img mb-4 mb-lg-0">
                            <figure class="ratio ratio-1x1 mb-0">
                                <img src="{{ asset(park.aboutImage.name)|imagine_filter('all') }}" class="img-fluid object-fit-cover" alt="{{ park.name }} - about">
                            </figure>
                        </div>
                    </div>
                {% endif %}
                <div class="col-md">
                    <div class="history-content">{{ park.aboutContent|raw }}</div>
                </div>
            </div>
        </div>
    </section>
{%- endblock -%}