{% if distribuidores %}
{% for distribuidor in distribuidores %}
<!-- Distribuidor -->
<div class="col-xs-12 col-sm-6 col-xl-4 mb-10">
    <div class="icon-box icon-solid icon-box-side text-center">
        <span class="icon-box-icon pr-2">
            {% if distribuidor.logotipo %}
            <img src="{{ distribuidor.ruta~distribuidor.logotipo }}" width="100px">
            {% else %}
            <img src="{{ asset('assets/global/images/logo.png') }}" width="100px">
            {% endif %}
        </span>
        <div class="icon-box-content text-left">
            <h4 class="icon-box-title mb-2"><b>{{ distribuidor.nombre }}</b></h4>
            <p>
                <i class="d-icon-angle-right"></i>&ensp; <a href="mailto:{{ distribuidor.email }}">{{ distribuidor.email }}</a>
            </p>
            {% if distribuidor.telefono %}
            <p>
                <i class="d-icon-phone"></i>&ensp; <a href="tel:{{ distribuidor.telefono }}">{{ distribuidor.telefono }}</a>
            </p>
            {% endif %}
            <p class="mb-4">
                <i class="d-icon-map"></i>&ensp; <a href="https://maps.google.com/?q={{ distribuidor.latitud }},{{ distribuidor.longitud }}" target="_blank">{{ distribuidor.direccion~' '~distribuidor.poblacion~' '~distribuidor.zip }}</a>
            </p>
            <p>
                <a href="https://maps.google.com/?q={{ distribuidor.latitud }},{{ distribuidor.longitud }}" target="_blank" class="btn btn-primary btn-sm">Cómo llegar</a>
            </p>
        </div>
    </div>
</div>
<!-- /.distribuidor -->
{% endfor %}
{% else %}
    {% trans into locale %}There are no distributors of this product near you.{% endtrans %}
{% endif %}