<?php
/**
 * @author 1902 Software
 * @copyright Copyright © 2023 1902 Software (https://1902software.com/magento/)
 * @package WriteTextAI_WriteTextAI
 */
?>

<div class="wtai-pipelines wtai-custom-pipeline wtai-custom-block"
    data-bind="visible: isCustomKeywordEmptyVisible"
>
    <div class="wtai-custom-pipeline-empty">
        <div class="wtai-custom-pipeline-empty-initial" data-bind="hidden: previousAvailable">
            <button class="wtai-custom-pipeline-add-keyword-btn"
                data-bind="click: function () { openEmptyCustom() }"
            ><?= $block->escapeHtml(__('Type or drag from pool')) ?></button>
            <div class="wtai-custom-pipeline-empty-text">
                <?= $block->escapeHtml(
                    __('Type your own keyword or drag one from the pool to create your own pipeline.')
                ) ?>
            </div>
        </div>
        <div class="wtai-custom-pipeline-empty-history" data-bind="visible: previousAvailable">
            <button class="wtai-custom-pipeline-add-keyword-btn"
                data-bind="click: function () { openEmptyCustom() }"
            ><?= $block->escapeHtml(__('Type or drag from pool')) ?></button>
            <div class="wtai-custom-pipeline-empty-text">
                <?= $block->escapeHtml(__('or')) ?>
            </div>
            <button class="wtai-custom-pipeline-empty-btn"
                data-bind="click: function () { restorePreviousPipeline() }"
            ><?= $block->escapeHtml(__('Build cluster-based pipeline')) ?></button>
        </div>
    </div>
    <div class="wtai-pipeline-edit-active-mask" data-bind="visible: isEditMaskVisible"></div>
    <div class="wtai-empty-pipeline-loading-mask" data-bind="css: { 'wtai-show': showEmptyLoader }"></div>
</div>