<?php
/**
 * @var $name string
 * @var $linkTerms string
 */
?>
<div class="bp-modal bp-modal_steps modal modal__content micromodal-slide" id="modal-steps" aria-hidden="true">
    <div class="modal__overlay" tabindex="-1" data-micromodal-close>
        <div class="modal__overlay__inner" tabindex="-1" data-micromodal-close>
            <div id="modal-steps-wrapper" data-name="" class="modal__container" role="steps" aria-modal="true"
                 aria-labelledby="modal-steps-title">
                <header class="modal__header">
                    <h2 class="modal__title modal__title_without-logo" id="modal-bid-title">
                        <?= __('Increments table', 'auctionforge') ?>:
                    </h2>
                </header>
                <section id="modal-steps-content" class="modal__content"></section>
            </div>
        </div>
    </div>
</div>

<script type="text/template" id="increment-tables-template">
    <table class="bp-table">
        <tr>
            <th><?= __("Price", "auctionforge") ?></th>
            <th><?= __("Increment", "auctionforge") ?></th>
        </tr>
        <% if (data !== undefined) { %>
            <% _.forEach(data, function(field, index) { %>
            <tr>
                <td><%- formattedPrice(field[0], currency) %></td>
                <td><%- formattedPrice(field[1], currency) %></td>
            </tr>
            <% }); %>
        <% } %>
    </table>
</script>
