vendor/shopware/storefront/Resources/views/storefront/component/account/login.html.twig line 1

Open in your IDE?
  1. {% block component_account_login %}
  2.     <div class="card login-card">
  3.         <div class="card-body">
  4.             {% block component_account_login_header %}
  5.                 {% if cardTitle %}
  6.                     <div class="card-title">
  7.                         {{ cardTitle }}
  8.                     </div>
  9.                 {% endif %}
  10.             {% endblock %}
  12.             {% block component_account_login_form %}
  13.                 <form class="login-form"
  14.                       action="{{ path('frontend.account.login') }}"
  15.                       method="post"
  16.                       data-form-csrf-handler="true"
  17.                       data-form-validation="true">
  19.                     {# @deprecated tag:v6.5.0 - Block component_account_login_form_csrf will be removed. #}
  20.                     {% block component_account_login_form_csrf %}
  21.                         {{ sw_csrf('frontend.account.login') }}
  22.                     {% endblock %}
  24.                     {% block component_account_login_form_redirect %}
  25.                         <input type="hidden"
  26.                                name="redirectTo"
  27.                                value="{{ redirectTo }}">
  29.                         <input type="hidden"
  30.                                name="redirectParameters"
  31.                                value="{{ redirectParameters }}">
  32.                     {% endblock %}
  34.                     {% block component_account_login_form_description %}
  35.                         <p class="login-form-description">
  36.                             {{ "account.loginFormDescription"|trans|sw_sanitize }}
  37.                         </p>
  38.                     {% endblock %}
  40.                     {% block component_account_login_form_error %}
  41.                         {% if loginError %}
  42.                             {% if errorSnippet != null %}
  43.                                 {% sw_include '@Storefront/storefront/utilities/alert.html.twig' with {
  44.                                     type: "danger",
  45.                                     content: errorSnippet|trans|sw_sanitize
  46.                                 } %}
  47.                             {% elseif waitTime != null %}
  48.                                 {% sw_include '@Storefront/storefront/utilities/alert.html.twig' with {
  49.                                     type: "info",
  50.                                     content: "account.loginThrottled"|trans({"%seconds%": waitTime})|sw_sanitize
  51.                                 } %}
  52.                             {% else %}
  53.                                 {% sw_include '@Storefront/storefront/utilities/alert.html.twig' with {
  54.                                     type: "danger",
  55.                                     content: "account.loginBadCredentials"|trans|sw_sanitize
  56.                                 } %}
  57.                             {% endif %}
  58.                         {% endif %}
  59.                     {% endblock %}
  61.                     {% block component_account_login_form_fields %}
  62.                         <div class="{{ formRowClass }}">
  63.                             {% block component_account_login_form_mail %}
  64.                                 <div class="form-group col-md-6">
  65.                                     {% block component_account_login_form_mail_label %}
  66.                                         <label class="form-label"
  67.                                                for="loginMail">
  68.                                             {{ "account.loginMailLabel"|trans|sw_sanitize }}
  69.                                         </label>
  70.                                     {% endblock %}
  72.                                     {% block component_account_login_form_mail_input %}
  73.                                         <input type="email"
  74.                                                class="form-control{% if loginError %} is-invalid{% endif %}"
  75.                                                id="loginMail"
  76.                                                placeholder="{{ "account.loginMailPlaceholder"|trans|striptags }}"
  77.                                                name="username"
  78.                                                required="required">
  79.                                     {% endblock %}
  80.                                 </div>
  81.                             {% endblock %}
  83.                             {% block component_account_login_form_password %}
  84.                                 <div class="form-group col-md-6">
  85.                                     {% block component_account_login_form_password_label %}
  86.                                         <label class="form-label"
  87.                                                for="loginPassword">
  88.                                             {{ "account.loginPasswordLabel"|trans|sw_sanitize }}
  89.                                         </label>
  90.                                     {% endblock %}
  91.                                     {% block component_account_login_form_password_input %}
  92.                                         <input type="password"
  93.                                                class="form-control{% if loginError %} is-invalid{% endif %}"
  94.                                                id="loginPassword"
  95.                                                placeholder="{{ "account.loginPasswordPlaceholder"|trans|striptags }}"
  96.                                                name="password"
  97.                                                required="required">
  98.                                     {% endblock %}
  99.                                 </div>
  100.                             {% endblock %}
  101.                         </div>
  102.                     {% endblock %}
  104.                     {% block component_account_login_password_recover %}
  105.                         <div class="login-password-recover">
  106.                             {% block component_account_login_password_recover_link %}
  107.                                 <a href="{{ seoUrl('frontend.account.recover.page') }}">
  108.                                     {{ 'account.loginPasswordRecover'|trans }}
  109.                                 </a>
  110.                             {% endblock %}
  111.                         </div>
  112.                     {% endblock %}
  114.                     {% block component_account_login_submit %}
  115.                         <div class="login-submit">
  116.                             <button type="submit"
  117.                                     class="btn btn-primary">
  118.                                 {{ "account.loginSubmit"|trans|sw_sanitize }}
  119.                             </button>
  120.                         </div>
  121.                     {% endblock %}
  122.                 </form>
  123.             {% endblock %}
  124.         </div>
  125.     </div>
  126. {% endblock %}