<?php
/**
 * Webkul Software.
 *
 * @category  Webkul
 * @package   Webkul_Marketplace
 * @author    Webkul
 * @copyright Copyright (c) Webkul Software Private Limited (https://webkul.com)
 * @license   https://store.webkul.com/license.html
 */
?>
<div data-bind="scope: 'variation-steps-wizard_step4'">
    <h2 class="steps-wizard-title"><?= /* @noEscape */  __('Step 4: Summary') ?></h2>

    <div class="admin__data-grid-wrap admin__data-grid-wrap-static">
        <!-- ko if: gridNew().length -->
            <!-- ko template: {name: getGridTemplate(), data: {
                grid: gridNew,
                id: getGridId(),
                title: $t('New Product Review'),
                note: $t('Here are the products you\'re about to create.')
            }} --><!-- /ko -->
        <!-- /ko -->

        <!-- ko if: gridExisting().length -->
            <!-- ko template: {name: getGridTemplate(), data: {
                grid: gridExisting,
                id: getGridId(),
                title: $t('Associated Products'),
                note: $t('You created these products for this configuration.')
            }} --><!-- /ko -->
        <!-- /ko -->

        <!-- ko if: gridDeleted().length -->
            <!-- ko template: {name: getGridTemplate(), data: {
                grid: gridDeleted,
                id: getGridId(),
                title: $t('Disassociated Products'),
                note: $t('These products are not associated.')
            }} --><!-- /ko -->
        <!-- /ko -->
    </div>
</div>

<script type="text/x-magento-init">
    {
        "*": {
            "Magento_Ui/js/core/app": {
                "components": {
                    "variation-steps-wizard_step4": {
                        "gridTemplate": "Webkul_Marketplace/variations/steps/summary-grid",
                        "component": "Webkul_Marketplace/js/variations/steps/summary",
                        "appendTo": "variation-steps-wizard",
                        "variationsComponent": "configurableVariations"
                    }
                }
            }
        }
    }
</script>
