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

{% set aErrors = oView.getFieldValidationErrors() %}

<form id="c4s-register-form" action="{{ oViewConf.getSslSelfLink()|raw }}" name="order" method="post" novalidate="novalidate">
    {{ oViewConf.getHiddenSid()|raw }}
    {{ oViewConf.getNavFormParams()|raw }}
    <input type="hidden" name="fnc" value="registeruser">
    <input type="hidden" name="cl" value="register">
    <input type="hidden" name="lgn_cook" value="0">
    <input type="hidden" id="reloadAddress" name="reloadaddress" value="">
    <input type="hidden" name="option" value="3">

    <h3 class="blockHead">{{ translate({ ident: "ACCOUNT_INFORMATION" }) }}</h3>

    {% include "form/fieldset/user_account.html.twig" %}

    {% if oView.isActive("PsLogin") %}
        <div class="form-group">
            <label class="form-label col-lg-3">{{ translate({ ident: "TERMS_AND_CONDITIONS" }) }}</label>
            <div class="col-lg-9">
                {# <input type="hidden" name="ord_agb[]" value="0"> #}
                <div class="checkbox">
                    <label class="form-label">
                        <input id="orderConfirmAgbBottom" type="checkbox" class="checkbox" name="ord_agb" value="1"
                            {% if aFvDataAttrNames %}
                                {{ aFvDataAttrNames.NotEmpty }}="true"
                                {{ aFvDataAttrNames.NotEmptyTrim }}="true"
                                {{ aFvDataAttrNames.NotEmptyMessage }}="{{ translate({ ident: "C4S_REGISTER_ERROR_MESSAGE_CHECK_AGB" }) }}"
                            {% endif %}
                        />
                        {% ifcontent ident "oxagb" set oCont %}
                            {{ translate({ ident: "FORM_REGISTER_IAGREETOTERMS1" }) }}
                                <a href="#" data-bs-toggle="modal" data-bs-target="#popup1">{{ translate({ ident: "TERMS_AND_CONDITIONS" }) }}</a>
                            {{ translate({ ident: "FORM_REGISTER_IAGREETOTERMS3" }) }},&nbsp;
                        {% endifcontent %}

                        {% ifcontent ident "oxrightofwithdrawal" set oCont %}
                            {{ translate({ ident: "FORM_REGISTER_IAGREETORIGHTOFWITHDRAWAL1" }) }}
                                <a href="#" data-bs-toggle="modal" data-bs-target="#popup2">{{ oCont.oxcontents__oxtitle.value }}</a>
                            {{ translate({ ident: "FORM_REGISTER_IAGREETORIGHTOFWITHDRAWAL3" }) }}
                        {% endifcontent %}
                    </label>
                </div>
            </div>
        </div>
    {% endif %}

    <h3 class="blockHead">{{ translate({ ident: "BILLING_ADDRESS" }) }}</h3>

    {% include "form/fieldset/user_billing.html.twig" %}
</form>
{% if oView.isActive("PsLogin") %}
    {% ifcontent ident "oxagb" set oCont %}
        <div class="modal fade" id="c4s-private-sales-agb-modal" tabindex="-1" aria-labelledby="c4s-private-sales-agb-modal-title" aria-hidden="true" data-snippet-ident="oxagb">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="c4s-private-sales-agb-modal-title">{{ oCont.oxcontents__oxtitle.value }}</h5>
                        <button type="button" class="btn ms-auto" data-bs-dismiss="modal" tabindex="1">
                            <span aria-hidden="true"><i class="fa-solid fa-xmark"></i></span><span class="visually-hidden">{{ translate({ ident: "CLOSE_MODAL" }) }}</span>
                        </button>
                    </div>
                    <div class="modal-body">{{ include(template_from_string(oCont.oxcontents__oxcontent.value)) }}</div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ translate({ ident: "CLOSE_MODAL" }) }}</button>
                    </div>
                </div>
            </div>
        </div>
    {% endifcontent %}
    {% ifcontent ident "oxrightofwithdrawal" set oCont %}
        <div class="modal fade" id="c4s-private-sales-rwd-modal" tabindex="-1" aria-labelledby="c4s-private-sales-rwd-modal-title" aria-hidden="true" data-snippet-ident="oxrightofwithdrawal">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="c4s-private-sales-rwd-modal-title">{{ oCont.oxcontents__oxtitle.value }}</h5>
                        <button type="button" class="btn ms-auto" data-bs-dismiss="modal" tabindex="1">
                            <span aria-hidden="true"><i class="fa-solid fa-xmark"></i></span><span class="visually-hidden">{{ translate({ ident: "CLOSE_MODAL" }) }}</span>
                        </button>
                    </div>
                    <div class="modal-body">{{ include(template_from_string(oCont.oxcontents__oxcontent.value)) }}</div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ translate({ ident: "CLOSE_MODAL" }) }}</button>
                    </div>
                </div>
            </div>
        </div>
    {% endifcontent %}
{% endif %}