{% 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 %} <form id="SignInForm" method="post" class="form-aside form-aside_top-line form-aside_flow"> <input type="hidden" name="_csrf_token" value="{{ csrf_token('SignInForm') }}" > <div class="form-aside__header form-aside__header_edit"> <h3 class="form-aside__title">Log In</h3> </div> <div class="form-aside__main"> <div class="form-aside__row"> <div class="form-aside__input 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="Enter your email address, formatted as name@example.com." placeholder="" class="input"> </div> <div class="form-aside__input input-wrapper"> <label class="input-wrapper__label" for="password">Password *</label> <input autocomplete="off" data-required id="password" type="password" name="password" data-error="This field is required." placeholder="" class="input"> </div> <div> <a id="showForgotPasswordPopUp" href="#" class="form-aside__edit">Forgot your password? /</a> <a id="showActivateAccountPopUp" href="#" class="form-aside__edit">Don’t have a password?</a> </div> <div style="text-align: center; margin: 30px 0 15px 0;"> <button class="button button_bold logInButton" type="submit">Log in</button> </div> <div class="errorText" style="text-align: center"></div> <div style="text-align: center; margin-bottom: 20px"> <p style="font-weight: bold">Don’t have an account? <a href="{{ path('sign_up') }}" style="cursor: pointer; color: #3399FF">Register now</a></p> </div> <div class="footer-aside__text"></div> <div style="text-align: center"> <p class="underFooterText">If you are having trouble accessing your account, <a href="{{ path('support') }}" style="text-decoration: underline">contact us here</a>.</p> </div> </div> </div> </form>{% endblock %}{% block popup %} <button id="showForgotPassword" style="display: none" data-popup="#ForgotPassword">Success</button> <div id="ForgotPassword" aria-hidden="true" class="popup"> <div class="popup__wrapper"> <form id="ForgotPassword" method="post"> <input type="hidden" name="_csrf_token" value="{{ csrf_token('ForgotPassword') }}" > <div class="popup__content popup__content_border"> <button data-close type="button" class="popup__close popup__close_fly"></button> <div class="popup__main"> <h4 class="popup__title">Reset Your <br> Password</h4> <div class="form-aside__main"> <div class="form-aside__row"> <div class="form-aside__input input-wrapper" style="text-align: left"> <label class="input-wrapper__label" for="email" style="color: #252525; font-family: 'FreightSans Pro', sans-serif; font-size: 20px; font-weight: 300; letter-spacing: 0.5px; line-height: 26px;">Email address *</label> <input autocomplete="off" data-required="email" id="email" type="text" name="email" data-error="Enter your email address, formatted as name@example.com." placeholder="" class="input" value=""> </div> <div style="text-align: center; margin-bottom: 10px"> <button class="button button_bold button_grey" type="submit">Reset Password</button> </div> <div class="errorText logInErrorText"></div> <br> <div class="footer-aside__text"></div> <div style="text-align: center"> <p class="underFooterText">If you are having trouble accessing your account, <a href="{{ path('support') }}" style="text-decoration: underline">contact us here</a>.</p> </div> </div> </div> </div> </div> </form> </div> </div> <button id="showActivateAccount" style="display: none" data-popup="#ActivateAccount">Success</button> <div id="ActivateAccount" aria-hidden="true" class="popup"> <div class="popup__wrapper"> <form id="ActivateAccount" method="post"> <input type="hidden" name="_csrf_token" value="{{ csrf_token('ForgotPassword') }}" > <div class="popup__content popup__content_border"> <button data-close type="button" class="popup__close popup__close_fly"></button> <div class="popup__main"> <h4 class="popup__title">Activate Your <br> Account</h4> <div class="popup__text"> <p>Enter your email and we'll send you a link to activate your account</p> </div> <div class="form-aside__main"> <div class="form-aside__row"> <div class="form-aside__input input-wrapper" style="text-align: left"> <label class="input-wrapper__label" for="email" style="color: #252525; font-family: 'FreightSans Pro', sans-serif; font-size: 20px; font-weight: 300; letter-spacing: 0.5px; line-height: 26px;">Email address *</label> <input autocomplete="off" data-required="email" id="email" type="text" name="email" data-error="Enter your email address, formatted as name@example.com." placeholder="" class="input" value=""> </div> <div style="text-align: center; margin-bottom: 10px;margin-top: 35px;"> <button class="button button_bold button_grey" type="submit">Send</button> </div> <div class="errorText logInErrorText"></div> <br> <div class="footer-aside__text"></div> <div style="text-align: center"> <p class="underFooterText">If you are having trouble accessing your account, <a href="{{ path('support') }}" style="text-decoration: underline">contact us here</a>.</p> </div> </div> </div> </div> </div> </form> </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-in.js?v=23-10-2022') }}"></script> <script> (()=>{ SignIn.messages = { SignIn: { email_not_found: '{{ 'SignIn.email_not_found'|transByTenant }}', auth_failure: '{{ 'SignIn.auth_failure'|transByTenant }}', }, ForgotPassword: { success: '{{ 'ForgotPassword.success'|transByTenant }}', failed: '{{ 'ForgotPassword.failed'|transByTenant }}', }, } SignIn.init(); })(); </script>{% endblock %}