{% sw_extends '@parent/storefront/base.html.twig' %}
{% block base_body %}
{{ parent() }}
{% block nb_priceonrequest_toasts %}
{% block nb_priceonrequest_toasts_success %}
<div class="wrapper">
<div class="" id="toast">
<div class="container-1 alert nb-alert-success" role="alert">
{{ 'nimbits-pricerequests.finish.alert'|trans }}
</div>
<div class="container-2 alert nb-alert-failure" role="alert">
{{ 'nimbits-pricerequests.fail.alert'|trans }}
</div>
</div>
</div>
{% endblock %}
{% endblock %}
{% block nb_priceonrequest_requestform_entiremodal %}
<!-- Modal -->
<div class="modal fade" id="priceOnRequestModalCenter" tabindex="-1" role="dialog"
aria-labelledby="priceOnRequestModalCenterTitle" aria-hidden="true">
<input type="hidden" name="nb_priceonrequest_quantity_producttitle_seperator"
value="{{ 'nimbits-pricerequests.popup.quantityProductTitleSeperator'|trans }}"/>
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
{% block nb_priceonrequest_requestform_modalheader %}
<div class="modal-header">
<h5 class="modal-title"
id="priceOnRequestModalCenterTitle">{{ 'nimbits-pricerequests.popup.popupTitle'|trans }}</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
{% endblock %}
{% block nb_priceonrequest_requestform_modalbody %}
<div class="modal-body">
{% block nb_priceonrequest_requestform_text %}
<div class="request-text">
{{ 'nimbits-pricerequests.popup.text'|trans }}
</div><br>
{% endblock %}
{% block nb_priceonrequest_requestform_product %}
{% if page.footer.extensions.nimbitsPriceOnRequestSettings.nbporshowarticlesinrequestform %}
<div class="request-product">
<div class="row request-product-title">
<div class="col">
<b>{{ 'nimbits-pricerequests.popup.product'|trans }}</b>
</div>
</div>
<div class="row request-product-data border">
<div class="col nb_pricerequest_form_lineitems_div">
</div>
</div>
</div>
{% endif %}
{% endblock %}
{% block nb_priceonrequest_requestform_form %}
<form class="needs-validation" novalidate method="post"
action="{{ path('frontend.action.nimbits.price-request-request') }}">
{% block nb_priceonrequest_requestform_csrf %}
{{ sw_csrf('frontend.action.nimbits.price-request-request') }}
{% endblock %}
<input type="hidden"
value="{{ path('frontend.action.nimbits.price-request-customerdata') }}"
id="nimbits-priconrequest-cdata-url">
<input name="nbpr_form_sourceurl" class="nbpr_form_sourceurl" type="hidden"
value=""/>
{% block nb_priceonrequest_requestform_recaptcha %}
<input type="hidden" name="nbpr_recaptcha_rca" id="nbpr_recaptcha_rca"
value="{% if page.footer.extensions.nimbitsPriceOnRequestSettings.nbprorecaptchasettingsactive == true %}1{% else %}0{% endif %}">
{% if page.footer.extensions.nimbitsPriceOnRequestSettings.nbprorecaptchasettingsactive == true %}
<input type="hidden" name="nbpr_deftoken" id="nbpr_deftoken"
value="{{ page.footer.extensions.nimbitsPriceOnRequestSettings.nbprorecaptchasettingstoken }}">
<input type="hidden" name="nbpr_token" id="nbpr_token" value="">
{% endif %}
{% endblock %}
<input name="nb_pricerequest_form_lineitems" type="hidden"/>
{% block nb_priceonrequest_requestform_salutation %}
<div class="row">
<div class="col">
<div class="form-group">
<label for="priceOnRequestFormSalutation">{{ 'nimbits-pricerequests.popup.salutation'|trans }} {% if page.footer.extensions.nimbitsPriceOnRequestSettings.nbproformsettingsrequiredsalutation == false %}{{ 'nimbits-pricerequests.popup.optional'|trans }}{% else %}{{ 'nimbits-pricerequests.popup.required'|trans }}{% endif %}</label>
<select name="nbpr_salutation" class="form-control"
id="priceOnRequestFormSalutation"
{% if page.footer.extensions.nimbitsPriceOnRequestSettings.nbproformsettingsrequiredsalutation == true %} required{% endif %}>
<option value="">{{ 'nimbits-pricerequests.popup.salutation'|trans }} {% if page.footer.extensions.nimbitsPriceOnRequestSettings.nbproformsettingsrequiredsalutation == false %}{{ 'nimbits-pricerequests.popup.optional'|trans }}{% else %}{{ 'nimbits-pricerequests.popup.required'|trans }}{% endif %}</option>
<option>{{ 'nimbits-pricerequests.popup.genderw'|trans }}</option>
<option>{{ 'nimbits-pricerequests.popup.genderm'|trans }}</option>
<option>{{ 'nimbits-pricerequests.popup.gendern'|trans }}</option>
</select>
</div>
</div>
<div class="col">
<div class="form-group">
<label for="priceOnRequestFormCompany">{{ 'nimbits-pricerequests.popup.company'|trans }} {% if page.footer.extensions.nimbitsPriceOnRequestSettings.nbproformsettingsrequiredcompany == false %}{{ 'nimbits-pricerequests.popup.optional'|trans }}{% else %}{{ 'nimbits-pricerequests.popup.required'|trans }}{% endif %}</label>
<input name="nbpr_company" type="text" class="form-control"
id="priceOnRequestFormCompany"
placeholder="{{ 'nimbits-pricerequests.popup.company'|trans }} {% if page.footer.extensions.nimbitsPriceOnRequestSettings.nbproformsettingsrequiredcompany == false %}{{ 'nimbits-pricerequests.popup.optional'|trans }}"{% else %}{{ 'nimbits-pricerequests.popup.required'|trans }}" required{% endif %}
>
</div>
</div>
</div>
{% endblock %}
{% block nb_priceonrequest_requestform_firstlastname %}
<div class="row">
{% block nb_priceonrequest_requestform_firstname %}
<div class="col">
<div class="form-group">
<label for="priceOnRequestFormForename">{{ 'nimbits-pricerequests.popup.name'|trans }} {% if page.footer.extensions.nimbitsPriceOnRequestSettings.nbproformsettingsrequiredsfirstname == false %}{{ 'nimbits-pricerequests.popup.optional'|trans }}{% else %}{{ 'nimbits-pricerequests.popup.required'|trans }}{% endif %}</label>
<input name="nbpr_firstname" type="text" class="form-control"
id="priceOnRequestFormForename"
placeholder="{{ 'nimbits-pricerequests.popup.name'|trans }} {% if page.footer.extensions.nimbitsPriceOnRequestSettings.nbproformsettingsrequiredsfirstname == false %}{{ 'nimbits-pricerequests.popup.optional'|trans }}"{% else %}{{ 'nimbits-pricerequests.popup.required'|trans }}" required{% endif %}
>
</div>
</div>
{% endblock %}
{% block nb_priceonrequest_requestform_lastname %}
<div class="col">
<div class="form-group">
<label for="priceOnRequestFormSurname">{{ 'nimbits-pricerequests.popup.surname'|trans }} {% if page.footer.extensions.nimbitsPriceOnRequestSettings.nbproformsettingsrequiredlastname == false %}{{ 'nimbits-pricerequests.popup.optional'|trans }}{% else %}{{ 'nimbits-pricerequests.popup.required'|trans }}{% endif %}</label>
<input name="nbpr_surname" type="text" class="form-control"
id="priceOnRequestFormSurname"
placeholder="{{ 'nimbits-pricerequests.popup.surname'|trans }} {% if page.footer.extensions.nimbitsPriceOnRequestSettings.nbproformsettingsrequiredlastname == false %}{{ 'nimbits-pricerequests.popup.optional'|trans }}"{% else %}{{ 'nimbits-pricerequests.popup.required'|trans }}" required{% endif %}
>
</div>
</div>
{% endblock %}
</div>
{% endblock %}
{% block nb_priceonrequest_requestform_phonemail %}
<div class="row">
{% block nb_priceonrequest_requestform_phone %}
{% if page.footer.extensions.nimbitsPriceOnRequestSettings.nbproformsettingsphoneactive %}
<div class="col">
<div class="form-group">
<label for="priceOnRequestFormPhonenumber">{{ 'nimbits-pricerequests.popup.phonenumber'|trans }} {% if page.footer.extensions.nimbitsPriceOnRequestSettings.nbproformsettingsrequiredphonenumber == false %}{{ 'nimbits-pricerequests.popup.optional'|trans }}{% else %}{{ 'nimbits-pricerequests.popup.required'|trans }}{% endif %}</label>
<input type="tel" name="nbpr_phonenumber"
class="form-control"
id="priceOnRequestFormPhonenumber"
placeholder="{{ 'nimbits-pricerequests.popup.phonenumber'|trans }} {% if page.footer.extensions.nimbitsPriceOnRequestSettings.nbproformsettingsrequiredphonenumber == false %}{{ 'nimbits-pricerequests.popup.optional'|trans }}"{% else %}{{ 'nimbits-pricerequests.popup.required'|trans }}" required{% endif %}
>
</div>
</div>
{% endif %}
{% endblock %}
{% block nb_priceonrequest_requestform_mail %}
<div class="col">
<div class="form-group">
<label for="priceOnRequestFormMail">{{ 'nimbits-pricerequests.popup.mail'|trans }} {% if page.footer.extensions.nimbitsPriceOnRequestSettings.nbproformsettingsrequiredemail == false %}{{ 'nimbits-pricerequests.popup.optional'|trans }}{% else %}{{ 'nimbits-pricerequests.popup.required'|trans }}{% endif %}</label>
<input name="nbpr_mail" type="email" class="form-control"
id="priceOnRequestFormMail"
placeholder="{{ 'nimbits-pricerequests.popup.mail'|trans }} {% if page.footer.extensions.nimbitsPriceOnRequestSettings.nbproformsettingsrequiredemail == false %}{{ 'nimbits-pricerequests.popup.optional'|trans }}"{% else %}{{ 'nimbits-pricerequests.popup.required'|trans }}" required{% endif %}
>
<div class="invalid-feedback">
{{ 'nimbits-pricerequests.popup.entervalidmail'|trans }}
</div>
</div>
</div>
{% endblock %}
</div>
{% endblock %}
{% block nb_priceonrequest_requestform_address %}
{% if page.footer.extensions.nimbitsPriceOnRequestSettings.nbproformsettingsaddressactive %}
{% block nb_priceonrequest_requestform_streethousenumber %}
<div class="row">
{% block nb_priceonrequest_requestform_street %}
<div class="col">
<div class="form-group">
<label for="priceOnRequestFormStreet">{{ 'nimbits-pricerequests.popup.street'|trans }} {% if page.footer.extensions.nimbitsPriceOnRequestSettings.nbproformsettingsrequiredaddress == false %}{{ 'nimbits-pricerequests.popup.optional'|trans }}{% else %}{{ 'nimbits-pricerequests.popup.required'|trans }}{% endif %}</label>
<input name="nbpr_street" type="text"
class="form-control"
id="priceOnRequestFormStreet"
placeholder="{{ 'nimbits-pricerequests.popup.street'|trans }} {% if page.footer.extensions.nimbitsPriceOnRequestSettings.nbproformsettingsrequiredaddress == false %}{{ 'nimbits-pricerequests.popup.optional'|trans }}"{% else %}{{ 'nimbits-pricerequests.popup.required'|trans }}" required{% endif %}
>
<div class="invalid-feedback">
{{ 'nimbits-pricerequests.popup.entervalidstreet'|trans }}
</div>
</div>
</div>
{% endblock %}
{% block nb_priceonrequest_requestform_housenumber %}
<div class="col">
<div class="form-group">
<label for="priceOnRequestFormHousenumber">{{ 'nimbits-pricerequests.popup.housenumber'|trans }} {% if page.footer.extensions.nimbitsPriceOnRequestSettings.nbproformsettingsrequiredaddress == false %}{{ 'nimbits-pricerequests.popup.optional'|trans }}{% else %}{{ 'nimbits-pricerequests.popup.required'|trans }}{% endif %}</label>
<input name="nbpr_housenumber" type="text"
class="form-control"
id="priceOnRequestFormHousenumber"
placeholder="{{ 'nimbits-pricerequests.popup.housenumber'|trans }} {% if page.footer.extensions.nimbitsPriceOnRequestSettings.nbproformsettingsrequiredaddress == false %}{{ 'nimbits-pricerequests.popup.optional'|trans }}"{% else %}{{ 'nimbits-pricerequests.popup.required'|trans }}" required{% endif %}
>
<div class="invalid-feedback">
{{ 'nimbits-pricerequests.popup.entervalidhousenumber'|trans }}
</div>
</div>
</div>
{% endblock %}
</div>
{% endblock %}
{% block nb_priceonrequest_requestform_zipcodecity %}
<div class="row">
{% block nb_priceonrequest_requestform_zipcode %}
<div class="col">
<div class="form-group">
<label for="priceOnRequestFormZipcode">{{ 'nimbits-pricerequests.popup.zipcode'|trans }} {% if page.footer.extensions.nimbitsPriceOnRequestSettings.nbproformsettingsrequiredaddress == false %}{{ 'nimbits-pricerequests.popup.optional'|trans }}{% else %}{{ 'nimbits-pricerequests.popup.required'|trans }}{% endif %}</label>
<input name="nbpr_zipcode" type="text"
class="form-control"
id="priceOnRequestFormZipcode"
placeholder="{{ 'nimbits-pricerequests.popup.zipcode'|trans }} {% if page.footer.extensions.nimbitsPriceOnRequestSettings.nbproformsettingsrequiredaddress == false %}{{ 'nimbits-pricerequests.popup.optional'|trans }}"{% else %}{{ 'nimbits-pricerequests.popup.required'|trans }}" required{% endif %}
>
<div class="invalid-feedback">
{{ 'nimbits-pricerequests.popup.entervalidzipcode'|trans }}
</div>
</div>
</div>
{% endblock %}
{% block nb_priceonrequest_requestform_city %}
<div class="col">
<div class="form-group">
<label for="priceOnRequestFormCity">{{ 'nimbits-pricerequests.popup.city'|trans }} {% if page.footer.extensions.nimbitsPriceOnRequestSettings.nbproformsettingsrequiredaddress == false %}{{ 'nimbits-pricerequests.popup.optional'|trans }}{% else %}{{ 'nimbits-pricerequests.popup.required'|trans }}{% endif %}</label>
<input name="nbpr_city" type="text" class="form-control"
id="priceOnRequestFormCity"
placeholder="{{ 'nimbits-pricerequests.popup.city'|trans }} {% if page.footer.extensions.nimbitsPriceOnRequestSettings.nbproformsettingsrequiredaddress == false %}{{ 'nimbits-pricerequests.popup.optional'|trans }}"{% else %}{{ 'nimbits-pricerequests.popup.required'|trans }}" required{% endif %}
>
<div class="invalid-feedback">
{{ 'nimbits-pricerequests.popup.entervalidcity'|trans }}
</div>
</div>
</div>
{% endblock %}
</div>
{% endblock %}
{% block nb_priceonrequest_requestform_country %}
<div class="form-group">
<label for="priceOnRequestFormCountry">{{ 'nimbits-pricerequests.popup.country'|trans }} {% if page.footer.extensions.nimbitsPriceOnRequestSettings.nbproformsettingsrequiredaddress == false %}{{ 'nimbits-pricerequests.popup.optional'|trans }}{% else %}{{ 'nimbits-pricerequests.popup.required'|trans }}{% endif %}</label>
<input name="nbpr_country" type="text" class="form-control"
id="priceOnRequestFormCountry"
placeholder="{{ 'nimbits-pricerequests.popup.country'|trans }} {% if page.footer.extensions.nimbitsPriceOnRequestSettings.nbproformsettingsrequiredaddress == false %}{{ 'nimbits-pricerequests.popup.optional'|trans }}"{% else %}{{ 'nimbits-pricerequests.popup.required'|trans }}" required{% endif %}
>
<div class="invalid-feedback">
{{ 'nimbits-pricerequests.popup.entervalidcountry'|trans }}
</div>
</div>
{% endblock %}
{% endif %}
{% endblock %}
{% block nb_priceonrequest_requestform_comment %}
<div class="form-group">
<label for="priceOnRequestFormMessage">{{ 'nimbits-pricerequests.popup.request'|trans }} {% if page.footer.extensions.nimbitsPriceOnRequestSettings.nbproformsettingsrequiredcomment == false %}{{ 'nimbits-pricerequests.popup.optional'|trans }}{% else %}{{ 'nimbits-pricerequests.popup.required'|trans }}{% endif %}</label>
<textarea name="nbpr_comment" class="form-control"
id="priceOnRequestFormMessage" rows="3"
{% if page.footer.extensions.nimbitsPriceOnRequestSettings.nbproformsettingsrequiredcomment == true %}required {% endif %}></textarea>
</div>
{% endblock %}
{% block nb_priceonrequest_requestform_dataprivacy %}
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="priceOnRequestCheck"
required>
<label class="custom-control-label"
for="priceOnRequestCheck">{{ 'nimbits-pricerequests.popup.dataprivacytext'|trans|raw }}{{ 'nimbits-pricerequests.popup.required'|trans }}</label>
</div>
<div class="form-group mt-2">
{{ 'nimbits-pricerequests.popup.requiredtext'|trans }}
</div>
{% endblock %}
<input name="nbpr_deletecart" class="nbpr_deletecart" type="hidden" value="">
{% if page.footer.extensions.nimbitsPriceOnRequestSettings.nbprohoneypotactive == true %}
{% sw_include '@Storefront/storefront/component/captcha/base.html.twig' %}
{% endif %}
{% block nb_priceonrequest_requestform_buttons %}
<div class="modal-footer">
<button type="button" class="btn btn-secondary"
data-dismiss="modal">{{ 'nimbits-pricerequests.popup.closebutton'|trans }}</button>
<button type="submit"
class="btn btn-primary nimbits-requestprice-button">{{ 'nimbits-pricerequests.popup.requestbutton'|trans }}</button>
</div>
{% endblock %}
</form>
{% endblock %}
</div>
{% endblock %}
</div>
</div>
</div>
{% endblock %}
{% block nb_priceonrequest_requestform_modalcenter %}
<button data-toggle="modal" data-target="#priceOnRequestModalCenter"
class="btn btn-block btn-nb-pricerequest-hidden btn-primary" style="display:none;"
title="{{ 'nimbits-pricerequests.cart.cartRequestButton'|trans }}">
{{ 'nimbits-pricerequests.cart.cartRequestButton'|trans }}
</button>
{% endblock %}
{% block nb_priceonrequest_requestform_recaptchascript %}
{% if page.footer.extensions.nimbitsPriceOnRequestSettings.nbprorecaptchasettingsactive == true %}
<script src="https://www.google.com/recaptcha/api.js?render={{ page.footer.extensions.nimbitsPriceOnRequestSettings.nbprorecaptchasettingstoken }}"></script>
<script>
function refreshGRECaptcha() {
var rca = document.querySelector('[name="nbpr_recaptcha_rca"]').value;
if (rca == 1) {
var deftoken = document.querySelector("[name='nbpr_deftoken']").value;
grecaptcha.execute(deftoken, {action: 'homepage'}).then(function (token) {
document.querySelector("[name='nbpr_token']").value = token;
});
}
};
if (typeof grecaptcha !== 'undefined') {
setInterval(refreshGRECaptcha, 60 * 1000);
grecaptcha.ready(function () {
refreshGRECaptcha();
});
}
</script>
{% if page.footer.extensions.nimbitsPriceOnRequestSettings.nbprorecaptchasettingslogovisible == true %}
<style>
.grecaptcha-badge {
display: none;
}
</style>
{% endif %}
{% endif %}
{% endblock %}
{% endblock %}