{% if data.retails|default %}
{% for retail in data.retails %}
{% if data.retail_info|default == 'map' %}
{% if retail.iframeMap|default %}
<iframe src="{{ retail.iframeMap }}" width="100%" height="100%" style="border:0;"
allowfullscreen=""
loading="lazy"></iframe>
{% endif %}
{% else %}
<div id="{{ id }}"
class="{{ className }} flex flex-col text-sm text-start items-start font-light">
{% if data.retail_info|default == 'all' %}
<span class="font-title text-base font-semibold uppercase pb-2">{{ retail.publicName }}</span>
{% else %}
<span class="font-title text-base font-semibold uppercase pb-2">{{ retail.publicName }}</span>
{% endif %}
{% if retail.addressLine|default %}
{% if retail.googleBusinessProfileLink|default %}
<a href="{{ retail.googleBusinessProfileLink }}" target="_blank" rel="nofollow">
{% endif %}
<span>{{ retail.addressLine }}{% if retail.sublocality|default %}{{ ', ' ~ retail.sublocality }}{% endif %}</span>
<br><span>{{ retail.postalCode ~ ' ' ~ retail.locality }}</span>
{% if retail.googleBusinessProfileLink|default %}
</a>
{% endif %}
{% endif %}
{% if retail.phones|default %}
{% for phone in retail.phones %}
{% if phone.type == 'main' %}
<a href="tel:+34{{ phone.number|raw|replace({' ': ''}) }}"
class="font-light">{{ phone.number }}</a>
{% elseif phone.type == 'whatsapp' %}
<a href="https://api.whatsapp.com/send?phone=34{{ phone.number|raw|replace({' ': ''}) }}&text=Hola,%20me%20gustaría%20saber%20más%20información%20sobre%3a%20"
class="font-light">{{ phone.number }}</a>
{% endif %}
{% endfor %}
{% endif %}
{% if retail.emails|default %}
{% for email in retail.emails %}
<a href="mailto:{{ email.address }}"
class="font-light">{{ email.address }}</a>
{% endfor %}
{% endif %}
{% if data.retail_info|default == 'all' %}
{% if retail.googleBusinessProfileLink|default %}
<a href="{{ retail.googleBusinessProfileLink }}" target="_blank" rel="nofollow">Ver en
Google
Maps</a>
{% endif %}
{% endif %}
{% if data.retail_info|default == 'all' %}
{% if retail.openingHours|default %}
<span class="font-title text-base font-bold uppercase pb-2 pt-8">Horarios</span>
<span>{{ retail.openingHours|raw }}</span>
{% endif %}
{% endif %}
{% if retail.social|default %}
<div class="social flex flex-row gap-3 pt-6 pb-8">
{% for social in retail.social %}
<a href="{{ social.link }}" target="_blank" rel="nofollow">
{% include '@RetailBlock/assets/' ~ (social.network) ~ '.svg' %}
</a>
{% endfor %}
</div>
{% endif %}
</div>
{% endif %}
{% endfor %}
{% endif %}