<?php
/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */
?>
<div id="product_composite_configure" class="product-configure-popup" style="display:none;">
    <iframe name="product_composite_configure_iframe" id="product_composite_configure_iframe" style="width:0; height:0; border:0px solid #fff; position:absolute; top:-1000px; left:-1000px" onload="window.productConfigure && productConfigure.onLoadIFrame()"></iframe>
    <form action="" method="post" id="product_composite_configure_form" enctype="multipart/form-data" onsubmit="productConfigure.onConfirmBtn(); return false;" target="product_composite_configure_iframe">
        <div class="entry-edit">
            <div id="product_composite_configure_messages" style="display: none;" >
                <div class="messages"><div class="message message-error error"><div></div></div></div>
            </div>
            <div id="product_composite_configure_form_fields" class="content product-composite-configure-inner"></div>
            <div id="product_composite_configure_form_additional" style="display:none;"></div>
            <div id="product_composite_configure_form_confirmed" style="display:none;"></div>
        </div>
        <input type="hidden" name="as_js_varname" value="iFrameResponse" />
        <input type="hidden" name="form_key" value="<?= $block->escapeHtmlAttr($block->getFormKey()) ?>" />
    </form>
    <div id="product_composite_configure_confirmed" style="display:none;"></div>

    <script>
        require([
            "jquery",
            "mage/mage"
        ], function(jQuery){

            jQuery('#product_composite_configure_form').mage('form').mage('validation');

        });
    </script>
</div>
