{% sw_extends '@parent/storefront/base.html.twig' %}
{% block base_html %}
{% if activeRoute == 'frontend.account.login.page' and config('OkeonlineKejeLogin.config.portalActive') %}<html lang="{{ app.request.locale }}"
itemscope="itemscope"
itemtype="https://schema.org/WebPage"
class="oo-login-html-wrapper">
{% else %}{{ parent() }}{% endif %}
{% endblock %}
{% block base_body_classes %}
{% if activeRoute == 'frontend.account.login.page' and config('OkeonlineKejeLogin.config.portalActive') %}
{{ parent() }} oo-login-body-wrapper
{% else %}
{{ parent() }}
{% endif %}
{% endblock %}
{% block base_header %}
{% if activeRoute == 'frontend.account.login.page' and config('OkeonlineKejeLogin.config.portalActive') %}
{% else %}
{{ parent() }}
{% endif %}
{% endblock %}
{% block base_navigation %}
{% if activeRoute == 'frontend.account.login.page' and config('OkeonlineKejeLogin.config.portalActive') %}
{% else %}
{{ parent() }}
{% endif %}
{% endblock %}
{% block base_offcanvas_navigation %}
{% if activeRoute == 'frontend.account.login.page' and config('OkeonlineKejeLogin.config.portalActive') %}
{% else %}
{{ parent() }}
{% endif %}
{% endblock %}
{% block base_footer %}
{% if activeRoute == 'frontend.account.login.page' and config('OkeonlineKejeLogin.config.portalActive') %}
{% else %}
{{ parent() }}
{% endif %}
{% endblock %}
{% block base_scroll_up %}
{% if activeRoute == 'frontend.account.login.page' and config('OkeonlineKejeLogin.config.portalActive') %}
{% else %}
{{ parent() }}
{% endif %}
{% endblock %}
{% block base_cookie_permission %}
{% if activeRoute == 'frontend.account.login.page' and config('OkeonlineKejeLogin.config.portalActive') %}
{% else %}
{{ parent() }}
{% endif %}{% endblock %}
{% block base_pseudo_modal %}
{% if activeRoute == 'frontend.account.login.page' and config('OkeonlineKejeLogin.config.portalActive') %}
{% else %}
{{ parent() }}
{% endif %}
{% endblock %}
{% block base_main %}
{% if activeRoute == 'frontend.account.login.page' and config('OkeonlineKejeLogin.config.portalActive') %}
{% set OkeonlineKejeLogin = page.extensions.OkeonlineKejeLogin %}
{% set identifierLabel = OkeonlineKejeLogin.identifierLabel |default("account.loginMailLabel"|trans|sw_sanitize) %}
<div class="oo-login">
<div class="oo-login-container">
<div class="oo-login-image"></div>
<div class="oo-login-content">
<div class="oo-login-login">
<div class="oo-login-logo">
<img src="{{ theme_config('sw-logo-desktop') |sw_encode_url }}" alt="">
</div>
<div class="oo-login-title">
<h2>{{ "oo.b2bLogin.pages.account.login.title"|trans|sw_sanitize }}</h2>
</div>
<div class="flashbags">
{% for type, messages in app.flashes %}
{% sw_include '@Storefront/storefront/utilities/alert.html.twig' with { type: type, list: messages } %}
{% endfor %}
</div>
<div class="oo-login-form">
<form class="login-form"
action="{{ path('frontend.account.login.byidentifier') }}"
method="post"
data-form-csrf-handler="true">
{% block component_account_login_form_csrf %}
{{ sw_csrf('frontend.account.login.byidentifier') }}
{% endblock %}
<input type="hidden"
name="redirectTo"
value="frontend.home.page">
<input type="hidden"
name="redirectParameters"
value="{{ redirectParameters }}">
<div class="form-group">
<div class="label">{{ "oo.b2bLogin.components.username.label"|trans|sw_sanitize }}</div>
<input type="text"
class="form-control{% if loginError %} is-invalid{% endif %}"
id="loginMail"
name="identifier"
required="required"
placeholder="{{ "oo.b2bLogin.components.username.placeholder"|trans|sw_sanitize }}">
</div>
<div class="form-group">
<div class="label">{{ "oo.b2bLogin.components.password.label"|trans|sw_sanitize }}</div>
<input type="password"
class="form-control{% if loginError %} is-invalid{% endif %}"
id="loginPassword"
name="password"
required="required"
placeholder="{{ "oo.b2bLogin.components.password.placeholder"|trans|sw_sanitize }}">
</div>
{% 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
} %}
{% else %}
{% sw_include '@Storefront/storefront/utilities/alert.html.twig' with {
type: "danger",
content: "account.loginBadCredentials"|trans|sw_sanitize
} %}
{% endif %}
{% endif %}
{% endblock %}
<div class="form-group">
<button type="submit" class="btn btn-block btn-primary">Login</button>
</div>
</div>
</div>
</div>
</div>
</div>
{% else %}
{{ parent() }}
{% endif %}
{% endblock %}