<section class="locales">
<article class="locales__container wancho">
<div class="locales__principal">
<h3 class="locales__principal__title">{{ detail.title|upper }}</h3>
<div class="locales__principal__container flex aic">
<img class="locales__principal__img" src="{{ asset(detail.type1Img|image_path) }}" alt="{{ detail.type1Img|image_alt }}" />
<div class="locales__principal__info">
<h4>{{ detail.type1Subtitle }}</h4>
{% if detail.type1Email %}
<a class="locales__icon" href="mailto:{{ detail.type1Email|trim }}"
><i class="icon-mail"></i>{{ detail.type1Email }}</a
>
{% endif %}
{% if detail.type1Phone %}
<a class="locales__icon" href="tel:{{ detail.type1Phone|only_numbers }}"><i class="icon-phone1"></i>{{ detail.type1Phone }}</a>
{% endif %}
{% if detail.type1Address %}
{% set linkaddress = detail.type1MapsUrl|default(detail.type1WazeUrl)|default('javascript:void(0)') %}
<a class="locales__icon" href="{{linkaddress}}" target="_blank"><i class="icon-placeholder"></i>{{ detail.type1Address }}</a>
{% endif %}
<div class="flex locales__buttons">
{% if detail.type1MapsShow and detail.type1MapsUrl %}
<a href="{{ detail.type1MapsUrl }}" class="button--gray" target="_blank"><img src="{{STATIC_URL}}img/maps.png" alt="" />{{ detail.type1MapsText|default('Google Maps') }}</a>
{% endif %}
{% if detail.type1WazeShow and detail.type1WazeUrl %}
<a href="{{ detail.type1WazeUrl }}" class="button--gray" target="_blank"><img src="{{STATIC_URL}}img/waze.png" alt="" />{{ detail.type1WazeText|default('Waze') }}</a>
{% endif %}
</div>
</div>
</div>
</div>
</article>
</section>