{% sw_extends '@parent/storefront/base.html.twig' %}{% block base_body %} {{ parent() }} {% block nb_priceonrequest_toasts %} {% block nb_priceonrequest_toasts_success %} <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> {% 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"> <p class="modal-title nb-custom-h5" id="priceOnRequestModalCenterTitle">{{ 'nimbits-pricerequests.popup.popupTitle'|trans }}</p> <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" method="post" data-form-csrf-handler="true" data-form-validation="true" 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=""/> <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 %} {% if page.footer.extensions.nimbitsPriceOnRequestSettings.nbproformsettingsdesiredprice %} {% block nb_priceonrequest_desired_price %} <div class="form-group"> <label for="priceOnRequestDesiredPrice">{{ 'nimbits-pricerequests.popup.desiredprice'|trans }} {% if page.footer.extensions.nimbitsPriceOnRequestSettings.nbproformsettingsdesiredpricerequired == false %}{{ 'nimbits-pricerequests.popup.optional'|trans }}{% else %}{{ 'nimbits-pricerequests.popup.required'|trans }}{% endif %}</label> <input name="nbpr_desiredprice" type="number" class="form-control" id="priceOnRequestDesiredPrice" placeholder="{{ 'nimbits-pricerequests.popup.desiredprice'|trans }}{{ page.header.activeCurrency.symbol }} {{ page.header.activeCurrency.translated.name }}" {% if page.footer.extensions.nimbitsPriceOnRequestSettings.nbproformsettingsdesiredpricerequired == true %}required{% endif %}> <input name="nbpr_desiredpricecurrency" type="hidden" id="priceOnRequestDesiredPriceCurrrency" value="{{ page.header.activeCurrency.translated.name }}"> </div> {% endblock %} {% endif %} {% 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=""> <input name="errorRoute" class="nb_por_error_route" type="hidden" value=""> <input name="error_route" class="nb_por_error_route" type="hidden" value=""> <input type="hidden" name="errorRoute" value="frontend.account.register.page"> {% sw_include '@Storefront/storefront/component/captcha/base.html.twig' with { preCheck: true } %} {% 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.nbprorecaptchasettingsactive1 == true %} <script src="https://www.google.com/recaptcha/api.js?render={{ page.footer.extensions.nimbitsPriceOnRequestSettings.nbprorecaptchasettingstoken1 }}"></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> {% endif %} {% endblock %}{% endblock %}