<section class="locales">
<article class="locales__container wancho">
<div class="locales__sucursal flex">
<div class="locales__talleres">
<h3 class="locales__talleres__title">{{ detail.title|upper }}</h3>
<fieldset class="locales__select formGroup flex">
<div class="fInput fSelect">
<select name="provincia" id="select_provincia">
<option value="">Provincia</option>
{% for item in detail.type2ItemsProvinces %}
<option value="{{ item }}">{{ item }}</option>
{% endfor %}
</select>
</div>
<div class="fInput fSelect">
<select name="distrito" id="select_distrito">
<option value="">Distrito</option>
{% for item in detail.type2ItemsDistricts %}
{% for e in item.districts %}
<option value="{{e}}" data-provincia="{{item.province}}" data-distrito="{{e}}">{{e}}</option>
{% endfor %}
{% endfor %}
</select>
</div>
</fieldset>
<ul class="locales__list">
{% for item in detail.type2ItemsActive %}
<li
class="locales__list__item"
data-provincia="{{ item.province }}"
data-distrito="{{ item.district }}"
data-taller="{{ item.title }}"
data-correo="{{ item.email }}"
data-telefono="{{ item.phone }}"
data-telefonotrim="{{ item.phone|trim }}"
data-direccion="{{ item.address }}"
data-direccionurl="{{ item.mapsUrl|default(item.wazeUrl)|default('javascript:void(0)') }}"
data-maps="{{ item.mapsShow and item.mapsUrl ? item.mapsUrl : '' }}"
{#data-mapsText="{{ item.mapsText }}"#}
data-waze="{{ item.wazeShow and item.wazeUrl ? item.wazeUrl : '' }}"
{#data-wazeText="{{ item.wazeText }}"#}
data-img="{{ item.img|image_path ? asset(item.img|image_path) : '' }}"
>
<div>
<h4>{{ item.title }}</h4>
<p>{{ item.address }}</p>
</div>
</li>
{% endfor %}
</ul>
</div>
<div class="locales__principal__info">
<h4 id="locales__title"></h4>
<a class="locales__icon" href="mailto:" style="display:none;"
><i class="icon-mail"></i><span id="locales_mail"></span
></a>
<a class="locales__icon" href="tel:" style="display:none;"
><i class="icon-phone1"></i><span id="locales_phone"></span
></a>
<a class="locales__icon" href="" target="_blank" style="display:none;"
><i class="icon-placeholder"></i><span id="locales_dir"></span
></a>
<div class="flex locales__buttons">
<a href="" id="mapsBtn" target="_blank" class="button--gray" style="display:none;"
><img src="{{STATIC_URL}}img/maps.png" alt="Google Maps" />Google Maps</a
>
<a href="" id="mapsWaze" target="_blank" class="button--gray" style="display:none;"
><img src="{{STATIC_URL}}img/waze.png" alt="Waze" />Waze</a
>
</div>
<img src="" alt="foto de sucursal" style="display:none;" id="locales_img" />
</div>
</div>
</article>
</section>