{% extends "base.html" %}

{% load i18n %}
{% load crispy_forms_tags %}

{% block title %}Set winners for {{ auction }}{% endblock %}

{% block extra_js %}
<script>
var lotSearch;
$(window).on("load", function() {
  $('#id_lot').select();
  var input = document.getElementById('id_lot');
  input.addEventListener('keyup', function () {
    var value = this.value;
    clearTimeout(lotSearch);
    lotSearch = setTimeout(function () {
      htmx.ajax('get','/api/{{ auction.slug }}/lots/' + encodeURIComponent(value), {target: '#result'});
    }, 300);
  });
});
</script>
{% endblock %}
{% block content %}
{#        {% include 'auction_ribbon.html' %} #}
{% crispy form form.helper %}
<div id="result"></div>
{% endblock %}