{% extends rootPath ~ '/base.html.twig' %}{% block javascripts %} {{ parent() }} <script type="text/javascript"> reCAPTCHA_site_key = '{{ reCAPTCHA_site_key }}'; </script> <script src="https://www.google.com/recaptcha/api.js?render={{ reCAPTCHA_site_key }}"></script>{% endblock %}{% block form %} {% set agreeText = (route ~ '.agreeText')|transByTenant %} <form id="SignUpForm" method="post" class="form-aside form-aside_top-line form-aside_flow"> <input type="hidden" name="_csrf_token" value="{{ csrf_token('SignUpForm') }}" > <div class="form-aside__header"> <h3 class="form-aside__title">Register</h3> </div> <div class="form-aside__grid grid-form"> <div class="grid-form__item input-wrapper"> <label class="input-wrapper__label" for="firstName">First name *</label> <input autocomplete="off" data-required id="firstName" type="text" name="firstName" data-error="This field is required." placeholder="" class="input"> </div> <div class="grid-form__item input-wrapper"> <label class="input-wrapper__label" for="lastName">Last name *</label> <input autocomplete="off" data-required id="lastName" type="text" name="lastName" data-error="This field is required." placeholder="" class="input"> </div> <div class="grid-form__item input-wrapper"> <label class="input-wrapper__label" for="country">Country</label> <select name="country" id="country" class="form-inp" data-scroll> {% for k,country in countries %} <option value="{{ k }}" {% if k == 'us' %}selected{% endif %}>{{ country }}</option> {% endfor %} </select> </div> <div class="grid-form__item input-wrapper"> <label class="input-wrapper__label" for="zip">Zip code</label> <input autocomplete="off" data-required id="zip" type="text" name="zip" data-error="This field is required." placeholder="" class="input"> </div> <div class="grid-form__item grid-form__item_big input-wrapper"> <label class="input-wrapper__label" for="email">Email address *</label> <input autocomplete="off" data-required="email" id="email" type="text" name="email" data-error="{{ 'EmailFieldMessages.requiredAndIsInvalid'|transByTenant }}" placeholder="" class="input"> </div> <div class="grid-form__item input-wrapper"> <label class="input-wrapper__label" for="newPassword">Password *</label> <input autocomplete="off" data-required id="newPassword" type="password" name="newPassword" data-error="This field is required." placeholder="" class="input"> </div> <div class="grid-form__item input-wrapper"> <label class="input-wrapper__label" for="confirmPassword">Confirm password *</label> <input autocomplete="off" data-required="confirmPassword" id="confirmPassword" type="password" name="confirmPassword" data-error="This field is required." placeholder="" class="input"> </div> </div> <div class="form-aside__footer footer-aside"> <button class="footer-aside__button button button_center button_red" type="submit">Submit</button> <div class="footer-aside__checkbox checkbox"> <input id="agree" data-required data-error="This checkbox is required." class="checkbox__input" type="checkbox" value="1" name="agree" checked> <label for="agree" class="checkbox__label"><span class="checkbox__text">{{ agreeText|raw }}</span></label> </div> </div> <div class="form-aside__error-message errorText" style="text-align: center"></div> </form>{% endblock %}{% block popup %} <button id="showSuccess" style="display: none" data-popup="#success">Success</button> <div id="success" aria-hidden="true" class="popup"> <div class="popup__wrapper"> <div class="popup__content popup__content_border"> <button data-close type="button" class="popup__close" data-url=""></button> <div class="popup__main"> <div class="popup__img"> <img src="{{ asset('tenants/tenant1/img/popup/hands.svg') }}" alt="hands"> </div> <h4 class="popup__title">Success!</h4> <div class="popup__subtitle">Thank you for registering with JNS</div> <div class="popup__text"> <p>Did you know? You can sign up for our JNS Community and get access to ad-free reading, special premium content and exclusive reader events.</p> </div> <a href="{{ path('become_premium') }}"><button class="popup__button button button_bold" type="button">Find out more</button></a> </div> <div class="popup__footer"> <p>Tell your friends and loved ones that you support JNS.</p> {% include '@tenants/tenant1/parts/popup/part/social.html.twig' %} </div> </div> </div> </div>{% endblock %}{% block body_javascript %} {{ parent() }} <script src="{{ asset('tenants/tenant1/js/formValidate.js?v=23-10-2022') }}"></script> <script src="{{ asset('tenants/tenant1/js/sign-up.js?v=23-10-2022') }}"></script> <script> (()=>{ SignUp.emailField.messages = { 'required' : '{{ 'EmailFieldMessages.required'|transByTenant }}', 'isInvalid' : '{{ 'EmailFieldMessages.isInvalid'|transByTenant }}', 'requiredAndIsInvalid' : '{{ 'EmailFieldMessages.requiredAndIsInvalid'|transByTenant }}', 'isInUse' : '{{ 'EmailFieldMessages.isInUse'|transByTenant|raw }}' }; SignUp.init(); })(); </script>{% endblock %}