{% extends "base.html" %}
{% load i18n %}
{% load static %}
{% load currency_filters %}
{% block title %}Set winners for {{ auction }}{% endblock %}

{% block extra_js %}
{% if request.is_mobile_app %}{{ voice_config|json_script:"voice-config" }}{% endif %}
<script>
  let tooltipTimeout;
  function initializeTooltipWithTimeout() {
      if (tooltipTimeout) {
          clearTimeout(tooltipTimeout);
      }
      tooltipTimeout = setTimeout(() => {
          const tooltipTriggerElement = document.getElementById('more_save_options_tooltip');
          if (tooltipTriggerElement) {
              const existingTooltip = bootstrap.Tooltip.getInstance(tooltipTriggerElement);

              if (!existingTooltip) {
                  tooltipTriggerElement.setAttribute('title', 'Ignore errors and save here');
                  const tooltip = new bootstrap.Tooltip(tooltipTriggerElement);
                  tooltip.show();
              }
          }
      }, 100);
  }

  function removeTooltip() {
      const tooltipTriggerElement = document.getElementById('more_save_options_tooltip');
      if (tooltipTriggerElement) {
          const existingTooltip = bootstrap.Tooltip.getInstance(tooltipTriggerElement);
          if (existingTooltip) {
              existingTooltip.dispose();
          }
          tooltipTriggerElement.removeAttribute('title');
      }
  }


  function undoSellLot() {
      let data = {
          lot_number: $("#last_sold_lot_number").text()
      };
      $.ajax({
          url: "{% url 'auction_unsell_lot' slug=auction.slug %}",
          method: 'POST',
          beforeSend: function (request) {
                  request.setRequestHeader("X-CSRFTOKEN", "{{ csrf_token }}");
              },
          data: data,
          success: function(response) {
              handleServerResponse(response);
          },
          error: function(error) {
              console.error(error);
          }
      });
    }

  function handleServerResponse(response) {
      $(".form-control").removeClass("is-invalid is-valid");
      let fields = ['price', 'winner', 'lot']
      if (response.success_message) {
        removeTooltip()
        // The lot is sold and the fields are about to be emptied, so nothing voice filled is still
        // pending -- anything typed from here is a new lot, not a correction. No-op without voice.
        if (window.voiceResetFields) { window.voiceResetFields(); }
        fields.forEach(function(field) {
          $("#" + field).val('');
        })
        $("#result").html('');
        // If the lot queue has another lot ready, pull it up automatically: fill the lot number,
        // load its picture, and jump the cursor straight to the price. Otherwise focus the lot box.
        if (response.next_queued_lot_number) {
          $("#lot").val(response.next_queued_lot_number);
          getLotPicture();
          $("#price").focus();
        } else {
          $("#lot").focus();
        }
        $("#success_banner").removeClass('d-none');
        if (response.banner == "error") {
          $("#success_banner").removeClass('bg-success');
          $("#success_banner").addClass('bg-danger');
        } else {
          $("#success_banner").addClass('bg-success');
          $("#success_banner").removeClass('bg-danger');
        }

        $("#last_sold_lot_number").html(response.last_sold_lot_number);
        $("#success_message").html(response.success_message);
        if (response.hide_undo_button) {
          $("#undo_button").addClass('d-none');
        } else {
          $("#undo_button").removeClass('d-none');
        }
      } else {
        fields.forEach(function(field) {
            if (response[field] === "valid") {
                $("#" + field).addClass("is-valid");
            } else if (response[field]) {
                initializeTooltipWithTimeout();
                $("#" + field).addClass("is-invalid");
                $("#" + field).siblings(".invalid-tooltip").text(response[field]);
            }
        });
      }
      if (response.online_high_bidder_message) {
        $("#sell_to_online_high_bidder").removeClass('d-none');
        $("#sell_to_online_high_bidder").text(response.online_high_bidder_message);
      } else {
        $("#sell_to_online_high_bidder").addClass('d-none');
      }
      if (response.auction_minutes_to_end) {
        var result = response.unsold_lot_count + " unsold lots.  Based on the rate of the last 10 lots sold, this auction will end in "
        var hours = Math.floor(response.auction_minutes_to_end / 60);
        var remainingMinutes = response.auction_minutes_to_end % 60;
        if (hours > 0) {
            result += hours + " hour" + (hours > 1 ? "s" : "") + (remainingMinutes > 0 ? " and " + remainingMinutes + " minute" + (remainingMinutes > 1 ? "s" : "") : "");
        } else {
            result += remainingMinutes + " minute" + (remainingMinutes > 1 ? "s" : "");
        }
        $("#auction_minutes_to_end").removeClass('d-none');
        $("#auction_minutes_to_end").text(result);
      } else {
        $("#auction_minutes_to_end").addClass('d-none');
      }

  }

  function sendFormData(action = 'validate') {
      let formData = {
          lot: $("#lot").val(),
          price: $("#price").val(),
          winner: $("#winner").val(),
          action: action
      };
      $.ajax({
          url: '{{ request.path }}',
          method: 'POST',
          beforeSend: function (request) {
                  request.setRequestHeader("X-CSRFTOKEN", "{{ csrf_token }}");
              },
          data: formData,
          success: function(response) {
              handleServerResponse(response);
          },
          error: function(xhr, status, error) {
            $("#success_banner").removeClass('bg-success');
            $("#success_banner").addClass('bg-danger');
            $("#success_banner").removeClass('d-none');
            let errorMessage = (xhr.responseJSON && xhr.responseJSON.error) || error || (status === 'error' || status === 'timeout' ? 'Network connection problem, try again' : 'An unexpected error occurred, try again');
            $("#success_message").text(`FAILED: ${errorMessage}`);
            $("#undo_button").addClass('d-none');
          }
      });
  }

  function getLotPicture() {
    htmx.ajax('get','/api/{{ auction.slug }}/lots/' + encodeURIComponent($("#lot").val()), {target: '#result'});
  }

