{% import 'common/macros/elements.html.twig' as elements %}
{% import 'common/macros/svg.html.twig' as svg %}
<article class="location">
<span class="headquarters">
<p> {{ getLocationHeadquarter(data) }}</p>
</span>
{{ elements.heading(data.getCompany(), 1, 'title') }}
<div class="addresses">
<span class="address-line">{{ data.getCity() ~ ', ' ~ getCountryName(data.getCountryCode()) }}</span>
<span class="address-line">{{ data.getAddress() }}</span>
</div>
<div class="contacts">
<a href="https://www.google.com/maps/dir/{{ data.getAddress() }}" target="_blank">
{% if data.getCity | lower == 'seattle' %}
{{ svg.seattle }}
{% elseif data.getCity | lower == 'amsterdam' %}
{{ svg.amsterdam }}
{% elseif data.getCity | lower == 'budapest' %}
{{ svg.budapest }}
{% elseif data.getCity | lower == 'bucharest' %}
{{ svg.bucharest }}
{% elseif data.getCity | lower == 'luxembourg' %}
{{ svg.luxembourg }}
{% endif %}
{{ 'our_locations.get_direction'|trans }}
</a>
{% if data.getEmail() is not empty %}
<a href="mailto:{{ data.getEmail() }}">
{{ svg.email }}
{{ data.getEmail() }}
</a>
{% endif %}
{% if data.getPhoneNumber() is not empty %}
<a href="tel:{{ data.getPhoneNumber() }}">
{{ svg.mobile }}
{{ data.getPhoneNumber() }}
</a>
{% endif %}
</div>
<div class="content">
<p>{{ getLocationDescription(data)|raw }}</p>
</div>
</article>