<script type="text/template" id="shortcode-lot">
    <% _.forEach(lots, function(lot, index) { %>
    <div id="lot-<%- lot.itemIndex %>"
       class="bp-lot"
       data-lot-index="<%- lot.itemIndex %>"
    >
        <a href="<%- lot.guid %>" class="bp-lot__wrp-image" style="background-color: <%- bgColor %>">
            <div class="bp-lot__image" style="background-image:url(<%- lot.featureImage %>);"></div>
        </a>
        <div id="lot-<%- lot.guid %>-content" class="bp-lot__content">
            <div class="bp-lot__title">
                <a href="<%- lot.guid %>">
                    <span class="bp-title"><%- lot.post_title %> <%- lot.itemIndex %>:</span><%- lot.post_content %>
                </a>
            </div>
            <div class="bp-lot__message"></div>
            <div class="bp-lot__tool">
                <p class="bp-subtitle"><?= __('Start price', 'auctionforge') ?>:</p>
                <p class="bp-price"><%- currency %><%- lot.start_price %></p>
                <a href="<%- lot.guid %>" class="bp-lot-view"><?= __('View', 'auctionforge') ?></a>
            </div>
        </div>
    </div>
    <% }) %>
</script>