{% block component_account_login %}
<div class="card login-card" style="padding: 20px 0 20px 0;">
<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">
{# @deprecated tag:v6.5.0 - Block component_account_login_form_csrf will be removed. #}
{% 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="{{ formRowClass }}">
{% block component_account_login_form_mail %}
<div class="form-group-text is-empty col-md-12">
{% block component_account_login_form_mail_label %}
<label class="form-label"
for="loginMail">
<span>{{ "account.loginMailLabel"|trans|sw_sanitize }}*</span>
</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-text is-empty col-md-12">
{% block component_account_login_form_password_label %}
<label class="form-label"
for="loginPassword">
<span>{{ "account.loginPasswordLabel"|trans|sw_sanitize }}*</span>
</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">
<span class="toggle-password" onclick="togglePassword()"> <i class="fas fa-eye"></i></span>
{% endblock %}
</div>
{% endblock %}
</div>
{% endblock %}
{% block component_account_login_password_recover %}
<div class="login-password-recover">
{% block component_account_login_password_recover_link %}
<a class="custom-a-tag" href="{{ seoUrl('frontend.account.recover.page') }}">
{{ 'account.loginPasswordRecover'|trans }}
</a>
{% endblock %}
</div>
{% endblock %}
{% block component_account_login_submit %}
{# <div class="proceed-button-bar"> #}
<div class="inline-elem-equal-between-login">
<button id="goBackButton" type="button" class="btn button-zuruck">ZURÜCK</button>
<button type="submit" class="requestButton btn btn-primary btn-buy btn-lg custom-buy-btn">
<span class="almarenaRegular" style="text-align:left;font: normal normal bold 16px/24px;letter-spacing: 0px;
color: #FFFFFF; outline: none !important; border: none !important;
opacity: 1;"> {{ "account.loginSubmit"|trans|sw_sanitize }}
</span>
</button>
{# <div class="login-submit">
<button type="submit"
class="btn btn-primary">
{{ "account.loginSubmit"|trans|sw_sanitize }}
</button>
</div> #}
</div>
<script>
document.getElementById("goBackButton").addEventListener("click", function() {
window.history.back();
});
</script>
{% endblock %}
</form>
{% endblock %}
</div>
</div>
{% endblock %}