{# todo full bs5 refactoring waiting ... #}
{# todo move modal to modal wrapper if possible.. check include in fullproductinfo.. move to new capture block in details.tpl? #}
<div id="c4s-variant-table-modal" class="modal fade">
    <div class="modal-dialog">

        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">
                    {% if oParentProduct %}
                        {{ oParentProduct.oxarticles__oxtitle.value }}
                    {% else %}
                        {{ oDetailsProduct.oxarticles__oxtitle.value }}
                    {% endif %}
                    - {{ translate({ ident: "C4S_ARTICLE_TABLE_MODAL_TITLE" }) }}
                </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_BOX" }) }}</span>
                </button>
            </div>

            <div class="modal-body">
                {% include "page/details/inc/variant_table_modal_body.html.twig" %}
            </div>
        </div>
    </div>
</div>

{# move variants modal from details container to modal container - see #6774 #}
{# {{ script({ add: " todo: "todo", document.getElementById('modal-wrapper').appendChild(document.getElementById('c4s-variant-table-modal') );, dynamic: __oxid_include_dynamic }) }} #}