{% block component_account_login %} <div class="card login-card"> <div class="card-body"> {% block component_account_login_header %} {% if cardTitle %} <div class="card-title"> {{ cardTitle }} </div> {% endif %} {% endblock %} {% block component_account_login_form %} <form class="login-form" action="{{ path('frontend.account.login') }}" method="post" data-form-csrf-handler="true" data-form-validation="true"> {% block component_account_login_form_csrf %} {{ sw_csrf('frontend.account.login') }} {% endblock %} {% block component_account_login_form_redirect %} <input type="hidden" name="redirectTo" value="{{ redirectTo }}"> <input type="hidden" name="redirectParameters" value="{{ redirectParameters }}"> {% endblock %} {% block component_account_login_form_description %} <p class="login-form-description"> {{ "account.loginFormDescription"|trans|sw_sanitize }} </p> {% endblock %} {% block component_account_login_form_error %} {% if loginError %} {% if errorSnippet != null %} {% sw_include '@Storefront/storefront/utilities/alert.html.twig' with { type: "danger", content: errorSnippet|trans|sw_sanitize } %} {% elseif waitTime != null %} {% sw_include '@Storefront/storefront/utilities/alert.html.twig' with { type: "info", content: "account.loginThrottled"|trans({"%seconds%": waitTime})|sw_sanitize } %} {% else %} {% sw_include '@Storefront/storefront/utilities/alert.html.twig' with { type: "danger", content: "account.loginBadCredentials"|trans|sw_sanitize } %} {% endif %} {% endif %} {% endblock %} {% block component_account_login_form_fields %} <div class="form-row"> {% block component_account_login_form_mail %} <div class="form-group col-md-6"> {% block component_account_login_form_mail_label %} <label class="form-label" for="loginMail"> {{ "account.loginMailLabel"|trans|sw_sanitize }} </label> {% endblock %} {% block component_account_login_form_mail_input %} <input type="email" class="form-control{% if loginError %} is-invalid{% endif %}" id="loginMail" placeholder="{{ "account.loginMailPlaceholder"|trans|striptags }}" name="username" required="required"> {% endblock %} </div> {% endblock %} {% block component_account_login_form_password %} <div class="form-group col-md-6"> {% block component_account_login_form_password_label %} <label class="form-label" for="loginPassword"> {{ "account.loginPasswordLabel"|trans|sw_sanitize }} </label> {% endblock %} {% block component_account_login_form_password_input %} <input type="password" class="form-control{% if loginError %} is-invalid{% endif %}" id="loginPassword" placeholder="{{ "account.loginPasswordPlaceholder"|trans|striptags }}" name="password" required="required"> {% endblock %} </div> {% endblock %} </div> {% endblock %} {% block component_account_login_password_recover %} <div class="login-password-recover"> {% block component_account_login_password_recover_link %} <a href="{{ seoUrl('frontend.account.recover.page') }}"> {{ 'account.loginPasswordRecover'|trans }} </a> {% endblock %} </div> {% endblock %} {% block component_account_login_submit %} <div class="login-submit"> <button type="submit" class="btn btn-primary"> {{ "account.loginSubmit"|trans|sw_sanitize }} </button> </div> {% endblock %} </form> {% endblock %} </div> </div>{% endblock %}