{#<!-- Bloque código postal -->
<div id="aviso" class="container-fluid mt-10 pt-8 mb-6"{% if longitud is not null %} style="display: none;"{% endif %}>
    <div class="col">
        <div class="alert alert-summary alert-dark alert-black alert-message alert-inline text-center">
            <div class="container">
                <div class="row">
                    <div class="col">                                
                        <i class="fas fa-exclamation-triangle"></i>
                        <h4 class="alert-title">{% trans into locale %}WE NEED YOUR LOCATION!{% endtrans %}</h4><br>
                        {% trans into locale %}To view products near you, please accept that your browser allows us to access your location or, if you prefer, tell us your postcode below{% endtrans %}:
                        <div id="error-zip" class="alert alert-danger alert-dark alert-inline mt-2 mb-3" role="alert" style="display: none;"></div>
                        <form id="localizacion" class="input-wrapper input-wrapper-inline mt-3" style="margin: 0 auto; float: none;" onsubmit="confirmarZip(event);">
                            <input type="number" class="form-control form-solid" name="zip" id="zip" placeholder="{% trans into locale %}Insert your postcode{% endtrans %}..." required="" value="{% if zip is not null %}{{ zip }}{% endif %}">
                            <button class="btn btn-light" type="submit">{% trans into locale %}Send{% endtrans %}</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- /bloque código postal -->
#}
<!-- Modal código postal -->
<a id="desplegar-modal" href="#" class="login-toggle link-to-tab d-md-show" style="display:none;"> Desplegar modal ubicación</a>

<div id="modal-zip" class="dropdown login-dropdown off-canvas">
    <div class="canvas-overlay"></div>
    <div class="dropdown-box scrollable">
        <div class="login-popup">
            <div class="form-box">
                <div class="alert alert-warning alert-dark alert-inline mb-3">
                    <h4 class="alert-title"><b><i class="fas fa-exclamation-triangle"></i> {% trans into locale %}WE NEED YOUR LOCATION!{% endtrans %}</b></h4>
                </div>                
                {% trans into locale %}To view products near you, please accept that your browser allows us to access your location or, if you prefer, tell us your postcode below{% endtrans %}:
               
                <div id="error-zip" class="alert alert-danger alert-dark alert-inline mt-2 mb-3" role="alert" style="display: none;"></div>
                <form id="localizacion" class="input-wrapper mt-3" style="margin: 0 auto; float: none;" onsubmit="confirmarZip(event);">
                    <input type="number" class="form-control form-solid" name="zip" id="zip" placeholder="{% trans into locale %}Insert your postcode{% endtrans %}..." required="" value="{% if zip is not null %}{{ zip }}{% endif %}">
                    <button class="btn btn-light btn-block" type="submit">{% trans into locale %}Send{% endtrans %}</button>
                </form>
            </div>
            <button title="Cerrar (Esc)" type="button" class="mfp-close"><span>×</span></button>
        </div>
    </div>
</div>

<!-- ./modal código postal -->