<?php /** @var \Dotdigitalgroup\Email\Block\Adminhtml\Config\Fieldset $block */?>
<div id="ddg-edc-preview">
    <div class = "ddg-edc-wrapper">
        <div class="ddg-edc-title">
            <?= $block->escapeHtml(__('PRODUCT STYLING PREVIEW')); ?>
        </div>
        <div class = "ddg-edc-content" id="connector_configuration_dynamic_content_style_doc-preview">
            <a href="<?= $block->escapeUrl($block->getBaseUrl()) ?>" title="Sample Image" target="_blank">
                <img src="<?= $block->escapeUrl($block->getImagePlaceholder()) ?>" alt="Sample Image"/>
            </a>
            <div id="connector_configuration_dynamic_content_style_name-preview">
                <?= $block->escapeHtml(__('Product Name')); ?>
            </div>
            <div id="connector_configuration_dynamic_content_style_price-preview">
                <?php $price = $block->getCurrencySymbol() . "99.99";?>
                <?= $block->escapeHtml($price); ?>
            </div>
            <div>
                <a id="connector_configuration_dynamic_content_style_link-preview" target="_blank"
                   href="<?= $block->escapeUrl($block->getBaseUrl()); ?>">View Now</a>
            </div>
        </div>
        <div class = "ddg-edc-preview-coupon-title">
            <?= $block->escapeHtml(__('COUPON STYLING PREVIEW')); ?>
        </div>
        <div id="connector_configuration_dynamic_content_style_coupon-preview" class = "ddg-edc-coupon-text">
            <?= $block->escapeHtml(__('DOT-XXX-XXX-XXX')); ?>
        </div>
    </div>
</div>

<script type="text/x-magento-init">
    {
        "*": {
            "Dotdigitalgroup_Email/js/preview":{}
        }
    }
</script>