<div class="boldr-section boldr-contact-map">
<div class="boldr-contact-map-details">
{% include '@BoldrCms/section-templates/heading.html.twig' with {
heading: section.heading,
subheading: section.subheading,
style: section.headingStyle,
} %}
{# Address #}
<div class="boldr-contact-map-line">
<i class="icon-pin"></i>
<div class="boldr-contact-map-address">
{{ boldr_site_options_get('contact_details_address') }}<br />
{{ boldr_site_options_get('contact_details_postal_code') }}
{{ boldr_site_options_get('contact_details_city') }}<br />
</div>
</div>
{# Contact options heading #}
{# Contact options #}
{% for contactOption in boldr_site_options_get('contact_details_contact_methods') %}
<{{ (contactOption.url ? 'a href="' ~ contactOption.url ~ '"' : 'span')|raw }} class="boldr-contact-map-line boldr-contact-map-contact-option">
<i class="boldr-icon {{ contactOption.icon }}"></i>
<span class="boldr-contact-map-contact-option-text">
{{ contactOption.text }}
</span>
</{{ contactOption.url ? 'a' : 'span' }}>
{% endfor %}
<div class="boldr-contact-map-line">
<i class="icon-briefcase"></i>
IBAN / SEPA: NL72RABO0306664259<br />
KvK-Nummer: 86833332<br />
BTW-Nummer: NL864105009B01
</div>
{# Social media links #}
{% if section.socialMediaLinksLayout %}
{% include '@BoldrContactMapSection/social_media_links/' ~ section.socialMediaLinksLayout ~ '.html.twig' %}
{% endif %}
</div>
<div class="boldr-contact-map-map boldr-google-maps-map" data-zoom="13" data-disable-default-ui="true">
<div class="boldr-google-maps-marker boldr-contact-map-marker" data-latitude="{{ section.latitude }}" data-longitude="{{ section.longitude }}">
<img src="{{ asset('assets/images/logo.svg') }}" class="boldr-contact-map-marker-image" />
</div>
</div>
</div>