{% sw_extends '@Storefront/storefront/layout/header/account-menu.html.twig' %}{# Added quick login form #}{% block utilities_offcanvas_content %} <div class="account-menu"> {% if isUserLoggedIn == true %} {% block layout_header_actions_account_widget_dropdown_header %} {% if not context.customer.guest %} <div class="dropdown-header account-menu-header"> {{ "account.myAccount"|trans|sw_sanitize }} </div> {% endif %} {% endblock %} {% block layout_header_actions_account_widget_dropdown_links %} <div class="account-menu-links"> {% sw_include '@Storefront/storefront/page/account/sidebar.html.twig' with {'headerWidget': true} %} </div> {% endblock %} {% else %} {% block layout_header_actions_account_widget_dropdown_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 %} {% set redirectTo = (redirectTo=="")?"chespackTheme.redirect.afterLogin"|trans|sw_sanitize:redirectTo %} <input type="hidden" name="redirectTo" value="{{ redirectTo }}"> <input type="hidden" name="redirectParameters" value="{{ redirectParameters }}"> {% endblock %} {% block component_account_login_form_description %} <h4 class="login-form-title cl-primary mb-0"> {{ "chespackTheme.header.loginFormTitle"|trans|sw_sanitize }} </h4> <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-12 mb-2"> {% block component_account_login_form_mail_label %} <label class="form-label" for="loginMailHeader"> {{ "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="loginMailHeader" placeholder="{{ "account.loginMailPlaceholder"|trans|striptags }}" name="username" required="required"> {% endblock %} </div> {% endblock %} {% block component_account_login_form_password %} <div class="form-group col-12 mb-3"> {% block component_account_login_form_password_label %} <label class="form-label" for="loginPasswordHeader"> {{ "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="loginPasswordHeader" 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 text-center"> {% 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 mb-2"> <button type="submit" class="btn btn-primary w-100"> {{ "account.loginSubmit"|trans|sw_sanitize }} </button> </div> {% endblock %} </form> <div class="account-menu-register"> <a href="{{ path('frontend.account.login.page') }}" class="btn btn-outline btn-outline-secondary w-100" title="{{ "account.orRegisterLink"|trans|striptags }}">{{ "account.orRegisterLink"|trans|striptags }}</a> </div> {% endblock %} {% endif %} </div>{% endblock %}