{% if request.is_mobile_app %}
  {% comment %}
    Voice-driven set winners. The app does the listening -- iOS WKWebView has no Web Speech API and
    the shell denies the WebView's microphone -- and writes into these same three fields, so
    everything below is a receiver plus the UI for how sure the app is. Validation, submit, undo and
    the queue auto-advance above are untouched: the page still owns the form, and voice reaches it
    through the same blur/submit paths a person's fingers would.
  {% endcomment %}
  const voiceConfig = JSON.parse(document.getElementById('voice-config').textContent);
  const voiceSlotToField = {lot: 'lot', bidder: 'winner', price: 'price'};
  const voiceFieldToSlot = {lot: 'lot', winner: 'bidder', price: 'price'};
  const voiceFieldLabel = {lot: 'the lot number', winner: 'the bidder', price: 'the price'};
  const voiceHelpSeenKey = 'voiceMicHelpSeen';
  // What voice put in each field, the telemetry row it came from, and whether we're still unsure of
  // it. Keyed by field id. voiceFilled is what makes a later edit recognisable as a correction.
  let voiceFilled = {};
  let voiceLogIds = {};
  let voiceUnsure = {};
  let voiceListening = false;

  function voiceStatus(text) {
    $("#voice-status").text(text || '');
  }

  function voiceBridge() {
    const bridge = window.flutter_inappwebview;
    return (bridge && bridge.callHandler) ? bridge : null;
  }

  {% comment %}
    Tuning telemetry (VOICE-5). Fire-and-forget in both directions: a failure here must never cost a
    sale, and a missing row only costs us one sample. Passing the returned id back with
    corrected_to is what pairs a correction with the command that caused it.
  {% endcomment %}
  function voiceLogCommand(slot, fields, onSaved) {
    if (!slot) { return; }
    const data = $.extend({slot: slot}, fields);
    $.ajax({
      url: "{% url 'auction_voice_command_log' slug=auction.slug %}",
      method: 'POST',
      beforeSend: function (request) {
        request.setRequestHeader("X-CSRFTOKEN", "{{ csrf_token }}");
      },
      data: data,
      success: function (response) {
        if (onSaved && response && response.id) { onSaved(response.id); }
      },
      error: function () {}
    });
  }

  function voiceClearUnsure(field) {
    delete voiceUnsure[field];
    $("#" + field).removeClass('voice-unsure-field');
    $("#voice-unsure-" + field).addClass('d-none').empty();
  }

  function voiceUnsureFields() {
    return Object.keys(voiceUnsure);
  }

  {% comment %}
    The unsure state: amber dashed field plus what was heard, what it became, and a one-tap Confirm.
    When the app couldn't separate two candidates ("fifteen" / "fifty"), both are offered rather
    than one of them being guessed at -- picking the other one is a single tap and is recorded as a
    correction, which is exactly the sample the grammar needs.
  {% endcomment %}
  function voiceShowUnsure(field, heard, value, candidates) {
    voiceUnsure[field] = true;
    $("#" + field).addClass('voice-unsure-field');
    const box = $("#voice-unsure-" + field);
    box.empty().removeClass('d-none');
    const summary = $('<span class="me-2"></span>');
    summary.text(heard ? 'heard "' + heard + '" → ' + value + '?' : 'not sure: ' + value + '?');
    box.append(summary);
    const confirmButton = $('<button type="button" class="btn btn-sm btn-success text-dark me-1">Confirm</button>');
    confirmButton.on('click', function () { voiceClearUnsure(field); });
    box.append(confirmButton);
    (candidates || []).forEach(function (candidate) {
      const text = String(candidate);
      if (text === String(value)) { return; }
      const pick = $('<button type="button" class="btn btn-sm btn-outline-secondary me-1"></button>');
      pick.text(text);
      pick.on('click', function () { voiceApplyCorrection(field, text); });
      box.append(pick);
    });
  }

  function voiceApplyCorrection(field, value) {
    $("#" + field).val(value);
    voiceRecordCorrection(field, value);
    voiceClearUnsure(field);
    $("#" + field).trigger('blur');
  }

  function voiceRecordCorrection(field, value) {
    // No id means either the operator typed this field themselves (nothing to correct) or the
    // command's own POST is still in flight -- one round trip against however long it takes a person
    // to notice a wrong bidder and retype it. Dropping that sample beats guessing which row it
    // belonged to.
    if (!voiceLogIds[field] || String(value) === String(voiceFilled[field])) { return; }
    voiceLogCommand(voiceFieldToSlot[field], {id: voiceLogIds[field], corrected_to: value});
    voiceFilled[field] = value;
  }

  function voiceFillField(slot, field, value, confidence, heard, candidates) {
    $("#" + field).val(value);
    voiceFilled[field] = value;
    // Fire the field's own blur: that already runs sendFormData() validation (which paints the
    // is-valid green, or red for a bidder who doesn't exist) and, for #lot, getLotPicture().
    $("#" + field).trigger('blur');
    if (confidence >= voiceConfig.confident) {
      voiceClearUnsure(field);
    } else {
      voiceShowUnsure(field, heard, value, candidates);
    }
    voiceLogCommand(slot, {heard: heard, chosen: value, confidence: confidence}, function (id) {
      voiceLogIds[field] = id;
    });
  }

  function voiceClearFields() {
    ['lot', 'price', 'winner'].forEach(function (field) {
      $("#" + field).val('');
      voiceClearUnsure(field);
    });
    voiceFilled = {};
    voiceLogIds = {};
    $("#result").html('');
  }

  // Called from handleServerResponse once a lot is actually saved: the fields are empty again, so
  // whatever the operator types next is a new lot, not a correction of the last one.
  window.voiceResetFields = function () {
    ['lot', 'price', 'winner'].forEach(voiceClearUnsure);
    voiceFilled = {};
    voiceLogIds = {};
  };

  function voiceBlockedMessage(blockedBy) {
    const missing = (blockedBy || []).map(function (item) {
      return voiceFieldLabel[voiceSlotToField[item]] || String(item);
    });
    voiceUnsureFields().forEach(function (field) {
      const label = voiceFieldLabel[field];
      if (missing.indexOf(label) === -1) { missing.push(label); }
    });
    return missing;
  }

  function voiceHandleCommand(event) {
    const slot = event.slot;
    const value = (event.value === null || event.value === undefined) ? '' : String(event.value);
    const confidence = (typeof event.confidence === 'number') ? event.confidence : 1;
    const heard = event.heard || '';
    const field = voiceSlotToField[slot];
    if (field) {
      voiceFillField(slot, field, value, confidence, heard, event.candidates);
      return;
    }
    if (slot === 'sold') {
      // Never save past an unsure field: block_auto_submit_when_unsure exists because selling a lot
      // to a bidder nobody confirmed is far more expensive than asking one question.
      const blocked = voiceConfig.block_auto_submit_when_unsure
        ? voiceBlockedMessage(event.blocked_by)
        : (event.blocked_by || []).map(function (item) { return voiceFieldLabel[voiceSlotToField[item]] || String(item); });
      if (blocked.length) {
        voiceStatus('Not saved: check ' + blocked.join(', '));
        window.jQuery.toast({
          title: 'Not saved yet',
          content: 'Confirm ' + blocked.join(' and ') + ', then say sold again.',
          type: 'warning',
          delay: 6000
        });
        return;
      }
      voiceLogCommand(slot, {heard: heard, chosen: 'save', confidence: confidence});
      sendFormData('save');
      return;
    }
    if (slot === 'unsold') {
      voiceLogCommand(slot, {heard: heard, chosen: 'end_unsold', confidence: confidence});
      sendFormData('end_unsold');
      return;
    }
    if (slot === 'undo') {
      if ($("#undo_button").hasClass('d-none')) {
        voiceStatus('Nothing to undo');
        return;
      }
      voiceLogCommand(slot, {heard: heard, chosen: 'undo', confidence: confidence});
      undoSellLot();
      return;
    }
    if (slot === 'clear') {
      voiceLogCommand(slot, {heard: heard, chosen: 'clear', confidence: confidence});
      voiceClearFields();
      $("#lot").focus();
      return;
    }
    if (slot === 'confirm') {
      // Confirms the field it names, or everything outstanding when it names nothing.
      const named = voiceSlotToField[value];
      (named ? [named] : voiceUnsureFields()).forEach(voiceClearUnsure);
      return;
    }
    // Unknown slot: ignore it. That's what lets either side add one without shipping the other.
  }

  function voiceRenderState(state) {
    const listening = !!(state && state.listening);
    voiceListening = listening;
    const button = $("#voice-btn");
    if (listening) {
      button.removeClass('btn-primary').addClass('btn-danger');
      button.html('<i class="bi bi-mic-fill"></i> Stop');
      $("#voice-level").removeClass('d-none');
      voiceStatus(state && state.on_device === false ? 'Listening (online)' : 'Listening');
    } else {
      button.removeClass('btn-danger').addClass('btn-primary');
      button.html('<i class="bi bi-mic"></i> Listen');
      $("#voice-level").addClass('d-none');
      $("#voice-level-bar").css('width', '0%');
      voiceStatus('');
    }
  }

  {% comment %}
    The app pushes events in with evaluateJavascript, so this has to exist before anyone taps
    Listen. Unknown event types are ignored for the same reason unknown slots are.
  {% endcomment %}
  window.fishauctionsVoice = {
    onEvent: function (event) {
      // Tolerate a JSON string as well as an object: which one arrives depends on how the app
      // builds the evaluateJavascript call, and that is not worth a coordinated release to agree on.
      if (typeof event === 'string') {
        try { event = JSON.parse(event); } catch (err) { return; }
      }
      if (!event || !event.type) { return; }
      if (event.type === 'state') {
        voiceRenderState(event);
      } else if (event.type === 'level') {
        const level = Math.max(0, Math.min(1, Number(event.level) || 0));
        $("#voice-level-bar").css('width', Math.round(level * 100) + '%');
      } else if (event.type === 'transcript') {
        // v1 had no transcript and no meter, which made "dead microphone" and "bad model" look
        // exactly alike. Showing what was heard, even when nothing matched, is the difference.
        voiceStatus(event.text ? 'heard: "' + event.text + '"' : '');
      } else if (event.type === 'command') {
        voiceHandleCommand(event);
      } else if (event.type === 'error') {
        // Reset the button first: voiceRenderState clears the status line, and the error is the one
        // thing that has to survive on it.
        voiceRenderState({listening: false});
        voiceStatus(event.message || event.code || 'Voice error');
        window.jQuery.toast({
          title: event.code === 'permission_denied' ? 'Microphone blocked' : 'Voice problem',
          content: event.message || 'Voice input stopped.',
          type: 'danger',
          delay: 8000
        });
      }
    }
  };

  function voiceShowFirstRunHelp() {
    let seen = false;
    try { seen = window.localStorage.getItem(voiceHelpSeenKey) === '1'; } catch (err) { seen = false; }
    if (seen) { return; }
    $("#voice-first-run").removeClass('d-none');
  }

  function voiceInit() {
    const bridge = voiceBridge();
    // enabled:false is the site-wide kill switch (Voice grammar in the admin) -- don't even ask.
    if (!bridge || !voiceConfig.enabled) { return; }
    $("#voice-btn").on('click', function () {
      const button = $(this);
      button.prop('disabled', true);
      const stopping = voiceListening;
      const call = stopping
        ? bridge.callHandler('voiceStop')
        : bridge.callHandler('voiceStart', {auction: '{{ auction.slug|escapejs }}'});
      call.then(function (state) {
        button.prop('disabled', false);
        voiceRenderState(state);
        if (!stopping && state && state.listening) { voiceShowFirstRunHelp(); }
        if (!stopping && state && state.error) { voiceStatus(state.error); }
      }).catch(function () {
        button.prop('disabled', false);
        voiceStatus('Voice is not available on this phone');
      });
    });
    $("#voice-first-run-dismiss").on('click', function () {
      $("#voice-first-run").addClass('d-none');
      try { window.localStorage.setItem(voiceHelpSeenKey, '1'); } catch (err) {}
    });
    // Typing over a field voice filled is the correction we most want to know about.
    $("#lot, #price, #winner").on('change', function () {
      voiceRecordCorrection(this.id, $(this).val());
    });
    // supported:false means this app build has no voice handlers at all -- leave the button hidden
    // rather than showing every phone a dead control.
    bridge.callHandler('voiceGetState').then(function (state) {
      if (!state || !state.supported) { return; }
      $("#voice-btn").removeClass('d-none');
      voiceRenderState(state);
    }).catch(function () {});
  }
{% endif %}

