<div class="kt-ops-modal" id="auction-approve-modal" data-ops-modal role="dialog" aria-modal="true"
  aria-labelledby="auction-approve-title" aria-hidden="true" tabindex="-1" hidden>
  <section class="kt-ops-modal__dialog">
    <header class="kt-ops-modal__header">
      <div><span class="kt-ops-eyebrow"><%= i18n.__('auctions.approve') %></span><h2 id="auction-approve-title"><%= i18n.__('auctions.approveAuction') %></h2><p><%= i18n.__('auctions.approveConfirm') %></p></div>
      <button class="kt-ops-modal__close" type="button" data-ops-modal-close aria-label="<%= i18n.__('operationsContent.modalClose') %>"><i class="ti ti-x"></i></button>
    </header>
    <form action="/dashboard/auctions/action/approve" method="post" data-ops-form
      data-auction-approve-form data-minimum-bid="<%= minimumBidValue || 0 %>" novalidate>
      <input type="hidden" name="_csrf" value="<%= csrfToken %>">
      <input type="hidden" name="id" value="<%= id %>">
      <div class="kt-ops-modal__body">
        <div class="kt-ops-notice"><i class="ti ti-info-circle"></i><span><%= i18n.__('auctions.bidValuesNote') %></span></div>
        <div class="kt-ops-form-grid kt-ops-form-grid--single">
          <% [0, 1, 2].forEach(function(index) { %>
            <div class="kt-ops-field" data-ops-field>
              <label for="auction-bid-value-<%= index + 1 %>"><%= i18n.__('auctions.bidValueLabel', { index: index + 1 }) %></label>
              <input class="kt-ops-control" id="auction-bid-value-<%= index + 1 %>" type="number"
                name="bidValue<%= index + 1 %>" value="<%= bidValues[index] || '' %>"
                min="<%= index === 0 ? minimumBidValue || 0 : 0 %>" step="0.01" inputmode="decimal" required>
              <p class="kt-ops-field__error" data-ops-field-error></p>
            </div>
          <% }) %>
        </div>
      </div>
      <footer class="kt-ops-modal__actions">
        <button class="kt-ops-btn" type="button" data-ops-modal-close><%= i18n.__('operationsContent.cancel') %></button>
        <button class="kt-ops-btn kt-ops-btn--success" type="submit" data-ops-loading-label="<%= i18n.__('operationsContent.saving') %>">
          <span class="kt-ops-btn__spinner" data-ops-button-spinner hidden></span><i class="ti ti-check"></i><span data-ops-button-label><%= i18n.__('auctions.approve') %></span>
        </button>
      </footer>
    </form>
  </section>
</div>

<div class="kt-ops-modal" id="auction-reject-modal" data-ops-modal role="dialog" aria-modal="true"
  aria-labelledby="auction-reject-title" aria-hidden="true" tabindex="-1" hidden>
  <section class="kt-ops-modal__dialog">
    <header class="kt-ops-modal__header">
      <div><span class="kt-ops-eyebrow"><%= i18n.__('auctions.reject') %></span><h2 id="auction-reject-title"><%= i18n.__('auctions.rejectAuction') %></h2><p><%= i18n.__('operationsContent.detailsDescription') %></p></div>
      <button class="kt-ops-modal__close" type="button" data-ops-modal-close aria-label="<%= i18n.__('operationsContent.modalClose') %>"><i class="ti ti-x"></i></button>
    </header>
    <form action="/dashboard/auctions/action/reject" method="post" data-ops-form novalidate>
      <input type="hidden" name="_csrf" value="<%= csrfToken %>">
      <input type="hidden" name="id" value="<%= id %>">
      <div class="kt-ops-modal__body"><div class="kt-ops-field" data-ops-field>
        <label for="auction-reject-reason"><%= i18n.__('auctions.reason') %></label>
        <textarea class="kt-ops-control" id="auction-reject-reason" name="reason" minlength="2" maxlength="500"
          placeholder="<%= i18n.__('common.{{field}}Placeholder', { field: i18n.__('auctions.reasonLabel') }) %>" required></textarea>
        <p class="kt-ops-field__error" data-ops-field-error></p>
      </div></div>
      <footer class="kt-ops-modal__actions">
        <button class="kt-ops-btn" type="button" data-ops-modal-close><%= i18n.__('operationsContent.cancel') %></button>
        <button class="kt-ops-btn kt-ops-btn--danger" type="submit" data-ops-loading-label="<%= i18n.__('operationsContent.saving') %>"><span class="kt-ops-btn__spinner" data-ops-button-spinner hidden></span><i class="ti ti-x"></i><span data-ops-button-label><%= i18n.__('auctions.reject') %></span></button>
      </footer>
    </form>
  </section>
</div>

<div class="kt-ops-modal" id="auction-cancel-modal" data-ops-modal role="dialog" aria-modal="true"
  aria-labelledby="auction-cancel-title" aria-hidden="true" tabindex="-1" hidden>
  <section class="kt-ops-modal__dialog">
    <header class="kt-ops-modal__header">
      <div><span class="kt-ops-eyebrow"><%= i18n.__('auctions.cancel') %></span><h2 id="auction-cancel-title"><%= i18n.__('auctions.cancelAuction') %></h2><p><%= i18n.__('operationsContent.detailsDescription') %></p></div>
      <button class="kt-ops-modal__close" type="button" data-ops-modal-close aria-label="<%= i18n.__('operationsContent.modalClose') %>"><i class="ti ti-x"></i></button>
    </header>
    <form action="/dashboard/auctions/action/cancel" method="post" data-ops-form novalidate>
      <input type="hidden" name="_csrf" value="<%= csrfToken %>">
      <input type="hidden" name="id" value="<%= id %>">
      <div class="kt-ops-modal__body"><div class="kt-ops-field" data-ops-field>
        <label for="auction-cancel-reason"><%= i18n.__('auctions.reason') %></label>
        <textarea class="kt-ops-control" id="auction-cancel-reason" name="reason" minlength="2" maxlength="500"
          placeholder="<%= i18n.__('common.{{field}}Placeholder', { field: i18n.__('auctions.reasonLabel') }) %>"></textarea>
        <p class="kt-ops-field__error" data-ops-field-error></p>
      </div></div>
      <footer class="kt-ops-modal__actions">
        <button class="kt-ops-btn" type="button" data-ops-modal-close><%= i18n.__('operationsContent.cancel') %></button>
        <button class="kt-ops-btn kt-ops-btn--warning" type="submit" data-ops-loading-label="<%= i18n.__('operationsContent.saving') %>"><span class="kt-ops-btn__spinner" data-ops-button-spinner hidden></span><i class="ti ti-ban"></i><span data-ops-button-label><%= i18n.__('auctions.cancel') %></span></button>
      </footer>
    </form>
  </section>
</div>
