<?php
/**
 * Copyright 2016 Adobe
 * All Rights Reserved.
 */
// phpcs:disable PHPCompatibility.Miscellaneous.RemovedAlternativePHPTags.MaybeASPOpenTagFound
?>
<script type="text/x-magento-template" id="tier-prices-template">
    <ul class="prices-tier items">
        <% var basePriceTemplate = ' <span class="price-wrapper price-excluding-tax"'
        + 'data-label="<?= $block->escapeHtml(__('Excl. Tax')) ?>">'
        + '<span class="price">&nbsp;%1</span>'
        + '</span>'
        %>

        <% _.each(tierPrices, function(item, key) { %>
        <% var itemBasePrice = item.hasOwnProperty('basePrice')
        ? basePriceTemplate.replace('%1', priceUtils.formatPrice(item['basePrice'], currencyFormat))
        : ''
        %>

        <% var priceStr = '<span class="price-container price-tier_price">'
                    + '<span data-price-amount="' + priceUtils.formatPrice(item.price, currencyFormat) + '"'
                    + ' data-price-type=""' + ' class="price-wrapper price-including-tax">'
                    + '<span class="price">' + priceUtils.formatPrice(item.price, currencyFormat) + '</span>'
                    + '</span>' + itemBasePrice + '</span>';
        %>
        <li class="item">
            <%= '<?= $block->escapeHtml(__('Buy %1 for %2 each and', '%1', '%2')) ?>'
            .replace('%1', item.qty)
            .replace('%2', priceStr)
            %>
            <strong class="benefit">
                <?= $block->escapeHtml(__('save')) ?><span
                    class="percent tier-<%= key %>">&nbsp;<%= item.percentage %></span>%
            </strong>
        </li>
        <% }); %>
    </ul>
</script>
<div data-role="tier-price-block"></div>