$(document).ready(function() {
        var lotSearch;
        $("#lot").on('blur', function() {
          clearTimeout(lotSearch);
          getLotPicture();
        });
        // Prefill from the head of the in-person lot queue, if any: load its picture and focus the
        // price. Otherwise start with the lot box selected as before.
        var queueHeadLot = "{{ queue_head_lot_number|escapejs }}";
        if (queueHeadLot) {
          $("#lot").val(queueHeadLot);
          getLotPicture();
          $("#price").focus();
        } else {
          $('#lot').select();
        }
        var input = document.getElementById('lot');
        input.addEventListener('keyup', function () {
          clearTimeout(lotSearch);
          lotSearch = setTimeout(getLotPicture, 1000);
        });

      // Full screen mode
      $('#fullscreen-btn').on('click', function() {
        let elem = document.documentElement;
        if (!document.fullscreenElement && !document.webkitFullscreenElement) {
          // Use requestFullscreen if available, otherwise try webkitRequestFullscreen
          (elem.requestFullscreen ? elem.requestFullscreen() : elem.webkitRequestFullscreen())
            .catch(err => {
              console.error(`Error attempting to enable full-screen mode: ${err.message}`);
            });
        } else {
          // Use exitFullscreen if available, otherwise try webkitExitFullscreen
          (document.exitFullscreen ? document.exitFullscreen() : document.webkitExitFullscreen())
            .catch(err => {
              console.error(`Error attempting to exit full-screen mode: ${err.message}`);
            });
        }
      });

      $(document).on('fullscreenchange webkitfullscreenchange', function() {
        if (document.fullscreenElement || document.webkitFullscreenElement) {
          $('.hide-fullscreen').hide();
          $('#fullscreen-btn').removeClass('d-sm-inline-block');
        } else {
          $('.hide-fullscreen').show();
          $('#fullscreen-btn').addClass('d-sm-inline-block');
        }
      });

    // Form stuff
    $(".form-control").on('blur', function() {
        sendFormData();
    });
    $("#auctionForm").on('submit', function(e) {
        e.preventDefault();
        sendFormData('save');
    });
    {% if request.is_mobile_app %}
    voiceInit();
    {% endif %}
});


