{% if oxcmp_user %}
    {% set delivadr = oxcmp_user.getSelectedAddress() %}
{% endif %}

{% if oxcmp_user %}
    {% set oUserAddresses = oxcmp_user.getUserAddresses() %}

    {% block form_user_shipping_address_scripts %}
        {{ script({ include: "js/user_addresses.min.js", priority: 11, dynamic: __oxid_include_dynamic }) }}
    {% endblock %}

    {% if not empty(oUserAddresses) and oUserAddresses.count() > 0 %}
        <input type="hidden" name="changeClass" value="{{ onChangeClass|default("account_user") }}">

        {% block form_user_shipping_address_select %}
            {% for oAddress in oUserAddresses %}
                <div class="card mb-3 border-0 c4s-shipping-address-card">
                    <input type="radio" name="oxaddressid"
                           id="c4s-shipping-address-select-{{ oAddress.oxaddress__oxid.value }}"
                           class="btn-check"
                           autocomplete="off"
                           value="{{ oAddress.oxaddress__oxid.value }}"
                           {% if oAddress.isSelected() %}checked{% endif %}
                    >
                    <label class="card-body c4s-shipping-address{% if oAddress.isSelected() %} c4s-selected{% endif %}" for="c4s-shipping-address-select-{{ oAddress.oxaddress__oxid.value }}">
                        {% if oAddress.isSelected() %}
                            <button class="btn btn-sm text-primary float-end py-0"
                                    id="c4s-shipping-address-change-btn"
                                    title="{{ translate({ ident: "CHANGE" }) }}"
                                    type="button"
                            >
                                <i class="fa-solid fa-pencil"></i>
                            </button>
                            <button class="btn btn-sm text-danger float-end py-0 d-none"
                                    id="c4s-shipping-address-cancel-btn"
                                    title="{{ translate({ ident: "CANCEL" }) }}"
                                    type="button"
                            >
                                <i class="fa-solid fa-xmark"></i>
                            </button>
                        {% endif %}
                        {% include "widget/address/shipping_address.html.twig" with {delivadr: oAddress} %}
                    </label>
                </div>
            {% endfor %}

            <div class="card border-0 c4s-shipping-address-card">
                <div class="card-body d-grid p-0">
                    <input type="radio" name="oxaddressid"
                           id="c4s-shipping-address-select-new"
                           class="btn-check"
                           autocomplete="off"
                           value="-1"
                    >
                    <label class="btn btn-outline-secondary c4s-shipping-address-new" for="c4s-shipping-address-select-new">
                        <i class="fa-solid fa-circle-plus"></i> {{ translate({ ident: "USER_SHIPPING_ADD_DELIVERY_ADDRESS" }) }}
                    </label>
                </div>
            </div>
        {% endblock %}
    {% endif %}
{% endif %}

