{% sw_extends '@Storefront/storefront/base.html.twig' %}
{% block base_head %}
{% sw_include '@Storefront/storefront/page/account/register/meta.html.twig' %}
{% endblock %}
{% block base_content %}
{% block page_account_register %}
<div class="account-register white-background log-reg-wid-max-center">
{% block page_account_register_inner %}
<div class="row">
{% block page_account_register_login_container %}
{% if app.request.query.all.loginregister!="register" %}
<div id="loginContainer" class="col-lg-12 loginContainer">
{% if formViolations is defined %}
{% for violation in formViolations.violations %}
<div class="card-title">{{ violation.messageTemplate|trans(violation.parameters) }}</div>
{% endfor %}
{% endif %}
{% sw_include '@Storefront/storefront/component/account/login.html.twig' with { cardTitle: 'account.loginHeader'|trans|sw_sanitize } %}
{% block page_account_register_advantages %}
<div class="login-advantages">
{% block page_account_register_advantages_title %}
{% endblock %}
{% block page_account_register_advantages_list %}
{% block page_account_register_advantages_entry1 %}
{% endblock %}
{% block page_account_register_advantages_entry2 %}
{% endblock %}
{% block page_account_register_advantages_entry3 %}
{% endblock %}
{% block page_account_register_advantages_entry4 %}
{% endblock %}
{% endblock %}
</div>
{% endblock %}
</div>
{% endif %}
{% endblock %}
{% block page_account_register_container %}
{% if app.request.query.all.loginregister=="register" %}
<div id="registerContainer" class="col-lg-12 registerContainer">
{% sw_include '@Storefront/storefront/component/account/register.html.twig' with { cardTitle: 'account.registerPersonalHeader'|trans|sw_sanitize } %}
</div>
<script>
(()=>{
const myInterval = setInterval(()=>{
if (!window.$) return;
clearInterval(myInterval);
$(()=>$("[id^=shippingAddress][required]:hidden").prop("required",false));
});
})();
</script>
{% endif %}
{% endblock %}
</div>
{% endblock %}
</div>
{% if app.request.query.all.loginregister!="register" %}
<div class="account-register white-background log-reg-wid-max-center open-register-container" style="margin-top: -27px !important;">
<div class="almarenaRegular" style="text-align: left;font-size: 2rem ;letter-spacing: 0.8px;opacity: 1;margin-bottom: 15px; color:black">Noch kein Kunde?</div>
<div class="almarenaRegular" style="text-align: left;font-size: 14px;letter-spacing: 0px;opacity: 1; margin-bottom:55px">Sie können nach dem Klick auf 'Registrieren' auch als Gast bestellen.</div>
<div style="text-align:-webkit-right">
<div class="btn btn-primary btn-block btn-lg begin-checkout-btn" style="max-width:180px">
<a id="registerButton"
style="text-decoration: none !important;"
class="registerButton " href="{{ path('frontend.account.login.page', {'loginregister': 'register'}) }}"
title="{{ 'account.orRegisterLink'|trans|striptags }}">{{ 'account.orRegisterLink'|trans|striptags }}</a>
</div>
</div>
</div>
{% endif %}
{% endblock %}
{% endblock %}