</script>
{% endblock %}
{% block content %}
<span class="hide-fullscreen">
{% include 'auction_ribbon.html' %}

<small>Use this page to mark lots as sold.  Press tab to move the to next field.  <a href='https://github.com/iragm/fishauctions/issues/223'>Leave feedback about this page here.</a></small><br>
<button id="fullscreen-btn" class="btn btn-sm bg-primary d-none d-sm-inline-block"><i class="bi bi-fullscreen"></i> Go fullscreen</button>
{% if request.is_mobile_app %}
{% comment %}
  Voice input. Rendered hidden and revealed only once the app answers voiceGetState() with
  supported: true -- is_mobile_app alone isn't enough, because app builds that predate the voice
  handlers, or phones with no recognizer at all, would otherwise show a button that does nothing.

  supported is the capability and nothing else: since the 2026-08-08 build the app answers it from
  a permission-free check and asks for the microphone inside voiceStart, so
  {supported: true, permission: false} is the normal first visit and the button must appear -- the
  tap is what earns the OS prompt. (Answering it by initializing the recognizer is what once hid
  this button permanently on every phone that hadn't already granted the microphone.)
{% endcomment %}
<button type="button" id="voice-btn" class="btn btn-sm btn-primary ms-2 d-none"><i class="bi bi-mic"></i> Listen</button>
<span id="voice-level" class="voice-level d-none" aria-hidden="true"><span id="voice-level-bar"></span></span>
<small id="voice-status" class="ms-2 text-muted"></small>
<div id="voice-first-run" class="alert alert-info mt-2 d-none" role="alert">
  <i class="bi bi-info-circle"></i> <strong>Keep the microphone near the auctioneer.</strong>
  A phone in your pocket 20 ft from the podium can't hear well enough for this to work, and no
  amount of software fixes that. Use a Bluetooth headset or a clip-on mic, or hold the phone up.
  <button type="button" id="voice-first-run-dismiss" class="btn btn-sm btn-primary ms-2">Got it</button>
</div>
{% endif %}

</span>
{% endblock %}
{% block undiv_content %}
<div class="container">


<div class="alert bg-success text-dark d-none" id="success_banner">
  <p class="mb-0"><span id='last_sold_lot_number' class="d-none">
    </span><span id='success_message'></span> <a id='undo_button' class='text-dark d-none' onclick="undoSellLot()" href='javascript:void(0)'>Undo</a>
  </p>
</div>

  {% comment %}
    The .voice-unsure divs stay empty unless the app fills a field it isn't sure it heard right;
    they hold the "heard X -> Y?" prompt and its Confirm button. Harmless on the web, where nothing
    ever writes to them.
  {% endcomment %}
  <form id="auctionForm" class="row row-cols-md-auto g-3 d-flex align-items-center justify-content-center">
    <div class="col-12 mb-3">
        <div class="input-group">
            <input type="text" class="form-control" id="lot" placeholder="Lot number" autocomplete="off">
            <div class="invalid-tooltip"></div>
        </div>
        <div class="voice-unsure d-none" id="voice-unsure-lot"></div>
    </div>
    <div class="col-12 mb-3">
        <label class="visually-hidden" for="price" class="form-label">Sell Price</label>
        <div class="input-group">
            <span class="input-group-text">{{ auction.currency_symbol }}</span>
            {% if auction.only_whole_dollar_bids %}
            <input type="number" step="1" class="form-control" id="price" placeholder="0" autocomplete="off">
            <span class="input-group-text">.00</span>
            {% else %}
            <input type="number" step="0.01" min="0.01" class="form-control" id="price" placeholder="0.00" autocomplete="off">
            {% endif %}
            <div class="invalid-tooltip"></div>
        </div>
        <div class="voice-unsure d-none" id="voice-unsure-price"></div>
    </div>
    <div class="col-12 mb-3">
        <div class="input-group">
            <input type="text" class="form-control" id="winner" placeholder="Winner" autocomplete="off">
            <div class="invalid-tooltip"></div>
        </div>
        <div class="voice-unsure d-none" id="voice-unsure-winner"></div>
    </div>
    <div class="col-12 mb-3">
      <div class="btn-group" role="group" aria-label="Save">
        <button type="submit" class="btn bg-success text-dark">Save</button>
        <div class="btn-group" role="group">
          <button id="more_save_options" type="button" class="btn btn-success dropdown-toggle text-dark" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></button><span id="more_save_options_tooltip"></span>
          <div class="dropdown-menu" aria-labelledby="more_save_options">
            <a class="dropdown-item" href='javascript:void(0)' onclick="sendFormData('force_save')">Ignore errors and save</a>
            <a id='sell_to_online_high_bidder' class="d-none dropdown-item" onclick="sendFormData('to_online_high_bidder')" href='javascript:void(0)'></a>
            <a class="dropdown-item" href='javascript:void(0)' onclick="sendFormData('end_unsold')">End lot unsold</a>
          </div>
        </div>
      </div>
    </div>
</form>
</div>
<div id="result"></div>
<div class="d-flex justify-content-center">
    <small><span class="text-muted" id="auction_minutes_to_end"></span></small>
</div>
{% endblock %}