{# load formvalidation config #}
{% set aFvDataAttrNames = oViewConf.getViewThemeParam("aFvDataAttrNames") %}

{% set blIsError = 0 %}
{% for key, oEr in Errors.loginBoxErrors %}
    {% set blIsError = 1 %}
{% endfor %}

{% if not oxcmp_user.oxuser__oxpassword.value %}
    <form id="{% if modal %}c4s-modal-login-form{% else %}c4s-header-login-form{% endif %}"
          name="login"
          action="{{ oViewConf.getSslSelfLink()|raw }}"
          method="post"
          novalidate="novalidate"
    >
        <div class="loginBox" {% if blIsError %}style="display: block;"{% endif %}>
            {{ oViewConf.getHiddenSid()|raw }}
            {{ oViewConf.getNavFormParams()|raw }}
            <input type="hidden" name="fnc" value="login_noredirect">
            <input type="hidden" name="cl" value="{{ oViewConf.getTopActiveClassName() }}">
            {% if oViewConf.getTopActiveClassName() == "content" %}
                <input type="hidden" name="oxcid" value="{{ oViewConf.getContentId() }}">
            {% endif %}
            <input type="hidden" name="pgNr" value="{{ oView.getActPage() }}">
            <input type="hidden" name="CustomError" value="loginBoxErrors">
            {% if oViewConf.getActArticleId() %}
                <input type="hidden" name="anid" value="{{ oViewConf.getActArticleId() }}">
            {% endif %}

            <div class="d-grid">
                {% if not modal %}
                    <h3 class="text-center">{{ translate({ ident: "C4S_LOGIN_HEADLINE" }) }}</h3>
                {% endif %}

                {% block widget_header_loginbox_email_field %}
                    <div class="mb-3">
                        <label class="form-label">{{ translate({ ident: "EMAIL_ADDRESS" }) }}</label>
                        <input type="email" name="lgn_usr" value="" class="form-control"
                               required="required"
                               {% if aFvDataAttrNames %}
                                   {{ aFvDataAttrNames.NotEmpty }}="true"
                                   {{ aFvDataAttrNames.NotEmptyTrim }}="true"
                                   {{ aFvDataAttrNames.NotEmptyMessage }}="{{ translate({ ident: "FORM_VALIDATION_REQUIRED" }) }}"
                                   {{ aFvDataAttrNames.Email }}="true"
                                   {{ aFvDataAttrNames.EmailMessage }}="{{ translate({ ident: "FORM_VALIDATION_VALIDEMAIL" }) }}"
                               {% endif %}
                               tabindex="2"
                        >
                    </div>
                {% endblock %}

                {% block widget_header_loginbox_password_field %}
                    <div class="mb-3">
                        <label class="form-label">{{ translate({ ident: "PASSWORD" }) }}</label>
                        <input type="password" name="lgn_pwd" class="form-control" value=""
                               required="required"
                               {% if aFvDataAttrNames %}
                                   {{ aFvDataAttrNames.NotEmpty }}="true"
                                   {{ aFvDataAttrNames.NotEmptyTrim }}="true"
                                   {{ aFvDataAttrNames.NotEmptyMessage }}="{{ translate({ ident: "FORM_VALIDATION_REQUIRED" }) }}"
                               {% endif %}
                               tabindex="3"
                        >
                        {# <div class="controls"></div> #}
                    </div>
                {% endblock %}

                <div class="gap-3 d-md-flex mb-3 justify-content-between align-items-center">
                    {% block widget_header_loginbox_rememberme_field %}
                        {% if oViewConf.isFunctionalityEnabled("blShowRememberMe") %}
                            <div class="form-check">
                                <input type="checkbox" id="remember{% if modal %}_modal{% endif %}" class="form-check-input" name="lgn_cook" value="1" tabindex="5">
                                <label class="form-check-label" for="remember{% if modal %}_modal{% endif %}">{{ translate({ ident: "KEEP_LOGGED_IN" }) }}</label>
                            </div>
                        {% endif %}
                    {% endblock %}

                    {% block widget_header_loginbox_forgot_password_link %}
                        <div>
                            <a href="{{ seo_url({ ident: oViewConf.getSelfLink()|raw ~  "cl=forgotpwd" }) }}" class="btn-link" tabindex="4">{{ translate({ ident: "FORGOT_PASSWORD" }) }}</a>
                        </div>
                    {% endblock %}
                </div>

                {% block widget_header_loginbox_login_button %}
                    <button type="submit" class="btn btn-primary" tabindex="6">{{ translate({ ident: "LOGIN" }) }}</button>
                {% endblock %}

                {% block widget_header_loginbox_register_box %}
                    {% if not oxcmp_user %}
                        <div class="mt-3 c4s-register-link" data-snippet-ident="c4s_startRegisterTeaser">
                            {% ifcontent ident "c4s_startRegisterTeaser" set oCont %}
                                {{ include(template_from_string(oCont.oxcontents__oxcontent.value)) }}
                            {% endifcontent %}
                            {% block widget_header_loginbox_register_link %}
                                <a href="{{ seo_url({ ident: oViewConf.getSslSelfLink()|raw ~ "cl=register" }) }}" class="c4s-registerLink" tabindex="6" title="{{ translate({ ident: "REGISTER_NOW" }) }}">{{ translate({ ident: "REGISTER_NOW" }) }}
                                    <span class="fa-solid fa-pen-to-square"></span>
                                </a>
                            {% endblock %}
                        </div>
                        {# <a class="btn" role="button" href="{{ seo_url({ ident: oViewConf.getSslSelfLink()|raw ~ "cl=register" }) }}" title="{{ translate({ ident: "REGISTER" }) }}">{{ translate({ ident: "REGISTER" }) }}</a> #}
                    {% endif %}
                {% endblock %}
            </div>

            {# includes nothing usable and is used anywhere, only for "compatibility" with outdated modules - deprecated #}
            {% block thirdparty_login %}{% endblock %}
        </div>
    </form>
{% endif %}