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

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

{% block form_account_user %}
    <form id="c4s-account-user-form" action="{{ oViewConf.getSelfActionLink()|raw }}" name="order" method="post" novalidate="novalidate">
        {% block user_form %}
            {{ oViewConf.getHiddenSid()|raw }}
            {{ oViewConf.getNavFormParams()|raw }}
            <input type="hidden" name="cl" value="account_user">
            <input type="hidden" name="fnc" value="changeuser_testvalues">
            <input type="hidden" name="CustomError" value="user">
            <input type="hidden" name="blshowshipaddress" value="1">

            <div class="row">
                {% block user_billing_address %}
                    <div class="col-12 col-md-6">
                        <div class="card c4s-account-card">
                            <div class="card-header">
                                {% block user_billing_address_head %}
                                    <h4 class="card-title">{{ translate({ ident: "BILLING_ADDRESS" }) }}</h4>
                                    <button id="c4s-billing-address-change-btn" class="btn btn-sm text-primary float-end"
                                            name="changeBillAddress" type="button" title="{{ translate({ ident: "CHANGE" }) }}"
                                    >
                                        <i class="fa-solid fa-pencil"></i>
                                    </button>
                                    <button id="c4s-billing-address-cancel-btn" class="btn btn-sm text-danger float-end d-none"
                                            name="changeBillAddressCancel" type="button" title="{{ translate({ ident: "CANCEL" }) }}"
                                    >
                                        <i class="fa-solid fa-xmark"></i>
                                    </button>
                                {% endblock %}
                            </div>
                            <div class="card-body">
                                {% block user_billing_address_content %}
                                    {% block user_billing_address_text %}
                                        <div id="c4s-billing-address-text">
                                            {% include "widget/address/billing_address.html.twig" %}
                                        </div>
                                    {% endblock %}
                                    {% block user_billing_address_fields %}
                                        <div id="c4s-billing-address-fields" class="d-none">
                                            {% include "form/fieldset/user_email.html.twig" %} {# todo #}
                                            {% include "form/fieldset/user_billing.html.twig" with {noFormSubmit: true} %} {# todo #}
                                        </div>
                                    {% endblock %}
                                {% endblock %}
                            </div>
                        </div>
                    </div>
                {% endblock %}

                {% block user_shipping_address %}
                    <div class="col-12 col-md-6">
                        <div class="card c4s-account-card">
                            <div class="card-header">
                                {% block user_shipping_address_head %}
                                    <h4 class="card-title">{{ translate({ ident: "SHIPPING_ADDRESS" }) }}</h4>
                                {% endblock %}
                            </div>
                            <div class="card-body">
                                {% block user_shipping_address_choice %}
                                    <div class="form-check mb-4">
                                        <input class="form-check-input" id="c4s-shipping-address-check" name="blshowshipaddress" type="checkbox" value="0" {% if not oView.showShipAddress() %}checked{% endif %} autocomplete="off">
                                        <label class="form-check-label" for="c4s-shipping-address-check">
                                            {{ translate({ ident: "USE_BILLINGADDRESS_FOR_SHIPPINGADDRESS" }) }}
                                        </label>
                                    </div>
                                {% endblock %}
                                {% block user_shipping_address_content %}
                                    <div id="c4s-shipping-address-content"{% if not oView.showShipAddress() %} class="d-none"{% endif %}>
                                        {% include "form/fieldset/user_shipping.html.twig" with {noFormSubmit: true} %}
                                    </div>
                                {% endblock %}
                            </div>
                        </div>
                    </div>
                {% endblock %}
            </div>

            {% block user_save_button %}
                <div class="d-grid d-md-block mt-3">
                    <button id="c4s-user-submit-btn" class="btn btn-primary float-end" name="userform" type="submit">{{ translate({ ident: "SAVE" }) }}</button>
                </div>
            {% endblock %}
        {% endblock %}
    </form>
{% endblock %}