{% extends 'layout/default.html.twig' %}{% block contentBlock %}<main class="loginPage"> <div class="container my-5 my-lg-5 my-md-5"> <div class="row"> <div class="col-lg-4 offset-lg-1"> <div class="d-flex flex-column"> <h1 class="font-weight-bold mb-4 mb-lg-4 mb-md-4 font-italic">Login</h1> <p> {{ 'If you have an account with us, please log in.' | trans }} </p> <p> {{ 'If you are not a current customer please' | trans }} <a href="/{{getSiteDivision()}}/register">Register now.</a> </p> {{ form_start(form,{'attr': {'novalidate': 'novalidate'}}) }} <div class="d-flex flex-column mb-3 mb-lg-3 mb-md-3 {{ form_errors(form._username) ? 'input-error' }}"> <div class="ml-3 ml-lg-3 ml-md-3"> {{ form_label(form._username) }} </div> {{ form_widget(form._username) }} {{ form_errors(form._username) }} </div> <div class="d-flex flex-column mb-4 mb-lg-4 mb-md-4 {{ form_errors(form._password) ? 'input-error' }}"> <div class="ml-3 ml-lg-3 ml-md-3"> {{ form_label(form._password) }} </div> <div class="position-relative"> {{ form_widget(form._password) }} <span toggle="#_password" class="field-icon toggle-password"> <img src="{{ asset('/static/images/icons/icon_eye.svg') }}" alt="ICon eye" style="width: 18px;"> </span> </div> {{ form_errors(form._password) }} {% if errorBag|length > 0 %} {% for message in errorBag %} <p class="text-error mt-2 mt-lg-2 mt-md-2 mb-0">{{ message[0] }}</p> {% endfor %} {% endif %} </div> <div class="d-flex flex-column mb-3 mb-lg-3 mb-md-3 align-items-start"> {{ form_widget(form._submit) }} </div> {{ form_end(form) }} <p class="mt-4 mt-lg-4 mt-md-4">{{ 'Forgot password?' | trans }} <a href="/{{getSiteDivision()}}/password-reset-request">{{ 'Recover now.' | trans }}</a></p> <p> {{ 'Having trouble logging in?' | trans }} <a href="javascript:;" data-toggle="modal" data-target="#modalHelpLogin">{{ 'Click here.' | trans }}</a> </p> {{ pimcore_inc('/Segments/helpPopup') }} </div> </div> </div> </div></main>{% endblock %}