{% extends base_layout() %}{% if not editmode and recaptcha is defined %} {% if recaptcha == 2 %} {% do pimcore_head_script().appendFile('https://www.google.com/recaptcha/api.js') %} {% elseif recaptcha == 3 %} {% do pimcore_head_script().appendFile('https://www.google.com/recaptcha/api.js?render=' ~ recaptchaPublic) %} {% endif %}{% endif %}{% set head_title = "Login Page"|trans %}{% block content %} <div class="container mb-5 pb-5"> <div class="row justify-content-center"> {% if signupsuccess %} <div class="col-lg-6"> <div class="alert alert-info"> <h3>{{ 'Your registration was successful'|trans }}</h3><br> <p>{{ 'Your request has been send for approval.'|trans }}</p> </div> </div> {% endif %} <div class="col-lg-6"> <div class="login-panel panel panel-default"> <div class="panel-body area-col"> <div class="area-col-inner position-relative area-shape area-shape-default bg-secondary p-5"> <div class="panel-heading"> <h1 class="text-center text-white mb-5"><span class="heading-line white">{{ 'LoginPortal - Login'|trans }}</span></h1> </div> {{ 'LoginPortal - Introtext'|trans|raw }} {# <span id="password-success" style="color: #000">{{ 'You can access now with your email and new password'|trans }}</span>#} {# read and display several types of flash messages #} {% for label, messages in app.flashes(['success', 'warning']) %} {% for message in messages %} <div id="messages" class="flash-{{ label }}"> {{ message }} </div> {% endfor %} {% endfor %} <br> <div class="mt-3"> {{ form_start(form) }} <div class="row"> <div class="col-12 mb-3"> {# {{ form_row(form.firstname) }}#} {{ form_label(form.email, null, {'label_attr': {'class': 'form-label'}}) }} {{ form_widget(form.email, {'attr': {'class': 'form-control', 'placeholder': form.email.vars.label}}) }} <div id="emailHelp" class="form-text">{{ form_help(form.email) }}</div> <div class="form-error"> {{ form_errors(form.email) }} </div> </div> <div class="col-12 mb-3"> {# {{ form_row(form.lastname) }}#} {{ form_label(form.password, null, {'label_attr': {'class': 'form-label'}}) }} {{ form_widget(form.password, {'attr': {'class': 'form-control', 'placeholder': form.password.vars.label }}) }} <div id="lastnameHelp" class="form-text">{{ form_help(form.password) }}</div> <div class="form-error"> {{ form_errors(form.password) }} </div> </div> </div> {# {{ form_row(form.conditions) }} <div class="col-12 form-check text-start mb-3"> {{ form_widget(form.conditions, {'attr': {'class': 'form-check-input'}}) }} #}{#{{ form_label(form.conditions, null, {'label_attr': {'class': 'form-check-label'}}) }}#}{# <label class="form-check-label required" for="login_form_conditions">{{ 'Ik ga akkoord met'|trans }}</label> <a href="{% if check_websitesetting('privacy_document', 'document') %}{{ inotherlang('LocalizedDocument', pimcore_website_config('privacy_document')) }}{% endif %}" target="_blank" class="fw-bold text-black"> {{ 'privacy'|trans }} </a> <div id="conditionsHelp" class="form-text">{{ form_help(form.conditions) }}</div> <div class="form-error"> {{ form_errors(form.conditions) }} </div> </div>#} {% if not editmode and recaptcha is defined %} {% if recaptcha == 2 %} <div class="form-group"> <div class="g-recaptcha" data-sitekey="{{ recaptchaPublic }}"></div> </div> {% elseif recaptcha == 3 %} <input type="hidden" name="gtoken" id="gtoken"> {% endif %} {% endif %} <div class="text-center mb-3"> {{ form_row(form.submit, {'attr': {'class': 'btn btn-black w-100','value': form.submit.vars.label}}) }} </div> <div class="text-center mb-3"> <a href="{{ path("signup-page") }}" class="btn btn-outline-white signup me-3"> <i class="far fa-user-circle fa-1x"></i> {{ 'Create account?'|trans }} </a> <a href="{{ path("lostpassword-page") }}" class="text-white">{{ 'Forgot password?'|trans }}</a> </div> {{ form_end(form) }} </div> <svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"> <clipPath clipPathUnits="objectBoundingBox" id="shapeyellow"> <path d="M0.536,0.991 s-0.414,0.038,-0.47,-0.038 C0.013,0.879,-0.009,0.825,0.004,0.696 s0.013,-0.268,0.013,-0.376 C0.018,0.133,0.026,0.017,0.269,0.006 C0.512,-0.005,0.731,-0.001,0.854,0.023 c0.121,0.023,0.14,0.05,0.143,0.241 c0.003,0.192,0.017,0.613,-0.062,0.688 c-0.054,0.051,-0.125,0.042,-0.399,0.038"></path> </clipPath> </svg> </div> </div> </div> </div> </div> </div> {% if not editmode and recaptcha == 3 and (app.flashes(['success']).success is empty or app.flashes(['warning']).warning is empty) %} <script> function getReCaptcha() { grecaptcha.ready(function () { grecaptcha.execute('{{ recaptchaPublic }}', {action: 'account_login'}).then(function (token) { var recaptchaResponse = document.getElementById('gtoken'); recaptchaResponse.value = token; }); }); } getReCaptcha(); // This is the initial call setInterval(function () { getReCaptcha(); }, 60000); </script> {% endif %}{% endblock %}