{% load i18n %}
{% load labelbase_tags %}
{% load importer_tags %}
{% load sekizai_tags %}
{% load bootstrap %}




<!-- modal -->
<div class="modal" tabindex="-1" id="importLabelbaseModal">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <form action="{% url 'import_labels' %}" method="post" enctype="multipart/form-data">
      {% csrf_token %}
      <div class="modal-header">
        <h5 class="modal-title">Import Labels</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        {% genericlabeluploadform labelbase.id as impform %}
        {{ impform|bootstrap  }}
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
        <button type="submit" class="btn btn-primary">OK</button>
      </div>
      </form>
    </div>
  </div>
</div>

{% addtoblock "js" %}
$(document).ready(function () {
  var form = $('#importLabelbaseModal form');
  form.on('submit', function () {
    // Disable the OK button on form submission
    $('#importLabelbaseModal button[type="submit"]').prop('disabled', true);
  });
});
{% endaddtoblock %}