{% sw_extends '@parent/storefront/component/account/login.html.twig' %}
{# When seperated from register: show big title above page instead of the default card-title #}
{% block component_account_login_header %}
{% if cardTitle and theme_config('accountSettingsLayoutSeperateLoginAndSignup') == false %}
<div class="card-title">
{{ cardTitle }}
</div>
{% else %}
<h2>Aanmelden</h2>
{% endif %}
{% endblock %}
{# When seperated from register: show link to registration page #}
{% block component_account_login_form_description %}
{% if cardTitle and theme_config('accountSettingsLayoutSeperateLoginAndSignup') == false %}
<p class="login-form-description">
{{ "account.loginFormDescription"|trans|sw_sanitize }}
</p>
{% else %}
<p class="login-form-description">
{{ "account.loginFormDescription"|trans|sw_sanitize }} {{ "account.orRegister"|trans|sw_sanitize }} <a href="{{ path('frontend.account.register.page') }}">{{ "account.registerTitle"|trans|sw_sanitize|lower }}</a>
</p>
{% endif %}
{% endblock %}
{# Show login inputfields as column #}
{% block component_account_login_form_fields %}
<div class="form-column">
{% block component_account_login_form_mail %}
<div class="form-group">
{% block component_account_login_form_mail_label %}
{{ parent() }}
{% endblock %}
{% block component_account_login_form_mail_input %}
{{ parent() }}
{% endblock %}
</div>
{% endblock %}
{% block component_account_login_form_password %}
<div class="form-group">
{% block component_account_login_form_password_label %}
{{ parent() }}
{% endblock %}
{% block component_account_login_form_password_input %}
{{ parent() }}
{% endblock %}
</div>
{% endblock %}
</div>
{% endblock %}
{# Stretch login-button to full-width #}
{% block component_account_login_submit %}
<div class="login-submit">
<button type="submit"
class="btn btn-primary col-lg-12">
{{ "account.loginSubmit"|trans|sw_sanitize }}
</button>
</div>
{% endblock %}
{# Add line underneath form #}
{% block component_account_login_form %}
{{ parent() }}
<hr />
{% endblock %}