<div id="c4s-shipping-address-fields" class="mt-4{% if delivadr %} d-none{% endif %}">
    {% block form_user_shipping_salutation %}
        <div class="row mb-3">
            <label class="col-md-3 col-form-label{% if oView.isFieldRequired("oxaddress__oxsal") %} c4s-label-required{% endif %}" for="c4s-shipping-salutation">{{ translate({ ident: "TITLE" }) }}</label>
            <div class="col-md-9">
                {% include "form/fieldset/salutation.html.twig" with {name: "deladr[oxaddress__oxsal]", value: delivadr.oxaddress__oxsal.value, value2: deladr.oxaddress__oxsal, id: "c4s-shipping-salutation", class: "form-select selectpicker"} %}
            </div>
        </div>
    {% endblock %}

    {% block form_user_shipping_firstname %}
        <div class="row mb-3">
            <label class="col-md-3 col-form-label{% if oView.isFieldRequired("oxaddress__oxfname") %} c4s-label-required{% endif %}" for="c4s-shipping-firstname">{{ translate({ ident: "FIRST_NAME" }) }}</label>
            <div class="col-md-9">
                <input class="form-control{% if aErrors.oxaddress__oxfname %} is-invalid{% endif %}"
                       id="c4s-shipping-firstname"
                       type="text" maxlength="255" name="deladr[oxaddress__oxfname]"
                       value="{% if isset(deladr.oxaddress__oxfname) %}{{ deladr.oxaddress__oxfname }}{% else %}{{ delivadr.oxaddress__oxfname.value }}{% endif %}"
                        {% if oView.isFieldRequired("oxaddress__oxfname") %}
                            required=""
                            {% if aFvDataAttrNames %}
                                {{ aFvDataAttrNames.NotEmpty }}="true"
                                {{ aFvDataAttrNames.NotEmptyTrim }}="true"
                                {{ aFvDataAttrNames.NotEmptyMessage }}="{{ translate({ ident: "FORM_VALIDATION_REQUIRED" }) }}"
                            {% endif %}
                        {% endif %}
                >
                {% if oView.isFieldRequired("oxaddress__oxfname") %}
                    {% include "message/inputvalidation.html.twig" with {aErrors: aErrors.oxaddress__oxfname} %}
                {% endif %}
            </div>
        </div>
    {% endblock %}

    {% block form_user_shipping_lastname %}
        <div class="row mb-3">
            <label class="col-md-3 col-form-label{% if oView.isFieldRequired("oxaddress__oxlname") %} c4s-label-required{% endif %}" for="c4s-shipping-lastname">{{ translate({ ident: "LAST_NAME" }) }}</label>
            <div class="col-md-9">
                <input class="form-control{% if aErrors.oxaddress__oxlname %} is-invalid{% endif %}"
                       id="c4s-shipping-lastname"
                       type="text" maxlength="255" name="deladr[oxaddress__oxlname]"
                       value="{% if isset(deladr.oxaddress__oxlname) %}{{ deladr.oxaddress__oxlname }}{% else %}{{ delivadr.oxaddress__oxlname.value }}{% endif %}"
                        {% if oView.isFieldRequired("oxaddress__oxlname") %}
                            required=""
                            {% if aFvDataAttrNames %}
                                {{ aFvDataAttrNames.NotEmpty }}="true"
                                {{ aFvDataAttrNames.NotEmptyTrim }}="true"
                                {{ aFvDataAttrNames.NotEmptyMessage }}="{{ translate({ ident: "FORM_VALIDATION_REQUIRED" }) }}"
                            {% endif %}
                        {% endif %}
                >
                {% if oView.isFieldRequired("oxaddress__oxlname") %}
                    {% include "message/inputvalidation.html.twig" with {aErrors: aErrors.oxaddress__oxlname} %}
                {% endif %}
            </div>
        </div>
    {% endblock %}

    {% block form_user_shipping_company %}
        <div class="row mb-3">
            <label class="col-md-3 col-form-label{% if oView.isFieldRequired("oxaddress__oxcompany") %} c4s-label-required{% endif %}" for="c4s-shipping-company">{{ translate({ ident: "COMPANY" }) }}</label>
            <div class="col-md-9">
                <input class="form-control{% if aErrors.oxaddress__oxcompany %} is-invalid{% endif %}"
                       id="c4s-shipping-company"
                       type="text" maxlength="255" name="deladr[oxaddress__oxcompany]"
                       value="{% if isset(deladr.oxaddress__oxcompany) %}{{ deladr.oxaddress__oxcompany }}{% else %}{{ delivadr.oxaddress__oxcompany.value }}{% endif %}"
                        {% if oView.isFieldRequired("oxaddress__oxcompany") %}
                            required=""
                            {% if aFvDataAttrNames %}
                                {{ aFvDataAttrNames.NotEmpty }}="true"
                                {{ aFvDataAttrNames.NotEmptyTrim }}="true"
                                {{ aFvDataAttrNames.NotEmptyMessage }}="{{ translate({ ident: "FORM_VALIDATION_REQUIRED" }) }}"
                            {% endif %}
                        {% endif %}
                >
                {% if oView.isFieldRequired("oxaddress__oxcompany") %}
                    {% include "message/inputvalidation.html.twig" with {aErrors: aErrors.oxaddress__oxcompany} %}
                {% endif %}
            </div>
        </div>
    {% endblock %}

    {% block form_user_shipping_addinfo %}
        <div class="row mb-3">
            <label class="col-md-3 col-form-label{% if oView.isFieldRequired("oxaddress__oxaddinfo") %} c4s-label-required{% endif %}" for="c4s-shipping-addinfo">{{ translate({ ident: "ADDITIONAL_INFO" }) }}</label>
            <div class="col-md-9">
                <input class="form-control{% if aErrors.oxaddress__oxaddinfo %} is-invalid{% endif %}"
                       id="c4s-shipping-addinfo"
                       type="text" maxlength="255" name="deladr[oxaddress__oxaddinfo]"
                       value="{% if isset(deladr.oxaddress__oxaddinfo) %}{{ deladr.oxaddress__oxaddinfo }}{% else %}{{ delivadr.oxaddress__oxaddinfo.value }}{% endif %}"
                        {% if oView.isFieldRequired("oxaddress__oxaddinfo") %}
                            required=""
                            {% if aFvDataAttrNames %}
                                {{ aFvDataAttrNames.NotEmpty }}="true"
                                {{ aFvDataAttrNames.NotEmptyTrim }}="true"
                                {{ aFvDataAttrNames.NotEmptyMessage }}="{{ translate({ ident: "FORM_VALIDATION_REQUIRED" }) }}"
                            {% endif %}
                        {% endif %}
                >
                {% if oView.isFieldRequired("oxaddress__oxaddinfo") %}
                    {% include "message/inputvalidation.html.twig" with {aErrors: aErrors.oxaddress__oxaddinfo} %}
                {% endif %}
            </div>
        </div>
    {% endblock %}

    {% block form_user_shipping_street_streetnr %}
        <div class="row mb-3">
            <label class="col-md-3 col-form-label{% if oView.isFieldRequired("oxaddress__oxstreet") or oView.isFieldRequired("oxaddress__oxstreetnr") %} c4s-label-required{% endif %}">{{ translate({ ident: "STREET_AND_STREETNO" }) }}</label>
            <div class="col-8 col-md-6">
                <input class="form-control{% if aErrors.oxaddress__oxstreet %} is-invalid{% endif %}"
                       id="c4s-shipping-street"
                       type="text" maxlength="255" name="deladr[oxaddress__oxstreet]"
                       value="{% if isset(deladr.oxaddress__oxstreet) %}{{ deladr.oxaddress__oxstreet }}{% else %}{{ delivadr.oxaddress__oxstreet.value }}{% endif %}"
                        {% if oView.isFieldRequired("oxaddress__oxstreet") %}
                            required=""
                            {% if aFvDataAttrNames %}
                                {{ aFvDataAttrNames.NotEmpty }}="true"
                                {{ aFvDataAttrNames.NotEmptyTrim }}="true"
                                {{ aFvDataAttrNames.NotEmptyMessage }}="{{ translate({ ident: "FORM_VALIDATION_REQUIRED" }) }}"
                            {% endif %}
                        {% endif %}
                >
                {% if oView.isFieldRequired("oxaddress__oxstreet") %}
                    {% include "message/inputvalidation.html.twig" with {aErrors: aErrors.oxaddress__oxstreet} %}
                {% endif %}
            </div>
            <div class="col-4 col-md-3">
                <input class="form-control{% if aErrors.oxaddress__oxstreetnr %} is-invalid{% endif %}"
                       id="c4s-shipping-streetnr"
                       type="text" maxlength="16" name="deladr[oxaddress__oxstreetnr]"
                       value="{% if isset(deladr.oxaddress__oxstreetnr) %}{{ deladr.oxaddress__oxstreetnr }}{% else %}{{ delivadr.oxaddress__oxstreetnr.value }}{% endif %}"
                        {% if oView.isFieldRequired("oxaddress__oxstreetnr") %}
                            required=""
                            {% if aFvDataAttrNames %}
                                {{ aFvDataAttrNames.NotEmpty }}="true"
                                {{ aFvDataAttrNames.NotEmptyTrim }}="true"
                                {{ aFvDataAttrNames.NotEmptyMessage }}="{{ translate({ ident: "FORM_VALIDATION_REQUIRED" }) }}"
                            {% endif %}
                        {% endif %}
                >
                {% if oView.isFieldRequired("oxaddress__oxstreetnr") %}
                    {% include "message/inputvalidation.html.twig" with {aErrors: aErrors.oxaddress__oxstreetnr} %}
                {% endif %}
            </div>
        </div>
    {% endblock %}

    {% block form_user_shipping_zip_city %}
        <div class="row mb-3">
            <label class="col-md-3 col-form-label{% if oView.isFieldRequired("oxaddress__oxzip") or oView.isFieldRequired("oxaddress__oxcity") %} c4s-label-required{% endif %}">{{ translate({ ident: "POSTAL_CODE_AND_CITY" }) }}</label>
            <div class="col-4 col-md-3">
                <input class="form-control{% if aErrors.oxaddress__oxzip %} is-invalid{% endif %}"
                       id="c4s-shipping-zip"
                       type="text" data-fieldsize="small" maxlength="50" name="deladr[oxaddress__oxzip]"
                       value="{% if isset(deladr.oxaddress__oxzip) %}{{ deladr.oxaddress__oxzip }}{% else %}{{ delivadr.oxaddress__oxzip.value }}{% endif %}"
                        {% if oView.isFieldRequired("oxaddress__oxzip") %}
                            required=""
                            {% if aFvDataAttrNames %}
                                {{ aFvDataAttrNames.NotEmpty }}="true"
                                {{ aFvDataAttrNames.NotEmptyTrim }}="true"
                                {{ aFvDataAttrNames.NotEmptyMessage }}="{{ translate({ ident: "FORM_VALIDATION_REQUIRED" }) }}"
                            {% endif %}
                        {% endif %}
                >
                {% if oView.isFieldRequired("oxaddress__oxzip") %}
                    {% include "message/inputvalidation.html.twig" with {aErrors: aErrors.oxaddress__oxzip} %}
                {% endif %}
            </div>
            <div class="col-8 col-md-6">
                <input class="form-control{% if aErrors.oxaddress__oxcity %} is-invalid{% endif %}"
                       id="c4s-shipping-city"
                       type="text" data-fieldsize="pair-small" maxlength="255" name="deladr[oxaddress__oxcity]"
                       value="{% if isset(deladr.oxaddress__oxcity) %}{{ deladr.oxaddress__oxcity }}{% else %}{{ delivadr.oxaddress__oxcity.value }}{% endif %}"
                        {% if oView.isFieldRequired("oxaddress__oxcity") %}
                            required=""
                            {% if aFvDataAttrNames %}
                                {{ aFvDataAttrNames.NotEmpty }}="true"
                                {{ aFvDataAttrNames.NotEmptyTrim }}="true"
                                {{ aFvDataAttrNames.NotEmptyMessage }}="{{ translate({ ident: "FORM_VALIDATION_REQUIRED" }) }}"
                            {% endif %}
                        {% endif %}
                >
                {% if oView.isFieldRequired("oxaddress__oxcity") %}
                    {% include "message/inputvalidation.html.twig" with {aErrors: aErrors.oxaddress__oxcity} %}
                {% endif %}
            </div>
        </div>
    {% endblock %}

    {% block form_user_shipping_country %}
        <div class="row mb-3">
            <label class="col-md-3 col-form-label{% if oView.isFieldRequired("oxaddress__oxcountryid") %} c4s-label-required{% endif %}" for="c4s-shipping-country">{{ translate({ ident: "COUNTRY" }) }}</label>
            <div class="col-md-9">
                <select class="form-select selectpicker{% if aErrors.oxaddress__oxcountryid %} is-invalid{% endif %}"
                        id="c4s-shipping-country"
                        name="deladr[oxaddress__oxcountryid]"
                        {% if oView.isFieldRequired("oxaddress__oxcountryid") %}
                            required=""
                            {% if aFvDataAttrNames %}
                                {{ aFvDataAttrNames.NotEmpty }}="true"
                                {{ aFvDataAttrNames.NotEmptyTrim }}="true"
                                {{ aFvDataAttrNames.NotEmptyMessage }}="{{ translate({ ident: "FORM_VALIDATION_CHOOSE_VALUE" }) }}"
                            {% endif %}
                        {% endif %}
                >
                    <option value="">-</option>
                    {% set blCountrySelected = false %}
                    {% for country_id, oCountry in oViewConf.getCountryList() %}
                        {% set sCountrySelect = "" %}
                        {% if not blCountrySelected %}
                            {% if (isset(deladr.oxaddress__oxcountryid) and deladr.oxaddress__oxcountryid == oCountry.oxcountry__oxid.value) or                                 (not isset(deladr.oxaddress__oxcountryid) and (delivadr.oxaddress__oxcountry.value == oCountry.oxcountry__oxtitle.value or                                  delivadr.oxaddress__oxcountry.value == oCountry.oxcountry__oxid.value or                                  delivadr.oxaddress__oxcountryid.value == oCountry.oxcountry__oxid.value))                             %}
                                {% set blCountrySelected = true %}
                                {% set sCountrySelect = "selected" %}
                            {% endif %}
                        {% endif %}
                        <option value="{{ oCountry.oxcountry__oxid.value }}" {{ sCountrySelect }}>{{ oCountry.oxcountry__oxtitle.value }}</option>
                    {% endfor %}
                </select>
                {% if oView.isFieldRequired("oxaddress__oxcountryid") %}
                    {% include "message/inputvalidation.html.twig" with {aErrors: aErrors.oxaddress__oxcountryid} %}
                {% endif %}
            </div>
        </div>
        <div class="row mb-3">
            <label class="col-md-3 col-form-label" for="c4s-shipping-state">{{ translate({ ident: "USER_SHIPPING_LABEL_STATE" }) }}</label>
            <div class="col-md-9">
                {% include "form/fieldset/state.html.twig" with {class: "form-select selectpicker", countrySelectId: "c4s-shipping-state", stateSelectName: "deladr[oxaddress__oxstateid]", selectedStateIdPrim: deladr.oxaddress__oxstateid, selectedStateId: delivadr.oxaddress__oxstateid.value} %}
            </div>
        </div>
    {% endblock %}

    {% block form_user_shipping_fon %}
        <div class="row mb-3">
            <label class="col-md-3 col-form-label{% if oView.isFieldRequired("oxaddress__oxfon") %} c4s-label-required{% endif %}" for="c4s-shipping-fon">{{ translate({ ident: "PHONE" }) }}</label>
            <div class="col-md-9">
                <input class="form-control{% if aErrors.oxaddress__oxfon %} is-invalid{% endif %}"
                       id="c4s-shipping-fon"
                       type="text" size="37" maxlength="128" name="deladr[oxaddress__oxfon]"
                       value="{% if isset(deladr.oxaddress__oxfon) %}{{ deladr.oxaddress__oxfon }}{% else %}{{ delivadr.oxaddress__oxfon.value }}{% endif %}"
                        {% if oView.isFieldRequired("oxaddress__oxfon") %}
                            required=""
                            {% if aFvDataAttrNames %}
                                {{ aFvDataAttrNames.NotEmpty }}="true"
                                {{ aFvDataAttrNames.NotEmptyTrim }}="true"
                                {{ aFvDataAttrNames.NotEmptyMessage }}="{{ translate({ ident: "FORM_VALIDATION_REQUIRED" }) }}"
                            {% endif %}
                        {% endif %}
                >
                {% if oView.isFieldRequired("oxaddress__oxfon") %}
                    {% include "message/inputvalidation.html.twig" with {aErrors: aErrors.oxaddress__oxfon} %}
                {% endif %}
            </div>
        </div>
    {% endblock %}

    {% block form_user_shipping_fax %}
        <div class="row mb-3">
            <label class="col-md-3 col-form-label{% if oView.isFieldRequired("oxaddress__oxfax") %} c4s-label-required{% endif %}" for="c4s-shipping-fax">{{ translate({ ident: "FAX" }) }}</label>
            <div class="col-md-9">
                <input class="form-control{% if aErrors.oxaddress__oxfax %} is-invalid{% endif %}"
                       id="c4s-shipping-fax"
                       type="text" size="37" maxlength="128" name="deladr[oxaddress__oxfax]"
                       value="{% if isset(deladr.oxaddress__oxfax) %}{{ deladr.oxaddress__oxfax }}{% else %}{{ delivadr.oxaddress__oxfax.value }}{% endif %}"
                        {% if oView.isFieldRequired("oxaddress__oxfax") %}
                            required=""
                            {% if aFvDataAttrNames %}
                                {{ aFvDataAttrNames.NotEmpty }}="true"
                                {{ aFvDataAttrNames.NotEmptyTrim }}="true"
                                {{ aFvDataAttrNames.NotEmptyMessage }}="{{ translate({ ident: "FORM_VALIDATION_REQUIRED" }) }}"
                            {% endif %}
                        {% endif %}
                >
                {% if oView.isFieldRequired("oxaddress__oxfax") %}
                    {% include "message/inputvalidation.html.twig" with {aErrors: aErrors.oxaddress__oxfax} %}
                {% endif %}
            </div>
        </div>
    {% endblock %}
</div>

{% block form_user_billing_require_submit %}
    {% if not noFormSubmit %}
        <div class="row mb-3">
            <div class="col-md-6 offset-md-3">
                <div class="alert alert-info" role="alert">{{ translate({ ident: "COMPLETE_MARKED_FIELDS" }) }}</div>
            </div>
            <div class="col-md-6 offset-md-3">
                <button id="c4s-user-submit-btn" type="submit" class="c4s-user-submit-btn" name="save">{{ translate({ ident: "SAVE" }) }}</button>
            </div>
        </div>
    {% endif %}
{% endblock %}