<article class="location-item shadow border-radius-4 js-ajax-form-map-google__item stretch-link"
data-item-id="dealer-search-{{ location.id }}">
<div class="location-item__content d-flex flex-column">
<div class="location-item__text-wrapper">
<div class="d-flex flex-column justify-content-between">
<div class="location-item__inner-wrapper">
<h3 class="location-item__title">
<a class="stretch-link__link"
data-event-tracking-event="location_finder"
data-event-tracking-action="click_detail"
data-event-tracking-select_item="{{ location.name }}"
data-event-tracking-link_url="dealer-search-{{ location.id }}">
{{ location.name }}
</a>
</h3>
<div class="location-item__contact">
{% if location.phone %}
<div>
<a href="tel:{{ location.phone|phone }}"
class="link-with-icon text-secondary"
title="phone"
data-event-tracking-event="location_finder"
data-event-tracking-action="click_telephone"
data-event-tracking-select_item="{{ location.phone }}"
data-event-tracking-link_url="tel:{{ location.phone|phone }}">
<span class="icon icon-phone" aria-hidden="false"></span>
{{ location.phone }}
</a>
</div>
{% endif %}
{% if location.email %}
<div>
<a href="mail:{{ location.email }}"
class="link-with-icon text-secondary"
title="mail"
data-event-tracking-event="location_finder"
data-event-tracking-action="click_email"
data-event-tracking-select_item="{{ location.email }}"
data-event-tracking-link_url="mail:{{ location.email }}">
<span class="icon icon-mail" aria-hidden="false"></span>
{{ location.email }}
</a>
</div>
{% endif %}
</div>
</div>
<div class="location-item__inner-wrapper w-100">
{% if location.street or location.zip or location.city %}
<div class="d-flex flex-column location-item__address">
{% if location.street %}
<span>{{ location.street }}</span>
{% endif %}
{% if location.zip or location.city %}
<span>{{ location.zip }} {{ location.city }}</span>
{% endif %}
{% if location.config()[0] is defined and location.config()[0].country %}
<span>{{ elements_get_country_name(location.config()[0].country) }}</span>
{% endif %}
{% if location.geo and location.geo.getLatitude() and location.geo.getLongitude() %}
<a target="_blank"
href="https://www.google.com/maps/dir/?api=1&&destination={{ location.geo.getLatitude() }},{{ location.geo.getLongitude() }}"
class="text-secondary font-bold"
data-event-tracking-event="location_finder"
data-event-tracking-action="click_route_to_the_location"
data-event-tracking-select_item="{{ 'locationFinder.Routeplaner'|trans }}"
data-event-tracking-link_url="https://www.google.com/maps/dir/?api=1&&destination={{ location.geo.getLatitude() }},{{ location.geo.getLongitude() }}">
{{ 'locationFinder.Routeplaner'|trans }}
</a>
{% endif %}
</div>
{% endif %}
{{ include('includes/resort-badge.html.twig', {
resorts: location.resorts
}) }}
</div>
</div>
</div>
</div>
</article>