{% set sec = get_section_data(entity, app.request.locale|default('pl')) %}
<section style="background-color: {{ entity.layoutSettings.backgroundColor|default('#ebeff1') }};" class="parent-container map pb-lg-0 pb-xxl-5 pt-{{ sec.secPT|default('0') }} pb-{{ sec.secPB|default('0') }} mt-{{ sec.secMT|default('0') }} mb-{{ sec.secMB|default('0') }}">
<div class="container">
<div class="row">
<div class="col-lg-7 col-12 map-text py-100">
<{{ sec.headerLevel|default('H2') }} class="map-header text-{{ sec.titleColor|default('black') }} {{ sec.titleFont|default('') }}">{{ sec.title|default }}</{{ sec.headerLevel|default('H2') }}>
<p class="py-4 py-sm-2 f-24">{{ sec.contentFirst|default|raw }}</p>
<p class="b-900 mb-4 f-25">{{ sec.contentSecond|default|raw }}</p>
<div class="d-flex justify-content-between align-items-center map-inputs">
<div>
<input type="text" id="searchCity" placeholder="miejscowość">
<input type="text" id="searchPostCode" placeholder="kod pocztowy">
<input type="hidden" id="type" value="first">
<p style="display: none" class="text-success fw-bold f-25 mt-sm-5 mt-3 mess-success">{{ entity.translations.pl.htmlContents.mess.success|default|raw }}</p>
<p style="display: none" class="text-danger fw-bold f-25 mt-sm-5 mt-3 mess-danger">{{ entity.translations.pl.htmlContents.mess.danger|default|raw }}</p>
</div>
<button class="loupe me-sm-auto mt-3 mt-sm-2 align-self-start searchCityBtn"><img src="{{ asset('assets/img/lupa-icon.svg') }}" alt=""></button>
</div>
</div>
{% if sec.image is not null %}
<div class="col-lg-5 col-12 map-img pb-4 pb-lg-0 fadeInRight wow" data-wow-delay="600ms">
<img src="{{ sec.image|default('')|imagine_filter('full') }}" alt="" class="img-fluid ms-lg-auto">
</div>
{% endif %}
</div>
</div>
</section>