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

<form id="c4s-forgot-password-form" action="{{ oViewConf.getSelfActionLink()|raw }}" name="forgotpwd" method="post" role="form" novalidate="novalidate">
    {% set aErrors = oView.getFieldValidationErrors() %}
    {% set iPassWordLength = oViewConf.getPasswordLength() %}
    {% set sPassWordLengthErrorMessage = "C4S_FORM_VALIDATION_PASSWORD_MIN_LENGTH"|translate %}

    {{ oViewConf.getHiddenSid()|raw }}
    {{ oViewConf.getNavFormParams()|raw }}
    <input type="hidden" name="fnc" value="updatePassword">
    <input type="hidden" name="uid" value="{{ oView.getUpdateId() }}">
    <input type="hidden" name="cl" value="forgotpwd">
    <input type="hidden" id="passwordLength" value="{{ oViewConf.getPasswordLength() }}">

    <div class="row">
        <div class="col-12 c4s-forgotpwd-changepassword-info" data-snippet-ident="c4s_userPasswordChangeInfo">
            {% ifcontent ident "c4s_userPasswordChangeInfo" set oCont %}
                {{ include(template_from_string(oCont.oxcontents__oxcontent.value)) }}
            {% endifcontent %}
        </div>
    </div>

    <div class="mb-3{% if aErrors.oxuser__oxpassword %} is-invalid{% endif %}">
        <label class="form-label" for="c4s-forgotpwd-password-new">{{ translate({ ident: "NEW_PASSWORD" }) }}</label>
        <input type="password" id="c4s-forgotpwd-password-new" name="password_new" class="form-control" required=""
            {% if aFvDataAttrNames %}
                {{ aFvDataAttrNames.NotEmpty }}="true"
                {{ aFvDataAttrNames.NotEmptyTrim }}="true"
                {{ aFvDataAttrNames.NotEmptyMessage }}="{{ translate({ ident: "FORM_VALIDATION_REQUIRED" }) }}"
                {{ aFvDataAttrNames.StringLength }}="true"
                {{ aFvDataAttrNames.StringLengthMin }}="{{ iPassWordLength }}"
                {{ aFvDataAttrNames.StringLengthMessage }}="{{ sPassWordLengthErrorMessage|replace({"%s": iPassWordLength}) }}"
            {% endif %}
        >
    </div>
    <div class="mb-3{% if aErrors.oxuser__oxpassword %} is-invalid{% endif %}">
        <label class="form-label" for="c4s-forgotpwd-password-new-confirm">{{ translate({ ident: "CONFIRM_PASSWORD" }) }}</label>
        <input type="password" id="c4s-forgotpwd-password-new-confirm" name="password_new_confirm" class="form-control textbox"
               required=""
               {% if aFvDataAttrNames %}
                   {{ aFvDataAttrNames.NotEmpty }}="true"
                   {{ aFvDataAttrNames.NotEmptyTrim }}="true"
                   {{ aFvDataAttrNames.NotEmptyMessage }}="{{ translate({ ident: "FORM_VALIDATION_REQUIRED" }) }}"
                   {# declarative declaration for identical check is currently not possible - use pgroammatic way to do that .. see c4s_core_validation #}
{#                   {{ aFvDataAttrNames.Identical }}="true"#}
{#                   {{ aFvDataAttrNames.IdenticalField }}="password_new"#}
{#                   {{ aFvDataAttrNames.IdenticalMessage }}="{{ translate({ ident: "FORM_VALIDATION_PASSWORDAGAIN" }) }}"#}
               {% endif %}
        >
    </div>
    <div class="d-grid gap-2 mt-auto">
        <button class="btn btn-primary c4s-forgotpwd-password-submit-button" type="submit" name="save" value="{{ translate({ ident: "CHANGE_PASSWORD" }) }}">{{ translate({ ident: "CHANGE_PASSWORD" }) }}</button>
    </div>
</form>