<?php
/**
 * @author 1902 Software
 * @copyright Copyright © 2023 1902 Software (https://1902software.com/magento/)
 * @package WriteTextAI_WriteTextAI
 */
?>
<div class="wtai-image-upload-progressbar-container" data-bind="scope: 'wtaiImageUploadProgressbar'">
    <div class="wtai-image-upload-progressbar wtai-no-display" data-bind="css: { 'wtai-no-display': !visible() }">
        <div class="wtai-content">
            <span class="wtai-label" data-bind="visible: !isKeywordAnalysis()">
                <div class="wtai-label-combined">
                    <span><?= $block->escapeHtml(__(
                        "Preparing images for generation.")) ?></span>
                    <span class="wtai-red-highlight"><?= $block->escapeHtml(__("Please keep this page open" .
                        " and avoid reloading, closing, switching tabs, or minimizing until preparation is finished."));?>
                    </span>
                </div>
            </span>
            <span class="wtai-label" data-bind="visible: isKeywordAnalysis()">
                <div class="wtai-label-combined">
                    <?= $block->escapeHtml(__(
                        "Preparing images for keyword ideas generation.")) ?>
                    <span class="wtai-red-highlight"><?= $block->escapeHtml(__('Please keep this page open' .
                        ' and avoid reloading, closing, switching tabs, or minimizing until preparation is finished.'));?>
                    </span>
                </div>
            </span>
            <span class="wtai-count" data-bind="text: count"></span>
            <div class="wtai-user" data-bind="text: email"></div>
            <div class="wtai-image-progress-bar-container">
                <progress class="wtai-progress-bar" max="100" data-bind="attr: { 'value': progress }"></progress>
            </div>
        </div>
        <div class="wtai-action">
            <button class="wtai-cancel" data-bind="click: cancelUpload, disable: cancelDisabled">
                <span><?= $block->escapeHtml(__('Cancel')) ?></span>
            </button>
        </div>
    </div>
    <div class="wtai-image-upload-progressbar-overlay wtai-no-display" data-bind="css: { 'wtai-no-display': !visible() }"></div>
</div>
<script type="text/x-magento-init">
    {
        "*": {
            "Magento_Ui/js/core/app": {
                "components": {
                    "wtaiImageUploadProgressbar": {
                        "component": "WriteTextAI_WriteTextAI/js/grid/popups/image-upload-progressbar"
                    }
                }
            }
        }
    }
</script>